инструмент для изображений / 16
Изображение в Base64
Кодируйте изображение в полный URL данных Base64 для CSS, HTML или передачи.
Изображение в Base64: TOEA считывает байты файла с помощью браузерного FileReader и добавляет к данным Base64 его MIME-тип. Работает на 100% локально в вашем браузере, файлы на сервер не загружаются.
- Категория
- Инструменты для изображений
- Запуски
- В вашем браузере
- Стоимость
- Бесплатно · без регистрации
- Доступность
- Готово к использованию
Полностью работает в браузере
JPG, PNG, WebP или GIF · до 30 MB
Когда встраивание оправдано
Data URL экономит один запрос, но не кэшируется отдельно: он скачивается заново при каждой загрузке копии HTML или CSS, в которой содержится, и примерно на треть больше исходного файла. Такой компромисс подходит для очень маленьких изображений размером в несколько килобайт, например значка в таблице стилей или размытого заполнителя. Фотографии и изображения, используемые на нескольких страницах, быстрее загружать как обычные файлы. Для SVG кодирование URL вместо Base64 обычно даёт более короткий data URL.
Где data URL не работают
Gmail и многие другие почтовые клиенты не показывают изображения, встроенные как data URL, поэтому в рассылках лучше ссылаться на размещённое на сервере изображение. Многие API, принимающие изображения Base64, требуют только полезную нагрузку: удалите всё до запятой после base64 включительно. На странице с Content Security Policy в директиве img-src нужно указать data:, иначе встроенные изображения не загрузятся.
Как пользоваться
- Выберите изображение.
- Закодируйте его локально.
- Скопируйте получившийся URL данных.
Конфиденциальность и ограничения
Файл остаётся на вашем устройстве. Base64 — это кодирование, а не шифрование; размер увеличивается примерно на треть.
Похожие инструменты
Часто задаваемые вопросы
Можно ли вставить результат в тег img?
Да. Полный URL данных можно использовать как значение src изображения там, где разрешены URL данных.
Почему результат длиннее файла?
Base64 представляет двоичные байты с помощью текстовых символов и добавляет служебные данные.
Бесплатный инструмент · запусков: в вашем браузере · аккаунт не нужен