Як відобразити зображення, закодоване Base64, у HTML?

Base64 — це метод кодування двійкових даних у текст ASCII. Відображення зображень Base64 у HTML передбачає використовуючи тег <img> з атрибутом src, встановленим на URL-адресу даних Base64, що містить дані зображення, закодовані як текст ASCII.

Ваш атрибут src має починатися з data:image/png;base64, . Після цього вам потрібно вставити текст зображення, який можна оточити з обох сторін будь-якою кількістю пробілів. PNG можна замінити типом MIME вашого файлу: jpeg, gif або svg+xml. <img src="data:image/jpeg;charset=utf-8;base64, …

Як конвертувати Base64 в HTML

  1. Відкрийте безкоштовний веб-сайт Base64 і виберіть «Конвертувати програму».
  2. Клацніть усередині області скидання файлів, щоб завантажити або перетягнути файли.
  3. Ви можете завантажити максимум 10 файлів для операції.
  4. Натисніть кнопку «Перетворити». …
  5. Посилання для завантаження файлів результатів буде доступним одразу після конвертації.

Як вставити зображення за допомогою HTML

  1. Завантажте своє зображення. Це можна зробити за допомогою служби розміщення зображень, служби FTP або служби розміщення блогів. …
  2. Відкрийте свій документ HTML. …
  3. Скопіюйте та вставте URL-адресу зображення в тег IMG, додайте до нього SRC. …
  4. Додайте альтернативний атрибут і завершальні штрихи.

Синтаксис зображень HTML HTML-тег <img> використовується для вставлення зображення на веб-сторінку. Зображення технічно не вставляються на веб-сторінку; зображення пов’язані з веб-сторінками. Тег <img> створює простір для зберігання зображення, на яке посилається. Тег <img> порожній, містить лише атрибути та не має закриваючого тегу.