WordPress is over-compressing my images

  • Resolved michaelafontana

    (@michaelafontana)


    3 years, 4 months ago

    Hi,

    I’m using WP as an online portfolio. My work is visually based and needs to retain visual quality. I’m using the TwentyTwenty template. My website is hosted/provided through BlueHost, not WordPress directly. I’m finding that WP is compressing my images to an absurd degree, shrinking them to sizes smaller than 400px in a given dimension. As a result, most of my image detail is lost and my website looks like a bunch of thumbnails.

    What I’ve tried:
    -Adding a custom filter to the functions.php document
    -Pre-compressing my images to less than 1Mb or less than 2k resolution
    -Re-linking the image to a specific image file by editing the image block’s code
    -Uploading png format instead of jpg
    -Using ‘cover’ blocks instead of ‘image’ blocks
    -Increasing the media resolution settings

    None of these are working. I don’t understand how other people are able to create websites that require higher quality images with this kind of forced compression. I’ve already reached out to BlueHost and they indicated this is a WordPress issue. Any help would be appreciated. Thanks!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator t-p

    (@t-p)

    See if tutorial helps https://www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/

    Thread Starter michaelafontana

    (@michaelafontana)

    Thanks for the link. I tried adding this code already and it seemingly had no effect on compression.

    Thread Starter michaelafontana

    (@michaelafontana)

    Here’s some more context if it helps: I added a new image to one of my pages, dimensions of that image are 1920×906. I set the image to “Full Size”, saved and published the page. I open the website page, right click on the image, go to inspect, and it’s showing this code for the image:

    <img src="https://i0.wp.com/michaelafontana.com/wp-content/uploads/2021/07/vho_tube-interior.jpg?resize=768%2C362&ssl=1" alt="https://i0.wp.com/michaelafontana.com/wp-content/uploads/2021/07/vho_tube-interior.jpg?resize=768%2C362&ssl=1">

    There’s an appendage to the image link path that seems to be resizing the image (…?resize=768%…) but if I edit the image’s code on my working page it doesn’t show any of that:

    <figure class="wp-block-image alignwide size-large is-style-default"><img src="https://michaelafontana.com/wp-content/uploads/2021/07/vho_tube-interior.jpg" alt="" class="wp-image-315"/></figure>

    Are you using the Jetpack plugin? If so, visit Jetpack > Settings > Performance and disable “Speed up image load times.”

    https://jetpack.com/support/site-accelerator/

    Thread Starter michaelafontana

    (@michaelafontana)

    Ricky, you are a genius, that fixed it! I think Jetpack was installed and enabled by default. I owe you one, thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘WordPress is over-compressing my images’ is closed to new replies.