Заметки о форматах изображений, сжатии и о том, что можно сделать прямо в браузере.
PNG прекрасен, когда в нём работаешь, и расточителен, когда его выкладываешь. Разберём, что WebP реально экономит, где он бесполезен, и одно правило, которое я не нарушаю.
«Ваши файлы не покидают устройство» — это архитектура, а не рекламная строка. Разберём, как WASM делает конвертацию прямо в браузере, и единственное реальное ограничение, которое у неё есть.
SVG масштабируется бесконечно и остаётся крохотным, поэтому растеризация ощущается как шаг назад. Иногда так и есть. Разберём, когда пиксели PNG из вектора действительно нужны, а когда SVG лучше не трогать.
У скриншота почти пустого дашборда нет причин весить 2 МБ. Разберём, почему PNG так с вами поступает и как переход на WebP срезает 60–90% без единой видимой потери.
AVIF обычно выигрывает у WebP по размеру, иногда на 20% и больше. Разберём, во что эта лишняя экономия обходится по времени кодирования и краевым случаям, и когда я всё же беру WebP.
Без потерь против с потерями, края против фотографий, прозрачность против её отсутствия. Один простой вопрос подскажет, каким должен быть формат, — с реальной таблицей размеров в доказательство.
HEIC — честно лучший формат, который половина сайтов до сих пор не открывает. Почему Apple его выбрала, что вы реально теряете при переходе на JPG и когда я не заморачиваюсь.