Why are my Photoshop exported images too large for websites?
I optimized my images, but the file sizes are still heavy and affecting page speed. What export settings or formats do you recommend for better web performance?
I optimized my images, but the file sizes are still heavy and affecting page speed. What export settings or formats do you recommend for better web performance?
Hi,

If you set the fields to show pixels, you can see the width and height of the current state of the image.

Typically, and this varies all over the place depending on the needs of the website, the size may be between 600 pixels in width up to 1600. But the lower end is more common. Please note that the resolution on the web is irrelevant. If that little “chain” icon is dark as shown, any change you make in one field will respond in kind in the other.

The reason for all this is you are not printing, rather, you are placing each pixel of the image for each pixel on a monitor. Thus, a low resolution monitor will show the same image much larger than a higher resolution monitor—the pixels are smaller.
Once you determine the necessary resolution for the image, THAN you can set the compression for the image. Too high of compression and you start to get JPG degredation.
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.