Jekyll-tips: plugin responsive bilder

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. Sluttresultatet kan du se for eksempel i posten om en kontorpenn.