КодуванняБезкоштовноБез завантаженняБез реєстрації
Конвертер зображень у Base64
Перетягніть зображення й скопіюйте його як Base64 data URI для HTML, CSS, JSON чи шаблонів листів.
Працює у вашому браузері. Дані не надсилаються на сервер.
Як користуватися: Зображення в Base64
Додайте зображення
Перетягніть одне чи кілька зображень або вставте з буфера. Працюють PNG, JPG, SVG, WebP, GIF, ICO й AVIF.
Оберіть формат
Data URI, чистий Base64, правило CSS background-image, тег HTML img, Markdown чи рядок JSON.
Скопіюйте код
Скопіюйте результат для кожного зображення. Розмір підкаже, чи варто вбудовувати.
Навіщо цей інструмент
Вбудоване в Base64 невелике зображення економить окремий HTTP-запит і тримає все в одному файлі. Це зручно для іконок у CSS, логотипів у HTML-листах, зображень в API на JSON, односторінкових HTML-звітів і заглушок у тестах.
Конвертер читає зображення в браузері й будує data URI з правильним MIME-типом: PNG стає data:image/png;base64,…, а SVG — data:image/svg+xml;base64,…. Також показано розмір закодованого рядка, приблизно на третину більший за файл.
Часті запитання
Як конвертувати зображення в Base64?
Перетягніть зображення в конвертер. Data URI з’явиться одразу; для CSS, HTML чи Markdown оберіть інший формат.
Як використати Base64-зображення в HTML?
Вставте data URI в атрибут src: <img src="data:image/png;base64,…" alt="…">. Опція HTML img збирає цей тег за вас.
Як використати Base64-зображення в CSS?
Як URL: background-image: url("data:image/png;base64,…"). Оберіть CSS, щоб скопіювати повне правило.
Чому Base64 більший за моє зображення?
Base64 використовує 4 символи на кожні 3 байти, тож текст приблизно на 33% більший за файл. Це нормально.
Мої файли завантажуються на сервер?
Ні. formatmath конвертує файли кодом, який працює у вашому браузері. Ваші файли не завантажуються, не зберігаються і ми їх не бачимо.
Це безкоштовно?
Так. Без водяних знаків і денних лімітів. Акаунт не обов’язковий, він лише зберігає історію ваших конвертацій.