Конвертер CSS в Data URI
Вставьте таблицу стилей, выберите файл или введите URL удалённого CSS-файла. Конвертер найдёт все ссылки url(...), скачает ресурсы меньше заданного лимита и заменит их на data URI в Base64.
| Ресурс | Размер | Результат |
|---|
Когда встраивание изображений в CSS полезно
Каждое внешнее изображение — это отдельный запрос. Для маленьких иконок встраивание в виде data URI Base64 убирает этот запрос и предотвращает мерцание. Начиная с нескольких килобайт, 33% прироста размера и потеря кеширования перевешивают выгоду, поэтому в конвертере есть ограничение размера. Отдавайте результат со сжатием gzip или Brotli, чтобы компенсировать большую часть накладных расходов Base64.
Часто задаваемые вопросы
Стоит ли встраивать все изображения CSS?
Нет. Встраивайте только маленькие иконки и фоны. Большие изображения раздувают CSS, блокируют отрисовку и не кешируются отдельно.
Комментарии (0)
Есть вопросы, идеи или нашли ошибку в «Конвертер CSS в Data URI»? Оставьте комментарий, оцените инструмент или ответьте другим.
Комментариев пока нет. Станьте первым, кто поделится отзывом!