Как да преобразувам изображение в Base64 data URI за CSS?

Пуснете или поставете изображение (Ctrl+V), след това отворете раздела CSS и натиснете Копирай. Получавате правило background-image: url(...) с вградения data URI. Разделите HTML, Markdown, Чист Base64 и JSON работят по същия начин.

Защо резултатът в Base64 е с около една трета по-голям от изображението ми?

Base64 превръща всеки 3 байта в 4 текстови знака, затова текстът е около 33% по-голям от файла. Затова data URI са подходящи за малки икони и лога, а не за големи снимки.

Как мога да скъся низа в Base64?

Първо отворете Свиване и задайте Максимална ширина или Формат (WebP, JPEG или PNG), както и по-ниско Качество за WebP или JPEG. SVG и GIF файлове не могат да се свият така; за SVG има раздел SVG (с URL кодиране).

Мога ли да превърна низ в Base64 обратно в изображение?

Да. Превключете Посока на Base64 към изображение и поставете data URI или чист Base64. Разпознават се PNG, JPEG, GIF, WebP, SVG, BMP, ICO и AVIF, след което можете да изтеглите файла. При невалиден вход се показва грешка.

Защо копирането не сработва или прегледът изглежда отрязан при голямо изображение?

Прегледът показва само първите 2000 знака, но Копирай и Изтегли дават пълната стойност. Много големи низове могат да надхвърлят лимита на клипборда на браузъра, затова използвайте Изтегли или първо свийте изображението.

Наистина ли е безплатно?

Да. Всеки инструмент е безплатен, без акаунт и кредитна карта. Работата се извършва на вашето устройство, а не на наши сървъри, което позволява да бъде безплатна.

Качват ли се файловете ми?

Не. Файловете ви се отварят и обработват във вашия браузър и не се изпращат до LibraTool. Някои инструменти първо изтеглят в браузъра ви обработващ енджин или AI модел; това изтегляне не съдържа ваши данни.

Работи ли на мобилни устройства?

Да. Работи в съвременните мобилни браузъри на iOS и Android, без да инсталирате нищо. Много големи файлове може да се обработват бавно или да изчерпат паметта на телефона, затова за тях използвайте компютър.

🖼️

Изображение към Base64 — безплатно

Конвертирайте изображение в Base64 data URI за вградена употреба в 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.
Вземете URI на изображениеПроизведете сиров data: URI, който можете да използвате някъде.

Как работи

URI от данни вмъква изображение директно в кода като текст, така че се зарежда без отделен файлов запрос — удобно за малки иконки и самостоятелни HTML. Това го кодира в браузъра.

1
Вие пускате изображение
Чете се локално с FileReader API — никога не се качва.
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 и анализ на заявки.