base64data uriзображенняhtmlcssвеб-розробка

Конвертація зображення у Base64 (data URI)

Mariana Costa

Автор: Mariana Costa· Especialista em Ferramentas

·1 хв читання

Конвертація зображення у Base64 (data URI) дозволяє вбудувати зображення безпосередньо у HTML, CSS або email без окремого файлу. Усе відбувається прямо у вашому браузері - жодне зображення не надсилається на сервери.

Що таке конвертація зображення у Base64?

Data URI (або Base64-кодування зображення) - це спосіб вбудувати дані зображення безпосередньо в HTML або CSS як рядок тексту, замість посилання на окремий файл. Формат виглядає так: data:image/png;base64,iVBORw0KGgo... Це дозволяє уникнути додаткових HTTP-запитів для завантаження зображень.

Як конвертувати зображення у Base64

  1. Відкрийте Конвертація зображень у Base64
  2. Оберіть зображення (JPG, PNG, GIF, WebP тощо)
  3. Отримайте Base64-рядок автоматично
  4. Скопіюйте у форматі data URI або тільки Base64

Жодна реєстрація не потрібна. Зображення обробляється локально.

Випадки використання

Часті запитання

Чи підходить Base64 для великих зображень? Ні. Base64 збільшує розмір даних приблизно на 33%. Для великих зображень краще використовувати звичайні посилання на файли. Base64 оптимальний для невеликих іконок і спрайтів.

Чи безпечно конвертувати зображення в цьому інструменті? Так. Конвертація відбувається повністю локально у вашому браузері. Жодне зображення не надсилається на зовнішні сервери.

Які формати зображень підтримуються? Підтримуються всі стандартні формати: JPG, PNG, GIF, WebP, SVG та інші.

Що таке CSS background-image формат? Це рядок у форматі background-image: url('data:image/png;base64,...'); готовий для вставки у CSS-правила.

Спробуйте зараз: Конвертація зображень у Base64

Пов'язаний інструмент

Зображення у Base64

Безкоштовний доступ, без реєстрації.