Kyauta Hoto zuwa Base64

Canza hoto zuwa Base64 data URI don amfani a ciki na CSS, HTML, ko Markdown. Kwafi snippets da suka shirya. Ana ɓoyewa a cikin browser ɗinka; ba a taɓa loda shi.

Yana aiki babu haɗi da zarar an loda shi

Jefa fayiloli a nan, ko danna don bincika

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · Babu iyakar girman fayil

ko danna Ctrl+V don manna daga clipboard ɗinka

Bincika fayiloli

Shawara: kana iya manna hoto daga allon ɗankarka (Ctrl+V).

Fayilolin ku ba za su bar na'urar ku ba. Duk sarrafa yana faruwa a cikin burauzar ku.

Canza hoto zuwa Base64 data URI wanda za ka iya mannawa kai tsaye a cikin CSS, HTML, ko Markdown — babu buƙatar fayil daban. An sarrafa shi a cikin burauzarka; ba a taɓa lodawa.

Yadda Yake Aiki

Data URI yana ɗauke da hoto kai tsaye a cikin lambarka a matsayin rubutu, don haka yana loda ba tare da buƙatar fayil daban ba — mai amfani ga ƙananan alamomi (icons) da HTML mai zaman kansa. Wannan yana sanya shi cikin lambar a browser ɗinka.

  1. 1
    Ka sanya hoto
    Ana karanta shi a na'urarka da FileReader API — ba a taɓa loda shi ba.
  2. 2
    Ana sanya shi cikin lambar Base64
    Bytes ɗin hoton suna zama data: URI (data:image/...;base64,…) kai tsaye a browser ɗinka.
  3. 3
    Ka zaɓi wani yanki na lambar
    Ka kwafi data URI ɗin ainihi, ko CSS da aka shirya (background-image), HTML (<img>), ko Markdown.
  4. 4
    Ka manna shi a cikin lambarka
    Yanzu hoton yana tafiya tare da CSS/HTML ɗinka — babu wani ƙarin fayil da za a ajiye.

Ana sanya hoton cikin lambar duka a na'urarka. Ka lura cewa Base64 ya fi girman asali kashi 33% kusan, don haka data URIs sun fi dacewa da ƙananan hotuna.

Kayan Aiki Masu Alaƙa

Tambayoyin Da Ake Yi Sau Da Dama