Перайсці да асноўнага зместу
LibraTool logoLibraTool

Выява ў 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Убудуйце малікі значок ці фон як URI дадзеных у вашы стыльлічты.
  • Убудуйце малюнак у HTMLУбудуйце логатып ці значок прамо ў аўтаномнае HTML.
  • Пераўтварыце SVG ці значок у Base64Пераўтварыце мікі значок у URI дадзеных для убудаванняў.
  • Убудуйце малюнак у MarkdownУбудуйце малікі малюнак у файл Markdown з URI дадзеных.
  • Атрымайце URI дадзеных малюнкаСтварыце сыры data: URI, які вы можаце выкарыстаць дзе-небудзь.

Як гэта працуе

Дадзены URI ўбудоўвае малюнак прама ў ваш код як тэкст, так што ён загружаецца без асобнага запыту файла — зручна для малых значкаў і аўтаноміях HTML. Гэта закодзіраны у вашым браўзеры.

  1. 1
    Вы перацягваеце малюнак
    Ён чытаецца лакальна з API FileReader — ніколі не загружаецца.
  2. 2
    Гэта Base64-кодзіруецца
    Байты малюнка становяцца URI дадзеных: (data:image/...;base64,…) прама ў вашым браўзеры.
  3. 3
    Вы абіраеце фрагмент коду
    Скапіюйце сырыя URI дадзеных ці гатовыя CSS (background-image), HTML (<img>), ці Markdown.
  4. 4
    Паставьце яго ў ваш код
    Малюнак цяпер путаёўвае ўбудаваны з вашым CSS/HTML — адсутнічае дадатны файл для хост.

Малюнак закодзіруецца цалкам на вашым прыладзе. Адзніце, што Base64 прыблізна 33% больш за арыгіналь, так что дадзены URI найлепш для малых малюнкаў.

Звязаныя інструменты

Часта задаюць пытанні