52 lines
1.3 KiB
XML
52 lines
1.3 KiB
XML
<snippet>
|
|
<content><![CDATA[
|
|
<picture>
|
|
<source type="image/avif"
|
|
srcset="
|
|
${1:imageName}-640w.avif 640w,
|
|
${1:imageName}-1280w.avif 1280w,
|
|
${1:imageName}-1920w.avif 1920w
|
|
"
|
|
sizes="
|
|
550px,
|
|
(max-width: 768px) calc(100vw - 3em),
|
|
(max-width: 1376px) calc(50vw - 8em)
|
|
">
|
|
|
|
<source type="image/webp"
|
|
srcset="
|
|
${1:imageName}.webp?w=100&fm=webp 100w,
|
|
${1:imageName}.webp?w=200&fm=webp 200w,
|
|
{1:imageName}.webp
|
|
"
|
|
sizes="
|
|
550px,
|
|
(max-width: 768px) calc(100vw - 3em),
|
|
(max-width: 1376px) calc(50vw - 8em)
|
|
">
|
|
|
|
<img
|
|
srcset="
|
|
${1:imageName}.jpg?w=100&fm=jpg&fl=progressive 100w,
|
|
${1:imageName}.jpg?w=200&fm=jpg&fl=progressive 200w,
|
|
${1:imageName}.jpg
|
|
"
|
|
sizes="
|
|
550px,
|
|
(max-width: 768px) calc(100vw - 3em),
|
|
(max-width: 1376px) calc(50vw - 8em)
|
|
"
|
|
src="${1:imageName}.jpg"
|
|
alt="${1:imageName}"
|
|
loading="lazy"
|
|
decoding="async"
|
|
width="{{ $width }}"
|
|
height="{{ $height }}">
|
|
</picture>
|
|
]]></content>
|
|
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
|
|
<tabTrigger>pict</tabTrigger>
|
|
<!-- Optional: Set a scope to limit where the snippet will trigger -->
|
|
<!-- <scope>source.python</scope> -->
|
|
</snippet>
|