LR Classic web gallery images appear larger than specified

Forum|Forum|3 days ago
April 23, 2026
3 replies
45 views

Using LR Classic 13.2 on a MacBook Pro OS 13.6.4. When creating and exporting a web gallery, using the Classic Gallery template, and sizing the images, the sizes are increased by 100% when viewing in LR or a web browser (tried Chrome, Firefox, and Safari). So a 1000px image becomes 2000px, and noticeably softer in sharpness. However it doesn’t do this on my lower resolution monitor (2 monitor setup). I can move the browser window from monitor to monitor and see the image quality change. Why is this happening and how can I maintain the image size specified (is this html code I can modify)? Thanks!

Per Berntsen

Community Expert

You seem to be expecting a 1000 px image to display the same physical size (measured with a ruler on screen) on any monitor. It doesn’t work like that.
A pixel does not have a fixed physical size. The size is determined by the physical dimensions of the screen and the screen resolution (pixel dimensions). See my previous post.

So –
What are the sizes of your monitors in inches? (as stated by the manufacturer)
And are you running both of them at their native resolution?
If not, at what resolution are you running them?

In the screenshot below a 1000 px wide image is open in Photoshop.
My screen resolution is 1920 x 1200.

I then changed the screen resolution to 1280 x 800, and the image displays like this:

Per Berntsen

Community Expert

I wrongly assumed that one of your monitors was high resolution (4k or more), but it turns out that they’re both standard resolution. (or less)

The physical size of a screen pixel (called dot pitch) depends on two things – the physical size of the screen and the number of pixels.
So what are the sizes of your monitors in inches? (as stated by the manufacturer)
And are you running both of them at their native resolution?
If you reduce the screen resolution, everything will display larger.

darrisleeharrisAuthor

Known Participant

Hi Per Berntsen,

Indeed, I don’t normally produce video, so no need for anything more than 2K. And I’m not sure this is a monitor issue.

I’ve tried four different computers, and four different LR versions, and only the newest and oldest LR versions operate normally. The newest computer is an Apple Studio, running LR 15.1 (monitor is 1920x1200). The oldest is a Mac Trashcan running LR 9.2 (monitor is 1920x1200). And the other two computers are 2021 MacBook Pros; one running LR 15.1 (1512x982), and the other in a two monitor set up running LR 13.2 (already mentioned before).

To confirm, the newest and oldest versions of LR produce web files that are not doubled in size when viewed in a web browser. And of course the newest version of LR is not compatible with my day to day work machines (MacBook Pro).

Any other suggestions? Thanks!

darrisleeharrisAuthor

Known Participant

Ok, I retract my statement about monitors, you must be correct, but I’m confused as to what’s happening. I’m not even sure it’s LR thing now. When I view the website that LR created on three different monitors, I get the correct size on 2 of them - an old NEC 1920x1200 (that used to be calibrated) and an old Auria 1280x1024 (low quality monitor for tool palettes). The newest monitor, BenQ 1920x1080, does not work correctly. My next test is finding a LR alternative to create a web gallery.

Per Berntsen

Community Expert

High resolution screens have very small pixels, so a 1000 px image will display physically much smaller than on a standard resolution screen.
To compensate for this, web browsers will automatically scale images (and text) to 200% when they detect a high resolution screen.

If you have your own website (designed and developed by yourself or a web designer), there are ways to get around this problem.
One way is to serve high resolution screens a 2x high quality image (2000 px in your case), and trick the browser into thinking that it has already been scaled to 200% by the use of a script.

You can see it in use on my website, perberntsen.com, which was made several years ago. There might be easier/simpler ways to do this now.
The Lightroom web galleries do most likely not have this kind of feature. (never used them)

darrisleeharrisAuthor

Known Participant

Thanks for the reply Per Berntsen! Alas, I already tried making the image bigger (thinking the browser thought the image was too small at 750px). The image is still displayed at double the pixels. LR is doing this before I even output the web files. In the Web module (classic gallery), I enter 1000px, or whatever, and then in grid view, click on an image to display it, and it’s double the pixel size (I do a screenshot, then measure it). To confirm, when the images are outputted into the resources folder, they are the correct size.

Regarding how browsers display images, isn’t there some HTML code that I can include that tells the browser not to upscale the images? And by the way, one monitor is 1280x1024 and the other is 1920x1080. Is a 2K monitor really that different than a 1280?

Thanks again!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded