How to resize a large batch of images?
- Drag and drop any number of image(s) of any format (PNG, JPEG, GIF, and WEBP) onto the page. You can mix different image formats together in the same batch.
- Select to resize images by either percentage, or pixels, and whether to "Maintain Aspect Ratio".
- Enter the target width or height (or both if the "Maintain Aspect Ratio" checkbox is unchecked).
- All PNG, JPEG, GIF, and WEBP images will be instantly resized together in a batch within seconds without any uploading or downloading of images.
- Images can be further compressed after resizing by checking the "Compress Result" checkbox.
Why should I resize images for my site?
- Resizing images is one of the easiest and most effective ways of optimizing a website.
- Unnecessarily large images are harming your site's SERP ranking.
- Large images create slow-loading pages which negatively impact the user experience.
How does resizing images benefit SEO?
Resizing image resolutions (pixel dimensions) to their actual display sizes is an absolutely essential factor in accelerating page loading times and providing a better overall user-experience. The time it takes to download and display all of the content on a page is highly dependent on the file sizes of all the images on the page and will directly impact a site's ranking factor in search engine ranking algorithms. Google has even taken the extraordinary step of explicitly announcing that page speed is a key ranking factor in Google's search algorithm.
An image's file size is markedly reduced even by a seemingly small reduction in its pixel resolution. This carries an enormous impact on the time it takes for visitors to download and display the image on the page. Simply put, images sizes that are optimized for performance greatly speed up page load times, which in turn benefits user-experience, encourages positive user behavior, and boosts a site's organic search ranking.
Your browser will resize the image to fit is display size anyway, so resize all images ahead of time.There is no visual perceptible difference between images resized by your browser vs. images resized ahead of time:
How much does image resolution affect file size?
Pixel dimensions have an enormous effect on the overall file size of an image. By far, more than any other factor within the same image file format. Furthermore, the larger the source image, the greater the impact of even a marginal image size reduction will have on its file size.
To illustrate this point, reducing an image width by 100 pixels (while maintaining its aspect ratio) will result in a significantly larger reduction of file size for a larger image than for a smaller image (all other things being equal). This may seem slightly counter-intuitive as one may initially presume that as a fixed number such as 100 pixels represent a higher portion of overall pixels for the smaller image than the larger, it should also result in a larger file size reduction in kind.
However, this is not the case and is best illustrated in the table below:Data reduction comparison based on 100 pixel width reduction
(w x h)
(minus 100 pixels)
Resized Total Pixels
(w x h)
Total Pixel Reduction
As a general rule of thumb, there are diminishing returns on file size reductions when resizing images as the image resolution gets smaller This also holds true when considering proportional, percentage-based reductions of an image's pixel dimension as illustrated in the following graph used on the image shown above:Sample Image:
Should I compress or optimize an image after I have resized it?
In most cases, yes! An additional optimization pass on the resized image will result in a significant additional reduction in file size, while the marginal loss in image quality resulting from the compression will be even more imperceptible at the smaller image size.Compressing the image after resizing results in further non-negligible file size reductions.