Viewing Challenge Entries in Voting (screen size)

Olympus OM-D E-M5 Mark III

05/17/2023 06:56:39 AM · #1

On a recent challenge I commented about the size of a challenge entry. Questioned the photographer why they didn't use the full 1200px. After the challenge I noticed that the image WAS displaying at 1200px, and I apologized for the invalid comment to the photographer.

Made me wonder, so I checked.

Here's how it works, from my best understanding.

During voting there is a formula applied in the styling of the area in which the challenge entry is displayed. The formula is "height: calc(100vh - 77px)". This sets the display height of the element to 100% of the viewing height, minus 77px (which appears to be the height of the dpchallenge logo in the upper left).

What does this mean? It impacts how the image displays by sizing the entry to be totally viewable in your browser window during voting. Keeps you from having to scroll down to see the entire image at one time.

In this case (on the monitor that I'm using to write this up), images that I'm assuming to be 1200px on the long side in portrait mode, are resized to:
Chrome = 855px.
Edge = 887px.

The difference between the two, for me, is that on Chrome I have a bookmarks bar displayed, which takes up some screen real estate.

If I had a swanky monitor with high resolution, images at 1200px in portrait orientation, would display fully at 1200px instead of resizing. Unfortunately, only 1 of the 3 monitors that I view DPChallenge on have that resolution.

Something to keep in mind if you have choice when entering a challenge - use the landscape oriented entry if you can, they won't resize.

If you have a monitor that you're questioning, use the current Blue Ribbon for 'Make Me Smile'. Now that the challenge is done voting the image displays full size. On this monitor, I can see from the top of the image, down to just about the bottom of the cats chin. The rest is off screen. Viewing all portrait oriented images in an open voting challenge and they fit full screen.

Here's the example mentioned:

Yo_Spiff

Olympus 12-100mm f/4.0 M.Zuiko ED IS PRO

05/17/2023 09:44:48 AM · #2

I don't have that issue caused by my monitor, as my main one is 27" at 2560x1440, but I've noticed that if my browser window isn't big enough onscreen the images get downsized.

posthumous

Canon EOS-40D

Canon EF 50mm f/1.8 II

05/17/2023 10:38:42 AM · #3

this is why I use F11 while voting. Doesn't completely stop resizing but the bigger the better.

05/17/2023 10:52:48 AM · #4

Originally posted by posthumous:

this is why I use F11 while voting. Doesn't completely stop resizing but the bigger the better.

That's a good call.

kirbic

Canon EOS R5

Canon RF 24-70 f2.8 L IS

05/17/2023 11:28:27 AM · #5

It's interesting, on high-resolution displays, e.g. 4k (3840x2160), some images display at more than 1200px, though not at anywhere near the maximum available vertical size, by default. For instance, I screen-captured one portrait-oriented image during voting, and it measured 1316 px high.

05/17/2023 11:38:24 AM · #6

Originally posted by kirbic:

Hmmm. The same styling that calculates for visible height also has the following:
max-height: 1200px;