Created
March 30, 2025 16:02
-
-
Save henshaw/95624b9b0117ac7846a03409f7064f98 to your computer and use it in GitHub Desktop.
Image with and without srcset in WordPress
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Without srcset --> | |
| <figure class="wp-block-image size-full"> | |
| <img decoding="async" width="1231" height="216" src="https://www.coywolf.news/wp-content/uploads/2025/03/open-in-app.webp" alt="Chrome Open in app button" class="wp-image-5157" /> | |
| <figcaption class="wp-element-caption">The prominent “Open in app” button in Chrome that opens installed PWAs</figcaption> | |
| </figure> | |
| <!-- With srcset --> | |
| <figure class="wp-block-image size-full"> | |
| <img decoding="async" width="1231" height="216" src="https://www.coywolf.news/wp-content/uploads/2025/03/open-in-app.webp" alt="Chrome Open in app button" class="wp-image-5157" srcset="https://www.coywolf.news/wp-content/uploads/2025/03/open-in-app.webp 1231w, https://www.coywolf.news/wp-content/uploads/2025/03/open-in-app-300x53.webp 300w, https://www.coywolf.news/wp-content/uploads/2025/03/open-in-app-1024x180.webp 1024w, https://www.coywolf.news/wp-content/uploads/2025/03/open-in-app-768x135.webp 768w, https://www.coywolf.news/wp-content/uploads/2025/03/open-in-app-1200x211.webp 1200w" sizes="(max-width: 1231px) 100vw, 1231px" /> | |
| <figcaption class="wp-element-caption">The prominent “Open in app” button in Chrome that opens installed PWAs</figcaption> | |
| </figure> |
Author
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Referenced in the article: Why you should do more than resizing images with the srcset property