Наш конвертер онлайн допоможе вам кодувати/перетворити будь-яке зображення в Base64.
Цей додаток необхідно якщо потрібно розмістити зображення безпосередньо в коді сторінки або документа, в цьому випадку вам необхідно перетворити бажане зображення в рядок Base64 і після чого отриманий результат вставити в саму сторінку використовуючи тег для виводу зображення<img> elements), або в стильовому файлі (CSS background).
Зручність даного методу незаперечна і його головна перевага в розробці веб саме в тому що не потрібно окремо розміщувати зображення в директорії, а потім виводити його на сторінку, адже за допомогою Base64 можна обійтися без цього і зробіти все в одному файлі - що дуже зручно.
Приклад використання Base64 для виводу зображення:
1). Висновок зображення в HTML через тег<img>).
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAo="/>
2). Висновок зображення через стилів (CSS).
div.photo {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAo=") repeat-x; width:100%; height:10px;}
Тепер в HTML можна вивести через, <div id="photo" width="10" height="10"></div>
Base64 — це стандарт кодування двійкових даних за допомогою тільки 64 символів ASCII, сам алфавіт кодування містить текстово-цифрові латинські символи A-Z, a-z 0-9 (62 знака) та 2 додаткових символу, залежать від системи реалізації, при цьому кожні 3 вихідних байта кодуються 4 символами (збільшення на 1⁄₃).
Ви можете кодувати/перетворити зображення будь-якого розміру і розширення (.jpg .jpeg .tif .tiff .png .gif .bmp .dib) в Base64.
В результаті ви отримаєте ваше зображення у вигляді рядка Base64, при цьому якість і розмір зображення буде збережено.