Utilia

Претворач на слика во Base64

Претворете слика во Base64 или data URI со готов CSS и HTML за залепување, или декодирајте Base64 назад во слика со преглед. Бесплатно, приватно, без качување.

Слика → Base64

Base64 → слика

Како да претворите слика во Base64

  1. Во Слика → Base64 повлечете слика во полето или кликнете на него за да изберете една (PNG, JPEG, GIF, WebP, SVG, ICO, BMP, AVIF…).
  2. Изберете Излез: Data URI (data:image/png;base64,…), Само Base64, CSS background-image или HTML ознака, која ги носи и ширината и висината на сликата.
  3. Кликнете Копирај, или Преземи како .txt за долги резултати.

Редот под полето го дава вистинскиот формат (прочитан од бајтите на датотеката, а не од нејзиното име), димензиите, големината на датотеката и должината на data URI.

Како да претворите Base64 назад во слика

  1. Во Base64 → слика залепете го текстот во Base64 текст или data URI. Можете да залепите чист Base64 низ, целосен data URI, па дури и цело CSS правило или ознака <img>: data URI се наоѓа во неа. Преломите на редови и празните места се игнорираат, а работи и Base64 безбеден за URL (со - и _).
  2. Кликнете Декодирај слика. Се појавуваат прегледот, типот, димензиите и големината.
  3. Кликнете Преземи слика за да ја зачувате со правилната наставка на датотеката.

Типот се проверува со „магичните бајти“ на датотеката, потписот на почетокот на секој формат на слика (на пример 89 50 4E 47 за PNG или FF D8 FF за JPEG). Ако data URI тврди дека е image/jpeg, а содржи PNG, алатката ви кажува и го користи вистинскиот тип. Сè што не е препознаена слика се одбива, а границата е 20 MB податоци од слика.

Како работи Base64

Base64 секои 3 бајти од датотеката ги претвора во 4 печатливи знаци земени од A–Z, a–z, 0–9, + и /, со = како дополнување на крајот. Затоа кодираниот текст е поголем за околу 33% од датотеката: икона од 30 KB станува околу 40 KB текст. Data URI додава кратко заглавие, data:<тип>;base64,, за прелистувачот да знае како да го прочита.

Кога да вметнувате слики како data URI

Data URI се практични за:

  • мали икони, логоа и позадини во CSS, за да се заштеди едно барање;
  • HTML е-пошта и HTML документи од една датотека што мора да работат без надворешни датотеки;
  • JSON API и конфигурациски датотеки што можат да носат само текст.

Не се добар избор за големи фотографии. Текстот е за една третина поголем од датотеката, не може да се кешира одделно од страницата или стилската датотека што го содржи и го одложува исцртувањето. Над приближно 10 до 100 KB, обична датотека со слика сервирана со добро кеширање обично победува, затоа алатката прикажува потсетник за слики поголеми од 100 KB.

Сè работи во вашиот прелистувач: сликите и залепениот текст никогаш не се качуваат.

Често поставувани прашања

Дали Base64 е начин за компресија или заштита на слика?

Не. Base64 ги прави податоците поголеми за околу 33% и секој може да го декодира. Тој само ги претвора бинарните податоци во текст што може да патува таму каде што бинарните податоци не можат.

Зошто мојот data URI не се прикажува?

Најчести причини се недостасувачки или погрешен тип во заглавието, празни места или наводници залепени во средината на низата, или скратен текст. Залепете го во Base64 → слика: алатката пријавува неважечки знаци и го проверува вистинскиот тип.

Може ли да користам SVG како data URI?

Да. SVG може да се кодира во Base64 како секоја слика. За SVG, data URI кодиран за URL (data:image/svg+xml,%3Csvg…) често е пократок; оваа алатка ги декодира двете форми.

Дали работи со HEIC или AVIF слики?

Кодирањето работи со секоја датотека со слика. Прегледот се појавува само ако вашиот прелистувач може да го прикаже форматот, но Base64 текстот и преземањето се секогаш точни.

Има ли ограничување на големината?

Да, 20 MB податоци од слика, во двете насоки. Подолгите низи го забавуваат прелистувачот и ретко се добра идеја во веб-страница.