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
- Відкрийте безкоштовний веб-сайт Base64 і виберіть «Конвертувати програму».
- Клацніть усередині області скидання файлів, щоб завантажити або перетягнути файли.
- Ви можете завантажити максимум 10 файлів для операції.
- Натисніть кнопку «Перетворити». …
- Посилання для завантаження файлів результатів буде доступним одразу після конвертації.
Як вставити зображення за допомогою HTML
- Завантажте своє зображення. Це можна зробити за допомогою служби розміщення зображень, служби FTP або служби розміщення блогів. …
- Відкрийте свій документ HTML. …
- Скопіюйте та вставте URL-адресу зображення в тег IMG, додайте до нього SRC. …
- Додайте альтернативний атрибут і завершальні штрихи.
Синтаксис зображень HTML HTML-тег <img> використовується для вставлення зображення на веб-сторінку. Зображення технічно не вставляються на веб-сторінку; зображення пов’язані з веб-сторінками. Тег <img> створює простір для зберігання зображення, на яке посилається. Тег <img> порожній, містить лише атрибути та не має закриваючого тегу.