MENU

Image Sizing

Last updated: August 15, 2019
You are here:

At La Lune we use a standard image sizing for most things in our designs and in ProPhoto in general. Including blog posts. Each design is different and some designs have some odd sized images for header slideshows specifically made for that design, but in general these are the sizes we use.

Horizontals
2000 (w) x 1333 (h) @72dpi
JPEG Quality set to 6 In Photoshop or 50% in Lightroom.

Verticals
900 (h) x 600 (w) @72dpi
JPEG Quality set to 6 In Photoshop or 50% in Lightroom.

Crops

We always try to use a standard crop. Which is 2:3 or 3:2. It’s key to be consistent across web designs and galleries. Even if you’re delivering files to clients, you should always be cropping in a standard ratio for print purposes.

Keeping the same image sizes across all your galleries ensure that your galleries load smoothly and efficiently. If you are uploading images with a ton of different image sizes and using anything but a “tiled” gallery, then it’s likely your gallery will be resizing oddly every time it loads an image with a different height or width. This may cause the gallery to show unexpected spacing or not fit in certain areas of the design correctly.

Standard Crop Ratios are as follows:
2:3 (4 x 6)
5:7 (5 x 7)
4:5 (8 x 10)

DPI

Standard web DPI or dots per inch, is 72dpi. Saving at this lower resolution makes it so that if someone steals your image from your site and try to print it, it’s not going to look very good. If you’re uploading images at 300dpi, then if someone were to steal the image from your site, they can get a pretty decent print out of it at smaller sizes.

DPI doesn’t effect load times. So regardless of whether you save at 72 or 300, the file size shouldn’t change.

WordPress 5+

In WordPress 5 they introduced a brand new post block editor. There’s one really important step to note if your images aren’t looking sharp when you upload them.

After uploading your image to the post, and clicking it once to bring up the image options in the sidebar, make sure you select the “full size” option from the image size dropdown. This ensures that the image isn’t losing any quality because WordPress is trying to reduce the file size down in the post.

Was this article helpful?
Dislike 0

Table of Contents

Still can't find what you're looking for?