title | image | |||||
---|---|---|---|---|---|---|
example srcset implementation |
|
{% assign image = page.image[0] %} {% include srcset.html %}
title | image | |||||
---|---|---|---|---|---|---|
example srcset implementation |
|
{% assign image = page.image[0] %} {% include srcset.html %}
sizes: '(min-width: 70em) 1000px, (min-width: 50em) 750px, (min-width: 40em) 500px, 100vw' | |
srcset: | |
- 500 | |
- 750 | |
- 1000 |
<img | |
src="{{ image.src }}" | |
sizes="{{ site.sizes }}" | |
srcset="{% for width in site.srcset %}{{ width}}/{{ image.src }} {{ width }}w{% if forloop.last == false %}, {% endif %}{% endfor %}" | |
alt="{{ image.alt }}"> |