Forked from codigoconjuan/gist:30973f8e5e7d210e0458bc49a55ad2c4
Created
February 1, 2023 04:28
-
-
Save JorgeDevmm/a201f50736b848bac2b4f7a98a4a420d to your computer and use it in GitHub Desktop.
Gist para Imágenes HTML5 con AVIF, webp y JPG
This file contains 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
| "imagenes": { | |
| "prefix": "pic", | |
| "body": [ | |
| "<picture>", | |
| "<source", | |
| "\t sizes=\"1920w, 1280w, 640w\" ", | |
| "\t srcset=\"img/imagen.avif 1920w, \n\t\t\t img/imagen-1280.avif 1280w, \n\t\t\t img/imagen-640.avif 640w\" ", | |
| "\t type=\"image/avif\">", | |
| "<source", | |
| "\t sizes=\"1920w, 1280w, 640w\" ", | |
| "\t srcset=\"img/imagen.webp 1920w, \n\t\t\t img/imagen-1280.webp 1280w, \n\t\t\t img/imagen-640.webp 640w\" ", | |
| "\t type=\"image/webp\">", | |
| "<source", | |
| "\t sizes=\"1920w, 1280w, 640w\" ", | |
| "\t srcset=\"img/imagen.jpg 1920w, \n\t\t\t img/imagen-1280.jpg 1280w, \n\t\t\t img/imagen-640.jpg 640w\" ", | |
| "\t type=\"image/jpeg\">", | |
| "<img loading=\"lazy\" decoding=\"async\" src=\"img/imagen.jpg\" lazyalt=\"imagen\" width=\"500\" height=\"300\">", | |
| "</picture>" | |
| ] | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment