Sawir ilaa Base64 oo Bilaash ah

U beddel sawir Base64 data URI oo loogu talagalay isticmaal gudaha ah oo CSS, HTML, ama Markdown ah. Ku nuqul snippets diyaar u ah. Waxaa lagu koodeeyaa browser-kaaga; weligiis lama soo gelin.

Wuu shaqeeyaa oflaayn marka la shubo

Faylasha halkan ku rid, ama guji si aad u baarato

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF Β· Ma jiro xadid cabbirka faylka

ama taabo Ctrl+V si aad uga dhejiso clipboard-ka

Baar faylasha

Talo: waxa kale oo aad ku dheji kartaa sawir clipboard-kaaga (Ctrl+V).

Faylashaadu weligood kama tagaan qalabkaaga. Farsamaynta oo dhan waxay ka dhacdaa gudaha browser-kaaga.

Sawirka u beddel Data URI Base64 ah oo aad si toos ah ugu dheji CSS, HTML, ama Markdown β€” fayl kale looma baahna. Waxaa lagu koodhiyaa biraawsarkaaga; marnaba lama soo shubo.

Sida Ay U Shaqeyso

URI xog ah ayaa si toos ah koodhkaaga ugu ridaa sawir sida qoraal, si aan loo baahnayn codsi fayl gooni ah β€” waxtar u leh sawirro yaryar iyo HTML gaar ah. Kani wuu ku koodhiyaa browser-kaaga.

  1. 1
    Waxaad ku ridaa sawir
    Waxaa si maxalli ah loogu akhriyaa FileReader API β€” marna lama soo shubo.
  2. 2
    Waxaa Base64 loo koodhiyaa
    Bytes-ka sawirku waxay noqdaan URI data: ah (data:image/...;base64,…) gudaha browser-kaaga.
  3. 3
    Waxaad dooratay snippet
    Koobi URI-ga data-ga cayriifka ah, ama CSS (background-image), HTML (<img>), ama Markdown oo diyaar ah.
  4. 4
    Ku dheji koodhkaaga
    Sawirku hadda wuxuu ku safraa CSS/HTML-kaaga gudaha β€” fayl dheeraad ah oo la martigeliyo majirto.

Sawirka waxaa si buuxda loogu koodhiyaa qalabkaaga. Ogsoonow in Base64 uu ka weyn yahay ~33% asalka β€” sidaa darteed URIs-ka xogtu waxay ugu wanaagsan yihiin sawirro yaryar.

Qalabka La Xiriira

Su'aalaha Inta Badan La Iska Weydiiyo