DEV Community

David Cao
David Cao

Posted on

image width for google discover

Dear all,

I got one question about the image size on my website. In order to get the post featured on Google discover, we have to put the image size 1200px.

Include compelling, high-quality images in your content, especially large images that are more likely to generate visits from Discover. Large images need to be at least 1200 px wide and enabled by the max-image-preview:large setting, or by using AMP. Avoid using a site logo as your image.

Here is the html code for my website. The image width is 1024. But because of the layout of my website, The width has to meet this rule sizes="(max-width: 760px) calc(100vw - 40px), 720px"

so my question is that from Google discover perspective, is the image width 1024 or 760px?

<img decoding="async" fetchpriority="high" class="aligncenter wp-image-12324 size-full lazyload" src="https://www.howtouselinux.com/wp-content/uploads/2023/10/A-Guide-to-Package-Managers-in-Linux.webp" alt="Understanding Package Management: A Guide to Package Managers in Linux" width="1024" height="640" srcset="https://www.howtouselinux.com/wp-content/uploads/2023/10/A-Guide-to-Package-Managers-in-Linux.webp 1024w, https://www.howtouselinux.com/wp-content/uploads/2023/10/A-Guide-to-Package-Managers-in-Linux-300x188.webp 300w, https://www.howtouselinux.com/wp-content/uploads/2023/10/A-Guide-to-Package-Managers-in-Linux-768x480.webp 768w, https://www.howtouselinux.com/wp-content/uploads/2023/10/A-Guide-to-Package-Managers-in-Linux-960x600.webp 960w, https://www.howtouselinux.com/wp-content/uploads/2023/10/A-Guide-to-Package-Managers-in-Linux-150x94.webp 150w" sizes="(max-width: 760px) calc(100vw - 40px), 720px" data-pin-media="https://www.howtouselinux.com/wp-content/uploads/2023/10/A-Guide-to-Package-Managers-in-Linux.webp" id="mv-trellis-img-3" loading="lazy" data-trellis-processed="1">
Enter fullscreen mode Exit fullscreen mode

Her is the link for above code https://www.howtouselinux.com/post/understanding-package-management-a-guide-to-package-managers-in-linux

Thanks a lot.

Top comments (0)