Обробник Data URI
Створення або декодування Base64 Data URI для вбудовування файлів.
Про обробник Data URI
Обробник Data URI дозволяє кодувати будь-який файл у Base64 data URI для безпосереднього вбудовування в HTML, CSS або JavaScript, а також декодує існуючі data URI назад до їхнього оригінального вмісту файлу. Data URI відповідають формату RFC 2397 `data:['<'mediatype>][;base64],'<'data>`, дозволяючи вбудовувати ресурси без додаткових HTTP-запитів. Вбудовування невеликих ресурсів, таких як SVG-іконки, шрифти або мініатюрні зображення, може значно зменшити затримку завантаження сторінки для критично важливих ресурсів. Усе кодування, декодування, виявлення MIME-типу та попередній перегляд файлів відбувається повністю у вашому браузері без необхідності завантаження на сервер.
Як Використовувати
Для кодування завантажте файл або вставте сирий текст і виберіть правильний MIME-тип зі спадного списку — інструмент згенерує повний рядок data URI, що відповідає RFC 2397, готовий для вставки в атрибути src, href або url(). Для декодування вставте існуючий data URI в поле введення та натисніть Декодувати, щоб витягти вбудований вміст, попередньо переглянути зображення або SVG вбудовано та завантажити оригінальний файл. Уся обробка відбувається на стороні клієнта, тому ваші файли ніколи не залишають браузер.
Типові Випадки Використання
- Фронтенд-розробники, які вбудовують невеликі SVG-іконки, спінери або UI-зображення безпосередньо в HTML або CSS, щоб усунути додаткові HTTP-запити та зменшити затримку критичного шляху рендерингу
- Дизайнери шаблонів електронної пошти, які вбудовують власні веб-шрифти та зображення логотипів як Base64 data URI в CSS-блоки стилів, щоб забезпечити послідовне відображення в клієнтах, які блокують завантаження зовнішніх ресурсів
- Дослідники безпеки, які декодують підозрілі data URI, знайдені в фішингових HTML-вкладеннях або обфускованих тегах скриптів, щоб розкрити прихований вміст корисного навантаження
- Веб-розробники, які створюють повністю самостійні однофайлові HTML-демо, офлайн-сторінки документації або портативні віджети інструментів, що вбудовують усі ресурси в рядок
- Автори інструментів збірки, які генерують Base64-кодовані data URI фонових зображень для стилізованих компонентів CSS-in-JS або генерують вбудовані SVG data URI для знакових шрифтів