Конвертер CSS Data URI

Вставте таблицю стилів, виберіть файл або введіть URL віддаленого файлу CSS. Конвертер знаходить усі посилання url(...), завантажує ресурси, менші за ваш ліміт розміру, і замінює їх на data URI Base64.

Коли вбудовування зображень CSS корисне

Кожне зовнішнє зображення — це окремий запит. Для дрібних іконок вбудовування як data URI Base64 прибирає цей запит і запобігає мерехтінню. Понад кілька кілобайтів 33% зайвого розміру та втрачене кешування переважують вигоду, тому конвертер має обмеження розміру. Віддавайте результат із gzip або Brotli, щоб компенсувати більшу частину надлишку Base64.

Часті запитання

Чи варто вбудовувати кожне зображення CSS?

Ні. Вбудовуйте лише дрібні іконки та фони. Великі зображення роздувають CSS, блокують відображення й не кешуються окремо.

Пов’язані інструменти й посібники

Коментарі (0)

Маєте запитання, ідеї чи знайшли помилку в «Конвертер CSS Data URI»? Залиште коментар, оцініть інструмент або дайте відповідь іншим.

Коментарів ще немає. Залиште свій відгук першими!

Залишити коментар

Оцініть інструмент:
Esc
↑ ↓ перейти↵ відкритиEsc закрити