Image Resizer Online
Online Free Image Resizer quickly helps resize any type of image in seconds. Without worrying about data leakage you can use Atrowel Image resizer. It will not send any data to the server or not store it locally. Browse or drag and drop an image from your device, and enter the expected new width and height.
Social media post image dimensions
The below specs refer to the social media post images. All platforms support different dimension, to optimized view we need to upload image with their given best dimension. Following chart will help you to find out best dimention.
Image Type | YouTube | ||||
---|---|---|---|---|---|
Profile Picture | 400x400 | 800X800 | 170x170 | 320x320 | 400x400 |
Banner Picture | 800x200 | 2560x1440 | 820x312 | Width 1080 & Height Inbetween 566 and 1350 | 1500x500 |
Post Picture | 520x320 | 2560x1440 | 1200x630 | Width 1080 & Height Inbetween 566 and 1350 | 1200x675 |
Post Thumbnail | 1200x627 | 1280x720 | 1280x720 | 1080x1080 | 1200x675 |
Ads Picture | 1.91:1 | 468x60 728x90 | 1080x1080 | 1080x1080 | 1200x1200 |
How to Resize the Image using JavaScript?
With the help of HTML Canvas element drawImage() method we can resize images in different shapes. Let’s create a canvas element in the html page.
Read the uploaded image and create an img component using the Image() constructor.
Draw an image on canvas with expected width and height.
Credits
HTML Canvas element - is used to draw graphs on a website.
ReactJs - A JavaScript library for building user interfaces.