FARCER / gulp4-for-frontend

46 stars 36 forks source link

Добавить pug mixin для webp изображений #1

Open Webica opened 4 years ago

Webica commented 4 years ago
mixin webp(name, src='content', type='jpg',alt)
    picture
        source(srcset="/static/images/"+src+"/"+name+".webp", type="image/webp")
        source(srcset="/static/images/"+src+"/"+name+"."+type+"", type="image/"+type+"")
        img(src="/static/images/"+src+"/"+name+"."+type+"", alt=""+alt+"").lazyload

по такому примеру для удобства можно вставлять изображения которые при компиляции браузер будет загружать нужную в зависимости от своей поддержки

vitalbielik commented 4 years ago

в галпе есть плагин который правильно вставляет разметку для Webp после копмиляции + отдельно для css