How Do I Reduce Image File Sizes?

How Do I Reduce Image File Sizes?

These instructions are for how to reduce image file sizes for faster load times on websites and mobile apps.

Step-by-step guide

  1. In any version of Photoshop, use the “ Save for Web ” or " Export " function instead of “Save” or “Save As”. Image quality can be incrementally reduced in the “Save for Web” menu if necessary.
    1. For PNGs, save the image as PNG-8 in the “Save for Web” menu instead of PNG-24, or select “Smaller File (8-bit)” in Photoshop CC’s “Export” menu if the image content is simple enough that it doesn’t need more bits to display more detail.
    2. Even if the image has only 1 colour, saving as an indexed file is not recommended unless the image detail is extremely simplified and the appearance of the image remains true to original after indexing.
  2. Use additional online image compressors if needed:
    1. TinyJPG — https://tinyjpg.com/
    2. TinyPNG — https://tinypng.com/
    3. JPEG-Optimzer — http://jpeg-optimizer.com/
    4. Kraken.io — https://kraken.io/web-interface
  3. Simplify the image content. The less detail there is, the less data needs to be saved.



    • Related Articles

    • How Do I Improve My Image Search Results?

      This Article Is For: Users with the 'Manage Pages' permission Users with the 'Manage Media Library' permission This is applicable to: All Themes For more information on Image Publishing Click Here Below are the instructions for improving your image ...
    • Navigating Stock Image Usage: Guidelines and Best Practices

      Be Advised The information provided herein is for general informational purposes only and is not intended to constitute legal advice or serve as a substitute for consultation with qualified legal counsel. You should seek the advice of your legal team ...
    • How Do I Add Media Files To The Media Library?

      This Article Is For: Users with Media Library permissions This is applicable to: All Themes Note Maximum upload file size is 100MB Maximum image dimensions are 2560px by 2560px. These instructions are for adding media files to your media library ...
    • Stock Image Library Overview

      This Article Is For: All users who have access to: Manage Pages or Manage Blogs This is applicable to: All Themes Features: Allows clients to source and use stock images legally at no cost Notes: Stock images can be used only if the author has been ...
    • Media Library: Scaling & Cropping Images

      This Article Is For: All users who have the 'Manage Media Library' permission This is applicable to: All Themes Below are best practices/tips for scaling and cropping images with SoCast's Media Library. Scaling Images : To scale an image, first edit ...