Are the images being scaled? or Crunched?

  • Resolved zs09999

    (@zs09999)


    6 years, 8 months ago

    Hello:

    This forum has already been a huge help.Thank you.

    I have a nit picky question:

    From what I understand the default images for Twenty Seventeen have to be 2000×1200 pixel dimensions.

    However, I notice two issues:

    ? The images are being cropped for sure.
    ? Images look scrunched or scaled. The images definitely start to look a bit pixelated.

    What am I missing?

    Is there some code I can drop into the “Additional CSS” to prevent this?
    Or make my images a different way?

    Thanks again for all your help on this forum.

    I’m grateful for your help.

    ZS

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Yes they are being cropped and served at different widths to the user, preventing unnecessary bandwidth use for people with smaller devices. There’s no need for a mobile user to load a 2000×12000 pixel image for example.

    If you disable the responsive images you’re doing a disservice to your users.

    Thread Starter zs09999

    (@zs09999)

    Andrew:

    Thanks for your help. Really appreciate you taking the time.

    It makes perfect sense as you explain it.

    But I’m still not sure I understand, why on my browser the images look slightly pixelated?

    Should it not be showing me the full res 2000px wide one? And without any upscaling? The image literally looks bigger (zoomed in) within the theme. (But looks just right in your link.)

    The one you linked (the first on your list) looks far superior in my browser as opposed to when I am seeing the same image on my browser *inside* of the theme. Why is the same image 2000px being scaled up inside of the theme just to show it on my browser?

    Or is it because my computer screen res is set to 2560×1600 that it looks crunched? But if it was my screen res, then why does your linked image looks better?

    I feel like I am talking in circles. Sorry!

    zs

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m not sure what is causing the problem, whether it’s just the act of crunching the image or something else.

    Can you upload a screenshot of the problem so that I can see is clearer? You can use an image sharing service like Imgur and then link us to it.

    Thread Starter zs09999

    (@zs09999)

    Andrew:

    Ok. So this looks like a browser issue.

    If I have the browser window stretched out (using the lower right corner) the image on the website continues to keep getting zoomed in (past 100%) to fit the browser window. And so it looks pixelated.

    If I make the browser window smaller to around 2000px, the image gets better.

    I have a large computer screen and more than likely my browser windows default to a larger resolution than 2000px.

    So I have two choicse:

    ? Add some code to force all browsers to 2000px (I am not even sure this is correct)
    ? Just live with it.

    Thanks a lot.

    Zed

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If your audience are using large screens (larger than 2000px), try uploading a 4000px by 2400px image instead.

    Thread Starter zs09999

    (@zs09999)

    Andrew:

    My originals are pretty hi res, so I could try 4000x2400px.

    I’ll definitely look into it.

    Thanks for all your help.

    zs

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Are the images being scaled? or Crunched?’ is closed to new replies.