Skip to main content
Known Participant
April 25, 2017
Answered

Quality Of Photo For Upload To Website

  • April 25, 2017
  • 1 reply
  • 364 views

Hi guys!

I've recently started using my IPhone 6s. For uploading my photos to my website I am currently required to resize them 800 px width.

These are recent photos of the castle in my hometown. I can't make up my mind whether the 800 px (the 2nd one) looks pixelated or somehow sharper.

If it is pixelated, how do I fix this?

This topic has been closed for replies.
Correct answer

The smaller Version looks sharper. The bigger version has more detail, but only if you can look at it on a correspondingly large screen in  1:1 mode, that is 1 picture-pxel = 1 device-pixel.

Consider: 6 million pixels of the big version are suppressed and only 1/2 a million are displayd (figueres rounded).

The algorithms of Photoshop provide a better and sharper pixel reduction than the built-in software of the browser who isn't allowed to modify the data.

When preparing the images for web, please, consider also: there are still many people with bad or limited internet connection. For them big images are a nuisance.

Use just the small version or use media queries / srcset and provide a small, ( a medium) and a big version.

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Responsive Web Design Images

Fenja

1 reply

Known Participant
April 25, 2017

Correct answer
April 25, 2017

The smaller Version looks sharper. The bigger version has more detail, but only if you can look at it on a correspondingly large screen in  1:1 mode, that is 1 picture-pxel = 1 device-pixel.

Consider: 6 million pixels of the big version are suppressed and only 1/2 a million are displayd (figueres rounded).

The algorithms of Photoshop provide a better and sharper pixel reduction than the built-in software of the browser who isn't allowed to modify the data.

When preparing the images for web, please, consider also: there are still many people with bad or limited internet connection. For them big images are a nuisance.

Use just the small version or use media queries / srcset and provide a small, ( a medium) and a big version.

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Responsive Web Design Images

Fenja

Known Participant
April 25, 2017

Thanks Fenja!

I did wonder if it is a bit too sharp as well though I haven't done any on this particular photo but I think I'll leave it as it is.