Best Practices for Pristine Images

Image and Video Manager can simplify your workflow by reducing the number of derivative images needed.

To deliver the best-quality derivative versions for each end user, use a higher-quality pristine (or original) image. To take full advantage of Image and Video Manager optimizations, we have created the following “best practices” for image format, quality, dimension, file size, and color profile. Please keep in mind these are general guidelines.

Format

  • We recommend high-quality JPEGs, PNGs (for images with transparency), or GIFs but any web format will work.
  • We do not support Photoshop (PSD), RAW, or SVG formats.

Quality

  • We recommend providing Image and Video Manager with the highest-quality imagery you have.
  • For JPEGs, we suggest a quality level of 95, but nothing lower than 85.

Image Dimensions

  • In general, we suggest dimensions 2,000 px–4,000 px wide.
  • If you happen to know the largest dimension you will use, and resizing is part of your process, we suggest using those exact dimensions as your pristine dimensions.
Tip: Use reasonable dimensions (no point in providing a 10,000 px by 10,000 px pristine when the largest dimension image you would ever serve would be 1920 px wide).
Note: Image and Video Manager can ingest pristine images larger than 5,000 px wide; however, the largest derivative is capped at 5,000 px wide.
Note: Image and Video Manager optimizes images up to 9,999 pixels in either width or height. Images with a height or width larger than 9,999 or a total combined pixels greater than 99,980,001 will not be optimized.

File Size

  • In terms of byte size, generally we recommend high-quality pristines in the 500 KB–5 MB range.
Important: In the event that Image and Video Manager cannot serve a real-time or offline derivative image, Image and Video Manager will serve your pristine image instead.
Note: The max file size for pristine images is 128 MB. Images greater than 128 MB will not be processed.

Color Profile

  • We recommend providing images in sRGB color profile.
  • If this color profile is not available, Image and Video Manager will color correct your images, but this may increase the time to process the image
Note: Image and Video Manager will apply the sRGB color profile for consistency across all browsers and devices (e.g., iPhone users will see the identical shade of red as Android users). Today, browsers assume different things about colors in non-sRGB color profiles. Therefore, if the pristine image is not already in a web color profile (e.g., Pristine is in CMYK), it may appear slightly different in color when viewed in a web browser from what the designer/editor originally viewed.

Is there a tool to help analyze my images?

Yes, you can use Perceptual Quality Preview to analyze pristine images and get some hints about optimization. Perceptual quality lightens the weight of your images by applying the maximum level of byte reduction and compression that is imperceptible to the human eye.

This will help you select the perceptual quality settings you want to use in your Image and Video Manager policies.

For more information see, Create Perceptual Quality Previews.