Jekyll-tips: plugin responsive bilder

30.08.2020

I denne sammenhengen betyr responsive bilder i prinsippet å bruke srcset-atributtet til <img /> (MDN). jekyll-responsive-image er en plugin som automatiserer genereringen av selve bildefilene og HTMLen for å bruke dem på riktig måte.

Prosjektet beskriver seg selv som:

A Jekyll plugin for automatically resizing images. Fully configurable and unopinionated, jekyll-responsive-image allows you to display responsive images however you like: using , , or Imager.js.

Det var ganske smertefritt å sette opp. Et tips er å legge til assets/resized/ i .gitignore for ikke å gjøre repoet større enn det allerede er.


Kategorisert under: jekyll


William Killerud er en utvikler som bor og jobber i Oslo. Du kan få nye poster i RSS-leseren din herfra.