Изображение към Base64
Пуснете произволна снимка в този конвертор изображение към Base64, за да получите data URI и готови фрагменти за HTML, CSS и JavaScript. Вградените изображения спестяват HTTP заявки за малки икони и са необходими за еднофайлов HTML, имейл шаблони и офлайн приложения.
Как да конвертирате Изображение към Base64 онлайн
- Изберете файл с изображение или поставете URL на изображение.
- Изберете изхода: data URI,
<img>, CSS фон, favicon, JSON и други. - Щракнете Кодирай изображение към Base64.
- Прегледайте изображението и копирайте кода.
Още конвертори за Изображение към Base64
Изходни формати
Изберете как да бъде обвит резултатът. Конверторът може да върне:
- txt: само Base64 низът, готов за поставяне в код, поле в база данни или API заявка.
- uri: пълен
data:URI, който можете да поставите в адресната лента на браузъра или да използвате навсякъде, където се приема URL. - html img: етикет
<img>с data URI вsrc. - css background image: CSS правило с
background-image: url(data:...). - html favicon: етикет
<link rel="icon">за вграден favicon. - html hyperlink: връзка
<a>, която изтегля или отваря вградения файл. - html iframe: етикет
<iframe>, който показва съдържанието вградено. - javascript image: JavaScript, който създава обект
Image. - javascript popup: JavaScript, който отваря съдържанието в нов прозорец.
- json: JSON обект с името на файла, MIME типа и данните.
- xml: XML елемент с данните в CDATA секция.
Кога трябва да вграждате изображения като Base64?
Вграждайте малки изображения (под около 5–10 KB) като икони, лога и контейнери за място, за да спестите заявки. Избягвайте вграждането на големи снимки: те правят HTML/CSS по-тежки, не могат да се кешират отделно и забавят визуализацията. За подробно обсъждане вижте обяснение на data URI.
Често задавани въпроси
Как да конвертирам изображение към Base64?
Изберете изображението, изберете „Data URI“ или „<img>“ като изход и щракнете „Кодирай изображение към Base64“. Копирайте резултата в HTML или CSS.
Кои формати на изображения се поддържат?
Всеки формат, който браузърът Ви може да прочете: PNG, JPG/JPEG, GIF, WebP, SVG, BMP, ICO, AVIF, TIFF и други.
Как да използвам Base64 изображение в HTML?
Поставете data URI в атрибута src: <img src="data:image/png;base64,iVBORw0KGgo..." alt="">.
Коментари (0)
Въпроси, идеи или грешка в „Изображение към Base64“? Оставете коментар, оценете инструмента или отговорете на други.
Все още няма коментари. Бъдете първият, който споделя мнение!