Зображення у Base64 — безкоштовно
Конвертуйте зображення в URI даних Base64 для вбудованого використання в CSS, HTML або Markdown. Копіюйте готові фрагменти. Кодується у вашому браузері; ніколи не завантажується.
Перетягніть файл сюди або натисніть, щоб вибрати
PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · обробляється на вашому пристрої
або натисніть Ctrl+V, щоб вставити з буфера обміну
Підказка: ви також можете вставити зображення з буфера обміну (Ctrl+V).
Ваші файли ніколи не залишають пристрій. Вся обробка відбувається локально у браузері.
Конвертуйте зображення у Base64 data URI, який можна вставити безпосередньо в CSS, HTML або Markdown — окремий файл не потрібен. Кодується у вашому браузері, ніколи не завантажується.
Типові застосування
- Вбудуйте Зображення в CSSВбудуйте маленьку іконку або фон як data URI у вашу таблицю стилів.
- Вбудуйте Зображення в HTMLВбудуйте логотип або іконку безпосередньо в автономний HTML.
- Конвертуйте SVG або Іконку в Base64Перетворіть маленьку іконку в data URI для вбудовування.
- Вбудуйте Зображення в MarkdownВбудуйте невелике зображення у файл Markdown з data URI.
- Отримайте Data URI ЗображенняВиробіть сирий data: URI, який ви можете використовувати де завгодно.
Як це працює
URI даних вбудовує зображення безпосередньо у ваш код як текст, тому воно завантажується без окремого запиту файлу — зручно для маленьких значків та автономного HTML. Це кодує його у вашому браузері.
- 1Ви скидаєте зображенняВоно читається локально за допомогою API FileReader — ніколи не завантажується.
- 2Це кодується в Base64Байти зображення стають URI даних (data:image/...;base64,…) прямо у вашому браузері.
- 3Ви вибираєте фрагментСкопіюйте сирий URI даних або готові фрагменти CSS (background-image), HTML (<img>) чи Markdown.
- 4Вставте його у ваш кодЗображення тепер подорожує вбудоване у ваш CSS/HTML — жодного додаткового файлу для хостування.
Зображення кодується повністю на вашому пристрої. Зауважте, що Base64 приблизно на 33% більший, ніж оригінал, тому URI даних найкраще підходять для маленьких зображень.
Схожі інструменти
Стеганографія зображень (приховати текст у зображенні)
Приховуйте секретне текстове повідомлення у PNG за допомогою стеганографії молодшого значущого біта з необов'язковим шифруванням AES-256-GCM паролем. Витягніть пізніше тим самим інструментом. Все працює у вашому браузері.
Кодувальник та декодувальник Base64
Кодуйте текст або файли у Base64 або декодуйте рядки Base64 назад у звичайний текст. Миттєво, приватно та безкоштовно.
Кодер і декодер URL
Кодуйте та декодуйте URL-адреси та рядки запитів. Підтримка encodeURIComponent, decodeURIComponent та аналізу рядків запитів.