WordPress resizing images bigger than they are

  • phixate

    (@phixate)


    5 years, 8 months ago

    My images are all 620 x 436px. When I upload them to WordPress they display as 680 x 480px and look blurry when I use them in my slider plugin (Slider Revolution) as well as in the preview in the media gallery. I checked the media gallery and downloaded one of the images. It was the intended 620px, so I took a screenshot of the image preview in the media gallery, which looked larger to me than the original upload, and cropped it in Photoshop to the exact size of the preview in WP. Sure enough, WP is displaying the image larger than it should. I went to my media settings and changed all the settings there to 0. I tried installing and running the plugin Regenerate Thumbnails. I tried deleting an image and reuploading it. NOTHING. This is irritating and I hope it’s just user error and easily overcome. Anyone have any insights why this would happen?

    EDIT: Just to note, it’s happening in the media gallery too, not just Slider Revolution. I checked the settings there and am not seeing any resizing happening. I think this is a WP issue.

    • This topic was modified 5 years, 8 months ago by phixate.
    • This topic was modified 5 years, 8 months ago by phixate.
    • This topic was modified 5 years, 8 months ago by phixate.
    • This topic was modified 5 years, 8 months ago by phixate.
    • This topic was modified 5 years, 8 months ago by phixate.
    • This topic was modified 5 years, 8 months ago by phixate.
Viewing 11 replies - 1 through 11 (of 11 total)
  • Kowsar Hossain

    (@kowsar89)

    5 years, 8 months ago

    It could be due to incorrect settings of Slider Revolution plugin, you should recheck the slider settings again.

    Since it’s only happening in slider the issue could be generated from that plugin so you should contact their support.

    Thread Starter phixate

    (@phixate)

    5 years, 8 months ago

    It’s that way in the media gallery too.

    Joy

    (@joyously)

    5 years, 8 months ago

    How do you get to “the media gallery”?
    What version of WP are you using?
    Do you have plugins that affect the Media Library?

    Upon image upload, WordPress generates copies of the image to correspond to the Media Setting sizes. When a request is made for an image with a size, WordPress calculates which generated image to use based on it being the smallest one that is at least as big as the size requested. It doesn’t enlarge images.
    The theme, however, can and often does define image sizes that have nothing to do with the original images, and can also use CSS (like width: 100%) that makes images look blurry. Slider plugins can fall into this trap also.

    Thread Starter phixate

    (@phixate)

    5 years, 8 months ago

    The media gallery is in the left menu “media.” In there the image is displaying too large. I don’t get how WP can even do that. I upload at 620px and it displays it at 680? I am using Divi and Elementor. I’m digging through the settings trying to disable the Divi “use Divi media gallery” and anything else that seems related. So far nothing is working.

    It must be the theme.

    • This reply was modified 5 years, 8 months ago by phixate.
    Thread Starter phixate

    (@phixate)

    5 years, 8 months ago

    I switched to the Twenty Twenty theme and regenerated the thumbnail of an image, and even deleted and reuploaded it. Still looks blurry and is resizing bigger than it is.

    Thread Starter phixate

    (@phixate)

    5 years, 8 months ago

    OK, so I tried making a smaller image, 500px, and uploaded it. It looks much blurrier than how it looks in Photoshop and Windows Photos preview. This is making ZERO sense to me. I’m about to start banging my head against the wall.

    Thread Starter phixate

    (@phixate)

    5 years, 8 months ago

    I tried this plugin to max out the jpg compression setting (even though I’m using PNGs)
    https://wordpress.org/plugins/wp-resized-image-quality/
    but it also did not work. I disabled Elementor entirely. Did not work. Tried this:
    https://divibooster.com/prevent-distortion-on-divi-gallery-images/
    Didn’t work.

    • This reply was modified 5 years, 8 months ago by phixate.
    • This reply was modified 5 years, 8 months ago by phixate.
    • This reply was modified 5 years, 8 months ago by phixate.
    Joy

    (@joyously)

    5 years, 8 months ago

    I think the problem is in either Divi or Elementor. WordPress has one menu item called “Media”, which is the Media Library. It has both a list and grid view. Neither one show the image larger than the uploaded image.

    Thread Starter phixate

    (@phixate)

    5 years, 8 months ago

    If you click on the image you see it larger. In there it is larger than my uploaded image. However, when I made a smaller one and uploaded it, it was actually smaller but still blurry. Also, I disabled both Divi and Elementor.

    • This reply was modified 5 years, 8 months ago by phixate.
    Thread Starter phixate

    (@phixate)

    5 years, 8 months ago

    I just opened one of the images in an empty Chrome browser page and it looks sharp. I then uploaded the image to the root directory of my site https://whittsrentals.com/sandstone-620.png and it looks blurry there, even outside WordPress. How can that be? How can an image look crisp displayed froma local file in my browser but be blurry just sitting in the root of my website folder? I mean, it can’t be the web server compressing the image can it? That would be really lame. As far as I know there isn’t any software that would do this on my server.

    • This reply was modified 5 years, 8 months ago by phixate.
    Thread Starter phixate

    (@phixate)

    5 years, 8 months ago

    SO… it appears I tried everything BUT the simplest solution. The one I should have started out with. EMPTYING MY BROWSER IMAGE CACHE. Uhg. A whole day of troubleshooting and all I needed to do was empty by browser cache.

    • This reply was modified 5 years, 8 months ago by phixate.
Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘WordPress resizing images bigger than they are’ is closed to new replies.