Уроки

Оптимизация data:URL картинок

Фалы в формате PNG, JPE, GIF, SVG можно добавить на страницу в виде data:URL строки.

Вот как выглядит код изображения обычного белого пикселя:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg=="> 

В CSS файле могут быть десятки и сотни таких картинок. Их надо оптимизировать перед конвертацией в data:URL.

Проверьте ваш сайт
Это бесплатно и займёт от 7 до 45 секунд

Мы используем cookie. Продолжая пользоваться сайтом, вы соглашаетесь на обработку персональных данных в соответствии с политикой конфиденциальности. Ладушки