0

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

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
    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. – Linwood Jul 15 '17 at 13:49
  • 1
    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. – B. Martin Jul 15 '17 at 13:57
-1

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 acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

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