Загрузить файл
  1. base64hub
  2. Инструменты для изображений

Инструменты и конвертеры Base64 для изображений

Превратите картинку в строку Base64 или data URI для HTML, CSS, JSON или API либо вставьте Base64, чтобы посмотреть и сохранить картинку внутри. Все конвертеры работают в браузере офлайн.

Бесплатно без регистрации и ограничений Локально ничего не загружается Обновлено 27 окт. 2026 г.
IMGКартинка в Base64PNG, JPG, GIF, WebP, SVG в data URI IMGBase64 в картинкуПросмотр и скачивание изображений SVGSVG в Base64Векторные иконки как data URI для CSS PNGPNG в Base64Картинки без потерь в data URI JPGJPG в Base64Фото в виде строк Base64 PNGBase64 в PNGПросмотр и сохранение PNG JPGBase64 в JPGПросмотр и сохранение JPEG SVGBase64 в SVGБезопасное превью и исходный код SVG SVGSVG data URIURL-кодирование и Base64 рядом GIFGIF в Base64Анимированные GIF в data URI GIFBase64 в GIFПросмотр анимированных GIF WEBPWebP в Base64Компактные современные картинки в data URI WEBPBase64 в WebPПросмотреть и сохранить WebP ICOFavicon в data URIВстроенные фавиконки в HTML ICOBase64 в ICOПросмотр и сохранение иконок BMPBMP в Base64BMP, при желании с конвертацией в PNG BMPBase64 в BMPПросмотр и сохранение BMP AVIFAVIF в Base64Картинки нового поколения как data URI HEICHEIC в Base64Фото с iPhone в Base64 TIFFTIFF в Base64Сканы и TIFF в Base64

Какой инструмент для картинок нужен

ЗадачаИнструмент
Любая картинка в Base64 или data URIКартинка в Base64
Вставить Base64 и увидеть картинкуBase64 в картинку
Логотипы, скриншоты, прозрачностьPNG в Base64, Base64 в PNG
ФотографииJPG в Base64, Base64 в JPG
Файлы поменьше для вебаWebP в Base64, AVIF в Base64, Base64 в WebP
АнимацияGIF в Base64, Base64 в GIF
Векторные иконки в CSSSVG в Base64 или обычно более короткий SVG data URI
Безопасно посмотреть SVG из Base64Base64 в SVG
Встроенная фавиконкаFavicon в data URI, Base64 в ICO
Фото с iPhone, сканы, старые растровые форматыHEIC в Base64, TIFF в Base64, BMP в Base64, Base64 в BMP

У всех кодировщиков общий набор форматов вывода: чистый Base64, data URI, CSS background-image, HTML <img> с шириной и высотой, Markdown и JSON-объект с именем, типом и размером. Можно перетащить сразу несколько файлов или вставить скриншот через Ctrl+V.

Как выбрать формат до кодирования

Base64 делает любую картинку на треть больше, так что итоговую длину в основном определяет формат.

  • PNG – для плоской графики, элементов интерфейса и всего, где есть прозрачность или текст.
  • JPEG – для фотографий, где PNG был бы в несколько раз больше.
  • WebP – для обоих случаев, если получатель его поддерживает; обычно он самый компактный из трёх.
  • SVG – для иконок и логотипов, нарисованных в векторе. В виде data URI с URL-кодированием он часто короче Base64; инструмент SVG data URI сравнивает оба варианта рядом.
  • HEIC и TIFF кодируются как есть. Большинство браузеров не умеет их показывать, так что если результат должен отображаться на веб-странице, сначала сконвертируйте их в JPEG или PNG.

Как узнать картинку в Base64

ПрефиксФормат
iVBORw0KGgoPNG
/9j/JPEG
R0lGODlh / R0lGODdhGIF
UklGRконтейнер RIFF: WebP, но также и аудио WAV
PHN2Zy / PD94bWwgSVG, начинающийся с <svg или <?xml
AAABAAICO
QkBMP

Полный data URI добавляет впереди MIME-тип, как в data:image/png;base64,iVBORw0KGgo…. Декодеры принимают обе формы, а также строки, вставленные вместе с окружающим CSS или HTML. Если строка окажется не картинкой, Base64 в файл распознает другие форматы, а инструменты для файлов работают с PDF, аудио, видео и документами.

Вопросы и ответы

Как узнать, какой формат картинки в строке Base64?

Посмотрите на первые символы: iVBORw0KGgo – это PNG, /9j/ – JPEG, R0lGOD – GIF, UklGR – контейнер RIFF вроде WebP, а PHN2Zy или PD94bWwg – обычно SVG. Base64 в картинку определит тип за вас.

Можно ли уменьшить картинку перед кодированием?

Да. Конвертеры PNG, JPG, WebP, GIF, BMP и AVIF, а также общий кодировщик картинок умеют уменьшать до максимальной ширины, перекодировать в PNG, JPEG или WebP с регулировкой качества и удалять метаданные EXIF. Всё это работает в браузере.

Стоит ли встраивать маленькие иконки в Base64?

Для нескольких небольших иконок встраивание экономит запросы. Крупные картинки лучше держать файлами: Base64 добавляет треть к размеру, а данные нельзя закешировать отдельно от страницы. Цифры приведены в статье о производительности data URI.