Изображение Base64
Преобразование изображений в Data URI Base64 и обратно, с перетаскиванием и предпросмотром
Нажмите или перетащите сюда изображение для загрузки
Поддерживаются PNG / JPG / GIF / SVG / WebP / BMP
{{ imageInfo.name }} · {{ imageInfo.sizeText }}
Нажмите, чтобы выбрать другое изображение
Длина: {{ base64Output.length }} симв.
MIME: {{ imageInfo.mime }}
Символов: {{ base64Input.length }}
{{ errorMsg }}
{{ decodedImageInfo.mime }} · {{ decodedImageInfo.sizeText }}
О преобразовании изображений Base64
Преобразование изображения Base64 превращает файл изображения в строку Data URI в кодировке Base64. Data URI встраивает данные изображения непосредственно в HTML или CSS в формате data:image/png;base64,....
Распространённое применение изображений Base64 включает уменьшение количества HTTP-запросов (встраивание небольших изображений в HTML), встраивание фоновых изображений CSS, вставку изображений в электронные письма и ссылки на изображения в Markdown.
Этот инструмент работает в обоих направлениях: преобразует файл изображения в Data URI Base64 или превращает Data URI Base64 обратно в изображение и загружает его. Всё работает в вашем браузере.
Часто задаваемые вопросы
В: Увеличивается ли размер изображения после преобразования в Base64?
О: Да. Base64 увеличивает размер данных примерно на 33%. Для больших изображений используйте встраивание с осторожностью, так как это может замедлить загрузку страницы.
В: Какие форматы изображений поддерживаются?
О: PNG, JPEG, GIF, SVG, WebP, BMP, ICO и другие распространённые форматы. MIME-тип определяется автоматически при выводе.
В: Как использовать изображение Base64 в CSS?
О: Используйте
background-image: url(data:image/png;base64,...). Этот инструмент предоставляет кнопку «Копировать CSS-фон», которая генерирует готовый к вставке CSS-код одним нажатием.