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 закрити