Зображення → Base64 Кодування

Кодує зображення в рядок Base64

Особливості

Підтримка файлів і URL

Кодує як локальні файли зображень, так і URL зображень з вебу

11 форматів виведення

Виводить у різноманітних форматах: data URL, тег img, фон CSS тощо

Перемикання формату data URI

Перемикає виведення між data URL із префіксом і лише даними Base64

Окреме копіювання за форматом

Копіює потрібний формат виведення окремо одним кліком

Як користуватися

Виберіть спосіб введення вкладкою

На вкладці «Файл» виберіть зображення, або на вкладці «URL» введіть URL зображення

Перетворіть кнопкою запуску

Натисніть кнопку запуску, щоб закодувати зображення в рядок Base64

Виберіть формат виведення для використання

Перевірте перемикання формату data URI та скопіюйте чи завантажте потрібне виведення

Сценарії використання

Пришвидшення вбудовування зображень

Вбудовує малі зображення безпосередньо в HTML чи CSS і зменшує кількість завантажень

Підготовка зображень для пошти

Вбудовує зображення безпосередньо в HTML-листи й показує їх без зовнішніх посилань

Налаштування фавікона

Налаштовує фавікон без зовнішнього файлу за допомогою виведення у форматі тега Link

Передавання зображень через API

Розміщує зображення у запитах і відповідях API у форматі JSON чи XML

Базові знання

Переваги та недоліки перетворення зображень у Base64

Зображення, перетворені у Base64, можна вбудовувати безпосередньо у HTML або CSS, тому для невеликих іконок можна зменшити кількість запитів на отримання зображень. З іншого боку, обсяг даних збільшується приблизно в 1,33 раза від оригіналу, а кешування браузера стає менш ефективним, тому цей метод не підходить для великих зображень.

Причина збільшення обсягу приблизно в 1,33 раза

Base64 — це механізм, який замінює 3 байти даних на 4 буквено-цифрові символи, тому довжина отриманого рядка завжди становить приблизно 1,33 раза (на одну третину більше) від розміру вихідних даних.