Акысыз Сүрөттөн Base64-ке

Сүрөттү CSS, HTML же Markdown-до линиялык колдонуу үчүн Base64 берилиш URI-ине конверттеңиз. Даяр код фрагменттерин көчүрүп алыңыз. Браузериңизде коддолот; эч качан жүктөлбөйт.

Жүктөлгөндөн кийин оффлайн иштейт

Файлдарды бул жерге таштаңыз же серептөө үчүн чыкылдатыңыз

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · Файлдын өлчөмүнө чектөө жок

же буферден коюу үчүн Ctrl+V басыңыз

Файлдарды карап чыгуу

Кеңеш: алмашуу буферинен да сүрөттү коюуга болот (Ctrl+V).

Файлдарыңыз түзмөгүңүздөн эч качан кетпейт. Бардык иштетүүлөр браузериңизде локалдуу түрдө ишке ашат.

Сүрөттү түздөн-түз CSS, HTML же Markdown'га чаптай турган Base64 data URI'ге түрлөндүрүү — өзүнчө файл талап кылынбайт. Браузериңизде коддолот; эч качан жүктөлбөйт.

Бул кантип иштейт

Дайын URI сүрөттү код катары түз коддун ичине бышырат, ошондуктан ал өзүнчө файл сурамысыз жүктөлөт — кичине сүрөтчөлөр жана өзүнчө HTML үчүн ыңгайлуу. Бул курал аны браузериңизде коддойт.

  1. 1
    Сүрөт чаптайсыз
    Ал FileReader API менен жергиликтүү окулат — эч качан жүктөлбөйт.
  2. 2
    Ал Base64 менен коддолот
    Сүрөттүн байттары браузериңизде түз data: URI (data:image/...;base64,…) болуп калат.
  3. 3
    Фрагментти тандайсыз
    Дайын data URI'ди, же даяр CSS (background-image), HTML (<img>), же Markdown'ду көчүрүңүз.
  4. 4
    Аны кодуңузга чаптаңыз
    Сүрөт эми CSS/HTML'иңиз менен бирге жүрөт — өзүнчө файл хосттоо талап кылынбайт.

Сүрөт толугу менен түзмөгүңүздө коддолот. Base64 түпнускадан ~33% чоң экенин эске алыңыз, ошондуктан data URI'лер кичине сүрөттөр үчүн эң ылайыктуу.

Байланыштуу куралдар

Көп берилүүчү суроолор