Спасибо за ответ, обдумаю как это лучше сделать

Очень много магазинов из 3д тематики после оплаты дают ссылку на gumroad, которую кидают в почту.

Экспортировать карантинку в прогрессивный jpg

Интересно. Спасибо, почитаю, что это такое, попробую сделать

Я про это недавно смотрел у Артёма Исламова

А еще лучше правильно использовать современный формат графики webp.

добрый, подскажите пожалуйста, настраиваю сборку с pug через webpack, второй день не могу решить проблему с отступами при компиляции в html, в редакторе везде стоит 4 пробела, компилируется в два, плюс то что в инклюдится внутри pug (например хедер и футер в индексе) также вставляется криво
вот например хедер и футер инклюдим https://prnt.sc/ufev54
на выходе получаем по два пробела и хедер с футером вообще без отступов https://prnt.sc/ufevuq

Странная ерунда. А если форматером прогнать принудительно?

Который отвалится в сафарике

+

Справедливости ради, в 14 иос таки webp приедет, но иос приедет не на все устройства :)

Нет, не отвалится. Новый понимает, а старый загрузит заботливо положенный в picture img.

В бэкграунде?

Нет. Придется крутить полифиллы. Вообще, несколько странный у вас подход: ради одного должны страдать все? Статистика метрики показывает, что через Safari заходит 0,2% пользователей, и по вашей логике остальные 99,8% (которых на секунду может быть пара миллионов в сутки) должны гонять по сети на 30% больше трафика из-за старого формата? Вопрос риторический, но я бы все же для Safari нашел решение, а остальные браузеры бы грузили webp, соответствующие размеру вьюпорта.

Вот тебя рвет

Сразу видно линупсоид

Чет толстовато как-то.

Ну да, толсто ноешь. Ибо истории вопроса не учел. Человек явно задал вопрос как решить проблему долгой загрузки большой пикчи в сафари

Но покрасноглазить это святое

background: url(image-filename.webp) center/contain no-repeat,
           url(image-filename.jpg) center/contain no-repeat;