Əsas məzmuna keç

Pulsuz Şəkildən Base64-ə

CSS, HTML və ya Markdown-da daxili istifadə üçün şəkli Base64 data URI-yə çevirin. Hazır fraqmentləri kopyalayın. Brauzerinizdə kodlanır; heç vaxt yüklənmir.

Bir dəfə yükləndikdən sonra oflayn işləyir

Faylı bura buraxın və ya seçmək üçün klikləyin

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · cihazınızda emal edilir

və ya mübadilə buferindən yapışdırmaq üçün Ctrl+V basın

Fayllara baxın

Məsləhət: Həmçinin panodakı şəkili yapışdıra bilərsiniz (Ctrl+V).

Fayllarınız heç vaxt cihazınızı tərk etmir. Bütün emal brauzerinizdə yerli olaraq baş verir.

Şəkli birbaşa CSS, HTML və ya Markdown-a yapışdıra biləcəyiniz Base64 data URI-yə çevirin — ayrı fayl lazım deyil. Brauzerdə kodlanır; heç vaxt yüklənmir.

Ümumi istifadələr

  • CSS-də Şəkili Sətiriçi EdinKiçik bir nişanı və ya fonunu tərziniz siyahısında məlumat URI kimi yerləşdirin.
  • HTML-də Şəkili YerləşdirinLoqoyu və ya nişanı birbaşa müstəqil HTML-ə sətiriçi edin.
  • SVG və ya Nişanı Base64-ə ÇevirinKiçik nişanı sətiriçi üçün məlumat URI-ə çevirin.
  • Markdown-da Şəkili YerləşdirinMarkdown faylında kiçik şəkili məlumat URI ilə sətiriçi edin.
  • Şəkil Məlumatı URI-ni Əldə EdinHər yerdə istifadə edə biləcəyiniz ham məlumat: URI istehsal edin.

Necə İşləyir

Data URI şəkli bağlantısızlaşdırılmış HTML -ə dəxil edir, bu səbəbdən ayrıca fayl sorğusu olmadan yüklənir — kiçik ikonalar üçün əl ilə və bağlantılı HTML -ə idealdır. Bu brauzerinizdə kodlaşdırır.

  1. 1
    Siz şəkil atırsınız
    O, FileReader API ilə lokal olaraq oxunur — heç vaxt yüklənmir.
  2. 2
    Base64-ə kodlaşdırılır
    Şəkil baytları data: URI-yə (data:image/...;base64,…) brauzerinizdə çevrilər.
  3. 3
    Siz bir başlıq seçirsiniz
    Ham data URI kopyalayın, ya da hazır CSS (background-image), HTML (<img>) ya da Markdown.
  4. 4
    Kodunuza yapışdırın
    Şəkil indi CSS/HTML ilə sətirləşdirilir — çıxarılan fayl yoxdur.

Şəkil tamamilə cihazda kodlaşdırılır. Qeyd: Base64 orijinaldan ~33% daha böyükdür, belə ki, data URI-ləri kiçik şəkillər üçün ən yaxşıdır.

Əlaqəli Alətlər

Tez-tez Verilən Suallar