9 Tips to Optimize the Images on your Website

Ryan Warrender
2 min readDec 29, 2022

--

  1. Use the right image format. Different image formats are suitable for different types of images. For example, JPEG is a good choice for photographs, while PNG is better for graphics with transparent backgrounds. Using the right image format can help reduce file size and improve loading speed.
  2. Compress images. Large image files can slow down your website. Use an image compression tool to reduce the file size of your images without sacrificing quality. Try https://imagecompressor.com/
  3. Serve images in next-gen formats. Next-gen image formats such as JPEG 2000, JPEG XR, and WebP can offer smaller file sizes and improved performance compared to traditional formats like JPEG and PNG.
  4. Use responsive images. Responsive images automatically adjust their size to the device they’re being viewed on, which can improve loading speed on mobile devices.
  5. Use a content delivery network (CDN). A CDN stores copies of your website’s static assets (including images) on servers located around the world. When a user requests your website, the CDN serves the assets from the server closest to the user, which can improve loading speed.
  6. Use lazy loading. Lazy loading delays the loading of images until they are needed, which can improve the initial loading speed of your website.
  7. Optimize image alt text. Alt text (alternative text) is a description of an image that is displayed when the image is not available. Including descriptive alt text can improve the accessibility of your website.

Opinions are my own and not the views of of my company.

--

--

Ryan Warrender

Product Manager at Google. DIYer, Podcaster, and fan of tacos.