Image optimizers reduce image file sizes so that images are optimized for the Internet and can load quickly.
After reading this article you will be able to:
Copy article link
An image optimizer is a service, product, or library that makes image files smaller. Typically, an image optimizer will reduce the file size of an image by compressing and resizing it, ideally without compromising the quality of the image too much. This optimizes images for the web because they will take less time to load in a user's browser, increasing website speed and performance.
All images that appear on a webpage need to be downloaded by the user's browser before they can be displayed. The larger an image is (in terms of file size, not dimensions), the longer it takes to download, and the more bandwidth it will will take up. If users are on a mobile device, large images will also use up a lot of their data as they download.
Therefore, keeping images small is crucial for website performance, and website performance is extremely important for SEO and for keeping users engaged and active on a website. Google prioritizes sites that load quickly, and users are more likely to bounce and less likely to convert if a webpage takes a long time to load.
The first step for reducing image size is to shrink its dimensions. The typical website will not need images that are 3,000-plus pixels wide, for example. (In fact, most desktop displays are 1,920 pixels wide or smaller.) Adjustments to the dimensions of an image should reduce file size without reducing quality.
Images can also be compressed. Image compressors (such as Photoshop's 'Save for Web' feature) can shrink JPEG files to a much lower resolution level, and the images will look essentially the same. However, images should still look professional, not pixelated. There's a tipping point where the resolution becomes so low that the accompanying performance gains are not worth it. Testing is important; images should appear professional on large monitors and small smartphone screens alike.
The file format used for an image affects how large the file is. Most images for the web should be in JPEG format, not PNG or GIF. This is because it's easiest to adjust the quality (which affects the file size) with JPEG files. JPEG files are lossy, which means they lose visual information when they are compressed. As a result, compression can shrink JPEG files to a fraction of their original sizes, which is usually not possible with GIF and PNG files (both are lossless).
A CDN, or content delivery network, is a group of servers distributed around the world that store and deliver content, including images, to end users. CDN servers are optimized for speed, and they are located closer to end users than origin servers are, reducing latency and speeding up load times for images, video, and other content delivered over the Internet. Learn more about the Cloudflare CDN.
Image search engine optimization and image optimization are separate, but related. Reducing image file size does help optimize images for search by reducing load times, and Google encourages developers to compress images when possible.
However, for an image to be truly optimized for search, developers should:
Performance and SEO
More on Performance
Learning Center Navigation