Skip to main content
F
fabianb47934421
Participant
March 21, 2017
Question

Saving optimized for Web with Photoshop CC

  • March 21, 2017
  • 1 reply
  • 758 views

Hello

I am having a hard time figuring out the right way to save web quality images out of Photoshop CC (I realized better results with CS6 before, I believe). My challenge is to save the files for a image rich photography site with lots of images. So, I am trying to keep up the quality level high in order to broadcast our work and simultaneously have the pictures as small as possible for page speed. What are your strategies to find the right balance?

Here, the gallery is to much compressed for my taste: Portrait Gallery

Here the featured images are not compressed enough: Fotoshootings im Fotostudio

What's your approach to that?

Thanks,

Fabian

This topic has been closed for replies.

1 reply

Per Berntsen
Community Expert
Per BerntsenCommunity Expert
Community Expert
March 21, 2017

The images look bad because the website allows them to be enlarged - resized beyond their pixel size.

In my browser, 600 x 600 pixel images are enlarged to 983 x 983 pixels.

This can be easily fixed in the website coding, if you do it yourself, img {max-width: 100%;} in the css will fix it.

This will prevent images from enlarging beyond their native pixel size.

You should also consider having larger images - 1000 to 1200 pixels on the long side. 600 pixels is quite small.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices