PNG в Base64

Используйте этот бесплатный конвертер PNG в Base64, чтобы превратить любое изображение Portable Network Graphics в строку Base64 или готовый фрагмент кода. Выберите локальный файл .png (или вставьте ссылку на удалённый), укажите формат результата и нажмите Кодировать PNG в Base64.

Файл PNG
Перетащите файл PNG сюда или выберите его

Как конвертировать PNG в Base64 онлайн

  1. Выберите Локальный файл и укажите файл .png или выберите Удалённый URL и вставьте ссылку.
  2. Выберите формат результата: чистый Base64, data URI, тег HTML, CSS, JavaScript, JSON или XML.
  3. Нажмите Кодировать PNG в Base64. Результат появится мгновенно вместе с предпросмотром.
  4. Скопируйте результат в буфер обмена или скачайте его как файл .txt.

О формате PNG (Portable Network Graphics)

PNG — растровый формат без потерь, созданный в 1996 году как свободная от патентов замена GIF. Он поддерживает полноцветный 24-битный цвет, 8-битный альфа-канал для плавной прозрачности и сжатие DEFLATE, которое никогда не отбрасывает данные пикселей.

PNG сохраняет чёткие края, поэтому это стандартный выбор для логотипов, иконок, скриншотов интерфейса и схем. Для фотографий JPG или WebP обычно гораздо меньше, что важно при встраивании изображения в Base64, ведь каждый байт увеличивается примерно на треть.

Разработчик1996, W3C / IETF (RFC 2083)
СжатиеБез потерь (DEFLATE)
ПрозрачностьДа, полный альфа-канал
АнимацияРасширение APNG
Сигнатура файла89 50 4E 47 0D 0A 1A 0A

Форматы результата

Выберите, в каком виде выдать результат. Конвертер может вернуть:

  • txt: только строка Base64, готовая для вставки в код, поле базы данных или запрос к API.
  • uri: полный URI data:, который можно вставить в адресную строку браузера или использовать везде, где принимается URL.
  • html img: тег <img> с data URI в src.
  • css background image: правило CSS с background-image: url(data:...).
  • html favicon: тег <link rel="icon"> для встроенного favicon.
  • html hyperlink: ссылка <a>, которая скачивает или открывает встроенный файл.
  • html iframe: <iframe>, отображающий содержимое прямо на странице.
  • javascript image: JavaScript, создающий объект Image.
  • javascript popup: JavaScript, открывающий содержимое в новом окне.
  • json: объект JSON с именем файла, MIME-типом и данными.
  • xml: элемент XML с данными внутри секции CDATA.

Это безопасно и насколько большим будет результат?

Ваш файл никуда не загружается: браузер читает и конвертирует его локально с помощью File API, поэтому даже конфиденциальные документы остаются на вашем устройстве.

Base64 представляет каждые 3 байта 4 символами, поэтому закодированный результат примерно на 33% больше исходного файла (плюс несколько байтов на дополнение и префикс data URI).

Часто задаваемые вопросы

Как конвертировать PNG в Base64?

Выберите файл .png выше и нажмите «Кодировать PNG в Base64». Конвертер прочитает файл в браузере и выдаст строку Base64 или готовый data URI.

С чего начинается PNG в кодировке Base64?

Файл PNG, закодированный в Base64, обычно начинается с "iVBORw0KGgo". В виде data URI он начинается с "data:image/png;base64,".

Есть ли ограничение на размер файла?

Жёсткого ограничения нет, так как конвертация выполняется локально, но очень большие файлы дают очень длинные строки. Файлы примерно до 50 МБ без проблем обрабатываются в современных браузерах.

Как конвертировать Base64 обратно в PNG?

Используйте декодер Base64 в PNG: вставьте строку, и вы сможете просмотреть и скачать исходный файл .png.

Похожие инструменты и руководства

Комментарии (0)

Есть вопросы, идеи или нашли ошибку в «PNG в Base64»? Оставьте комментарий, оцените инструмент или ответьте другим.

Комментариев пока нет. Станьте первым, кто поделится отзывом!

Оставить комментарий

Оцените инструмент:
Esc
↑ ↓ перемещение↵ открытьEsc закрыть