Page Comparison

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

Step-by-step guide

1. In any version of Photoshop, use the “Save for Web” “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.
   In any version of Photoshop
   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.
   1. 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
   2. Simplify the image content. The less detail there is, the less data needs to be saved.

    

   Related articles

   Filter by label (Content by label)
   showLabels false max 5 spaces FAQ showSpace false sort modified reverse true type page cql label = "sp-be_imagesize" and type = "page" and space = "FAQ" labels sp-be_imagesize

   ...