Introduction

Saving your images correctly will help your pages load quickly across all devices.

Tap any image to view at larger size.


In this article
  • Supported image files JPEG, PNG or animated GIF
  • Exporting from Adobe Photoshop for Gallery or Custom Pages: video instructions
  • Export images from Adobe Photoshop or similar
  • Recommended settings for JPEGs
  • Export images from Adobe Photoshop Lightroom Classic CC using the Format Publisher plugin
  • Recommended settings for Proofing projects
  • Recommended settings for logos

Supported image files JPEG, PNG or Animated GIF

  • JPEG files are best of photographic images
  • PNG-8 good for logos
  • PNG-24 best for logos, illustrations, still images and transparency
  • GIF files are best for simple animations or graphics with flat colors
  • Image files can be up to 50MB in size

Exporting from Adobe Photoshop for Gallery or Custom Pages: video instructions

  • Export as… 0:25
  • Set height to 1600px 1:10
  • Include metadata 2:34
  • Color Space 2:43
  • Export image 3:11
  • Select location to save image 3:21

Export images from Adobe® Photoshop® or similar

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/nsJF3Zdn8bDFIT1qiw6hC9g2VvfHSaS14OOZO6FqKrE/01_photoshop-export-save-for-web-path-b5Q.jpg

If you are using Adobe Photoshop or similar as your image editor you will want to save your images using the 'File' > 'Export' > 'Save for Web (Legacy)…' option.

Images that are not 'saved for web' may have color profiles attached that display poorly in some web browsers. This is more noticeable on mobile devices.


Recommended settings for JPEGs

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/nK9qC14FBXXTH1sqVKt8jAM4mXi1-Sty_13SNAZ7JDw/02_save_for_web_settings_for_jpg_950-qR4.jpg

Gallery page image files can be up to 50MB in size but for best results we recommend these settings for saving your JPEGs

  1. Select JPEG
  2. Quality level 95% (recommended)
  3. Tick 'Optimized' and 'Embed Color Profile'
  4. Tick 'Convert to sRGB'
  5. Image size set H (height) to 1600px (recommended minimum). If the W and H are 'linked' the W (width) dimension will be added automatically
  6. Indication of saved image size and type
  7. Save your image

Export images from Adobe Photoshop Lightroom Classic CC using the Format Publisher plugin

The Format Publisher plugin simplifies the tasks of uploading and updating your Gallery Pages and Proofing projects. Instead of exporting JPEGs to your desktop and then uploading you can export directly. Saving steps, time and allowing you to automatically configure the settings necessary.

Our Format Publisher article will show you how to download, install, configure and export images.


Recommended settings for Proofing projects

If you are using our Proofing feature and allowing your clients to download full resolution images you will not want to restrict the Image Sizing or Quality of the image compression.

Recommended settings for Logos

Each theme displays logos at different sizes.

Make your logo image at least 900 pixels wide and crop tightly to remove excess 'white space' before uploading.

If you have a mainly text-based logo or graphic and want the background to appear underneath (transparent) save as a transparent PNG file.

Export as a JPEG if you have more of a photographic style logo.

Export as an animated GIF if you have animated your logo!

See our more detailed Preparing your Logo guide.

You may want to experiment with different export settings and add to your site before deciding what looks best.

Still have questions? Reach us on our live chat or email us at info@format.com We’re here to help!


Adobe, Photoshop and Lightroom are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.