WordPress image resizing compression resulting blur photos

• 

  elte · Member · Mar 16, 2016 at 6:46 am

  • Copy link
  • Add topic to favorites

  I’m running a blog with twenty fourteen theme. According to the spec, the main width image is 474px.

  Before uploading, I’ve resized my image to 1280px.

  Now the problem I had is, opening the page from desktop browser (Chrome Version 49.0.2623.87 m *latest*), it appear that wordpress shrink the images, resulting blur image.

  http://imgur.com/4MzBiDr

  http://imgur.com/X3msPFC

  Here’s the screenshot, on the left is original 1280px, resized automatically, and the right one is the image resized to 474px before uploading. The image on the right is sharp and crispier.

  Now things get weirder. On smartphone (Samsung galaxy S4 running latest chrome), the original 1280px looks sharper than 474px, as confirmed here:

  http://imgur.com/RwpjxuW

  Closeup: http://imgur.com/9v1SSAy

  —

  Now I’m confused.

  If I use 474px before upload, the result would be crisp on desktop, but blur on smartphone.

  If I use 1280px before upload, the result would be crisp on smartphone, but blur on desktop.

  Help please?

  The blog I need help with is: (visible only to logged in users)

• 

  elte · Member · Mar 16, 2016 at 6:54 am

  • Copy link

  If you guys need the image source to replicate the issue, you can download it here:

  1280px: http://i.imgur.com/U36CmdV.jpg
  474px: http://i.imgur.com/nOai3uP.jpg