Картинка ↔ Base64

Переводите любое изображение в строку Base64 (или полный data: URI) и обратно прямо в браузере. Удобно, чтобы встроить иконку в CSS/HTML или разобрать data-URI.

Переводите любое изображение в строку Base64 (или полный data: URI) и обратно прямо в браузере. Удобно, чтобы встроить иконку в CSS/HTML или разобрать data-URI.

Как пользоваться

  1. Перетащите или выберите картинку — получите Base64 / data-URI
  2. Переключатель «Только Base64» убирает префикс data: для чистой строки
  3. Для декодирования откройте вкладку и вставьте Base64 или data-URI — появится превью
  4. Скопируйте строку или скачайте раскодированное изображение

Частые вопросы

Мои картинки куда-то загружаются?

Нет. Кодирование и декодирование целиком в браузере через FileReader — изображение не покидает устройство.

Когда встраивать картинку как Base64?

Для маленьких редко меняющихся ресурсов (иконки, мелкие фоны), чтобы сэкономить запрос. Крупные лучше отдавать обычными файлами — Base64 на ~33% больше.

Какие форматы поддерживаются?

Любые, которые читает браузер: PNG, JPEG, WebP, GIF, SVG. Data-URI сохраняет исходный MIME-тип.