Конвертер изображений в Base64
Приватность по умолчанию — работает полностью в вашем браузере
Конвертируйте любое изображение в data URI формата Base64 прямо в браузере, готового для встраивания в HTML, CSS или JSON. Toova обрабатывает все распространённые форматы, создаёт валидные data URI и никогда не загружает изображение — полезно для небольших иконок, email-шаблонов и автономных документов.
Когда встраивать изображение
Небольшие изображения (иконки до нескольких КБ) часто рендерятся быстрее как инлайн data URI, чем как отдельные HTTP-запросы, поскольку пропускают круговое обращение. Email-шаблоны часто встраивают изображения, поскольку многие почтовые клиенты по умолчанию блокируют внешнюю загрузку. Автономным HTML-документам (офлайн-гайды, загружаемые отчёты) нужно всё в одном файле. Toova конвертирует любое изображение в data URI Base64 для вставки прямо в src, background-image или JSON-поле.
Формат и соображения о размере
Кодирование Base64 добавляет около 33% к размеру файла, поэтому встраивание оправдано только для небольших изображений. Выше примерно 5-10 КБ отдельный HTTP-запрос обычно быстрее, чем раздутый инлайн. Toova показывает исходный размер, размер после кодирования и процентные накладные расходы, чтобы можно было принять решение. Поддерживаются все распространённые форматы (PNG, JPEG, SVG, WebP, GIF).
Только локально
Изображение читается и кодируется полностью в вашем браузере. Файл никогда не загружается, содержимое не записывается. Это важно, когда изображение — неопубликованный макет, фото клиента или проприетарный ресурс. Вкладка «Сеть» останется пустой при кодировании, и страница работает офлайн после первой загрузки.
Часто задаваемые вопросы
- Когда следует встраивать изображение?
- Для очень небольших изображений (до нескольких КБ), появляющихся выше сгиба, встраивание может ускорить рендеринг, избегая дополнительного HTTP-запроса. Для больших изображений накладные расходы кодирования (около 33%) перевешивают сэкономленный запрос.
- Какие форматы поддерживаются?
- PNG, JPEG, SVG, WebP, AVIF и GIF. SVG встраивается особенно хорошо, поскольку остаётся текстовым, поэтому накладные расходы кодирования минимальны.
- Безопасно ли использовать data URI в CSS?
- Да. Оберните его в url() с кавычками вокруг data URI. Вывод Toova уже URL-безопасен и работает напрямую в background-image, mask-image и любом свойстве, принимающем URL.
- Можно ли декодировать data URI обратно в изображение?
- Да. Вставьте data URI, и Toova декодирует его в исходное изображение, готовое к скачиванию. Полезно для извлечения встроенных изображений из HTML или CSS файлов.
- Отправляется ли моё изображение куда-либо?
- Нет. Кодирование происходит полностью в вашем браузере.