I put HD pictures on my website and it takes a lot of time for them to load. I've then tried re-saving them using Photoshop CC as jpeg and choosing 1 in the compression scale (going from 1 to 12). They're much lighter but are still the same size. On my website, I did notice a little improvement in loading speed but it wasn't as drastic as I thought. Would it be best to re-scale the pictures rather than compressing them (since they're never shown on the website in full size, i.e something like 5000 x 3500 pixels). Which is the best solution in order for my pictures to load fast but still maintain a great quality? Thanks!!!


2 Answers 2


You should nearly always resize the photos before uploading them to a web site. The web designer should be able to tell you what the optimal dimensions are.

Use the option Save for web in Photoshop. The quality level you have to choose depends on the photo. Some can be compressed more without showing compression artifacts. Choose convert to sRGB to avoid problems with colors.

After saving the files use an app like ImageOptim for Mac to delete the exif data and further reduce the file size.

  • 2
    \$\begingroup\$ You may also want to look into web software that will dynamically resize based on target display device. With web browsers running from tiny phones to 4K+ desktops, it is reaching a point where displaying high quality images cannot be a one size fits all any more. I do not offer this as an answer as what web software to use is beyond the scope of the question (and this forum), but worth looking at by the OP. \$\endgroup\$
    – Linwood
    Jul 15, 2017 at 13:49
  • 1
    \$\begingroup\$ The problem is that imagemagick and gd for php which are used by the majority of websites can't compress images as well as photoshop. So it makes sense to compress the largest version of the image with a tool like photoshop. Responsive web design with resized images should be a given and is the responsibility of the web designer. \$\endgroup\$
    – B. Martin
    Jul 15, 2017 at 13:57

There is an 'Export for Web' feature in photoshop found here:

File -> Export for Web -> (SELECT FORMAT) -> SAVE


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.