Published Images are stretched

  • Resolved mgrza

    (@mgrza)


    4 years, 3 months ago

    Good day.

    The supplied link will take you to one of my Game review posts.
    During the night of the the 12th of August something took place on the website that caused my images to be displayed that way.

    I say that its during the night because that evening i was still publishing Reviews and they published without any issues. however it was the next day when i was alerted that my published articles are not displaying properly.

    We even restored the website to a date prior to all of this and it is still the same.
    A bit more info that i can offer. On post creation under the image tools a new option appeared, we used to have Alt Text and Image Size. However Image Dimensions was added to that box now, as a new third option that was not present before.

    I write reviews and to make them unique i add game images to them, reduced file size but with the quality of the image intact and displaying Full Size, the option i choose in that image block via Image Size.

    If anyone has an solution or tip to help me get this sorted, id appreciate it because im not sure what else to try. Having to manually edit every post and manually fixing the images is not an option at this stage.

    Thank you for taking the time to read this

    I am very new at wordpress and not sure how half the stuff works, i have a mate who helps me that has more experience than me, but he is also still learning the more advanced stuff.

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • August 11 was the release of WP 5.5, but it is a major release, so it did not auto-update (unless your host pushed it to your site).
    In 5.5, the lazy loading of images was added, and because of this, the change to how it used to be for images to always have width and height attributes. Apparently, your theme is not truly responsive, or you would have noticed it sooner. I looked and it only has half of the necessary CSS rules for responsive images. It should be img {max-width: 100%; height: auto}, but it only has the max-width part. Because CSS overrides attributes, you need both.
    There are some people who have used the editor to resize the image, and so this CSS would not help them. The block editor has been doing resizing differently than the classic editor did.
    You can read about this in this Trac ticket: https://core.trac.www.ads-software.com/ticket/50909

    Thread Starter mgrza

    (@mgrza)

    Thank you for the feedback, I looked at the link you attached, and to be honest. I am not entirely sure what to do with that information. As my original post said, i am very new and uneducated with these things.

    I fully understand what caused it now. Since this is a major update, ill see what i can figure out to try and get it working again.

    Thanks for the help.

    • This reply was modified 4 years, 3 months ago by mgrza.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Published Images are stretched’ is closed to new replies.