Skip to main content
All CollectionsImages and ProductsImages
How To: Compress your Images for use on your Website
How To: Compress your Images for use on your Website
Hazel Dulay avatar
Written by Hazel Dulay
Updated over 4 months ago

WARNING: DO NOT USE THIS PROCESS FOR IMAGES UPLOADED INTO ART PRINT STORES. THIS ARTICLE DOES NOT REFER TO AN ART PRINT OR STANDARD STORE IMAGES . ASF WILL AUTOMATICALLY COMPRESS THOSE FOR OPTIMAL SITE SPEED. FOR ALL OTHER IMAGE UPLOADS INTO YOUR SITE MANAGER, PLEASE READ THIS ARTICLE.

In order to optimize your Art Storefronts site (in regards to things like Billboards or Photo Galleries) you may find that you need to compress your image files. This will help keep site speeds up and loading times down. To learn more about this process, please review the guide below.


Using Photoshop

We recommend using JPEG formats for images that are not in your stores.

About the JPEG format

The JPEG format supports 24‑bit color, so it preserves the subtle variations in brightness and hue found in photographs. A progressive JPEG file displays a low-resolution version of the image in the web browser while the full image is downloading.

JPEG image compression is called lossy because it selectively discards image data. A higher quality setting results in less data being discarded, but the JPEG compression method may still degrade sharp detail in an image, particularly in images containing type or vector art.

Please Note: Artifacts, such as wavelike patterns or blocky areas of banding, are created each time you save an image in JPEG format. Therefore, you should always save JPEG files from the original image, not from a previously saved JPEG.

The JPEG format does not support transparency. When you save an image as a JPEG file, transparent pixels are filled with the matte color specified in the Save For Web dialog box. To simulate the effect of background transparency, you can match the matte color to the web page background color. If your image contains transparency and you do not know the web page background color, or if the background is a pattern, you should use a format that supports transparency (PNG‑8, or PNG‑24).


Optimize as JPEG

JPEG is the standard format for compressing photographs.

  1. Open an image and choose, File, then choose Export, then choose Save for Web.

  2. Choose JPEG from the optimization format menu.

  3. To optimize to a specific file size, click the arrow to the right of the Preset menu, and then click Optimize To File Size. Enter a number in the Desired File Size text box, and select either Current Settings, which optimizes for the current settings, or Auto Select JPEG, which automatically determines whether JPEG is the better format.

  4. Do one of the following to specify the compression level:

    • Choose a quality option (Low, Medium, High, and so on) from the pop‑up menu under the optimization format menu.

    • Click the arrow in the Quality menu and drag the Quality pop‑up slider.

    • Enter a value between 0 and 100 in the Quality box.

The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size. View the optimized image at several quality settings to determine the best balance between quality and file size.

  1. Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.

    Note:To preserve the ICC profile of the original image in the optimized file, select ICC Profile.
    Some browsers use ICC profiles for color correction. The ICC profile of the image depends on your current color setting.

  2. If the original image contains transparency, select a Matte color that matches the background of your web page. Transparent areas in your original image are filled with the Matte color.

  3. To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

image__6_.png
Did this answer your question?