When shooting images and preparing them for print use, it is customary to use high resolution images, characterized by files with a dpi (dots per inch), or ppi (pixels per inch) of 150 or above in order to get the highest quality results. However, high resolution images generally have large file-sizes, which can cause them to be slow to upload, and slow to load when viewed on the web.
Therefore, when saving images to upload to the web, it’s useful to save them at a lower file size, which can generally be achieved by saving them at a lower ppi (72ppi is the recommended resolution for images on the web).
Here are some quick steps to take to save your images for the web using Photoshop, to ensure faster uploads, and overall faster website load times:
1. First, with your image open in Photoshop, click File > Save for Web
*Note: in some versions of Photoshop, this command may be labeled as "Save for Web and Devices."
2. From the window that appears, make sure that "JPEG High" is selected from the Preset drop-down menu, and the remaining settings in that section can be left at their default values.
3. Next, make sure that you have checked the box labeled "Convert to sRGB."
4. If you would like to edit the size dimensions of your image, you can do that within the "Image Size" section of the window, and this will allow you to input either exact pixel dimensions you wish to use, or you can also use a percentage value. If you resize your image from this area, you can leave the default value "Bicubic" selected from the Quality drop-down menu.
*Note: We recommend sizing your images to a minimum of 3000px wide by 1730px high in order to utilze our built-in HD image feature. While you may absolutely upload images that have larger dimensions than those mentioned previously, we recommend 3000px x 1730px to utilize the full image canvas within our designs.
5. Once you are finished, be sure to click the "Save..." button which will then prompt you to continue saving your image in the location on your computer that you prefer.
Following these steps will ensure that your images will remain at a high quality for viewing on the web, while also maintaining a lower resolution and file size needed for optimum website performance.
Click here for more assistance with troubleshooting image quality.