Кодировать изображение в Base64 онлайн конвертер


Наш конвертер онлайн поможет вам кодировать/преобразовать любое изображение в 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 символами (увеличение на ¹⁄₃).

Вы можете кодировать/преобразовать изображение любого размера и расширения (.jpg .jpeg .tif .tiff .png .gif .bmp .dib) в Base64.
В результате вы получите ваше изображение в виде строки Base64, при этом качество и размер изображения будет сохранен.


***** Ваше изображение преобразовано в строку BASE64 *****
Код для вставки (<img> elements):

Код для вставки (CSS background):