Urgent Help Needed: Solving an Image Dimension Mystery on My WordPress Website

  • Nguyen Hao

    (@chothuexemaycongtan)


    1 year, 11 months ago

    Greetings, fellow enthusiasts! My name is Nguyen Hao, and I am in dire need of your expertise. I am grappling with a puzzling issue on my WordPress website. Google has informed me that the?dimension information?for my images is unclear, leaving me scratching my head.

    In pursuit of a solution, I have meticulously compressed all images to a uniform 600x400px size. I’ve even sought the wisdom of Bingbot and the premium version of ChatGPT4 to optimize my images with HTML and CSS. Alas, my attempts (four in total) at formatting the image dimensions using CSS and HTML have been fruitless.

    I humbly request your guidance and the assistance of this knowledgeable community to help me unravel this enigmatic issue.


    Please help me rewrite this conundrum in English, so I may cast a wider net for solutions.

    • This topic was modified 1 year, 11 months ago by Yui. Reason: redundant link and email removed
    • This topic was modified 1 year, 11 months ago by James Huff. Reason: redundant link removed

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

Viewing 1 replies (of 1 total)

  • Hi!

    To get rid of that advisory from Google, you just need to set an explicit height and width for each affected image. For example, for the first image the HTML is currently output like this in my browser:

    <figure style="text-align: center;">
  <img decoding="async" src="https://motoopen.com/wp-content/uploads/2023/04/Cho-thue-xe-may-Ha-Noi.jpg" alt="Thuê xe máy Hà N?i" data-lazy-src="https://motoopen.com/wp-content/uploads/2023/04/Cho-thue-xe-may-Ha-Noi.jpg?is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image"><noscript><img data-lazy-fallback="1" decoding="async" src="https://motoopen.com/wp-content/uploads/2023/04/Cho-thue-xe-may-Ha-Noi.jpg" alt="Thuê xe máy Hà N?i" /></noscript>
  <figcaption>B?ng Giá Cho Thuê Xe Máy Tham Kh?o</figcaption>
</figure>

    All you need to do is ensure a height and width (in pixels), is passed along, so for your first image, this would become:

    <figure style="text-align: center;">
  <img decoding="async" src="https://motoopen.com/wp-content/uploads/2023/04/Cho-thue-xe-may-Ha-Noi.jpg" width="600" height="400"  alt="Thuê xe máy Hà N?i" data-lazy-src="https://motoopen.com/wp-content/uploads/2023/04/Cho-thue-xe-may-Ha-Noi.jpg?is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image"><noscript><img data-lazy-fallback="1" decoding="async" src="https://motoopen.com/wp-content/uploads/2023/04/Cho-thue-xe-may-Ha-Noi.jpg" alt="Thuê xe máy Hà N?i" /></noscript>
  <figcaption>B?ng Giá Cho Thuê Xe Máy Tham Kh?o</figcaption>
</figure>

    This can seem weird in 2023, when we all set height and widths by other methods, but that’s the way Google likes it and it also helps browser rendering as it reserves a space for the image while the page is loading, and also ensures the image displays at the correct aspect ratio.

Viewing 1 replies (of 1 total)
  • The topic ‘Urgent Help Needed: Solving an Image Dimension Mystery on My WordPress Website’ is closed to new replies.