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

    • Stock Image Rules & Use

      Be Advised This for informational purposes and does not constitute legal advice or substitute for legal counsel. This information is provided only as a convenience to you. Sites listed as hypertext links are not under our control, are provided "as ...
    • 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 ...
    • 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 ...