Àwòrán sí Base64 Ọ̀fẹ́

Yí àwòrán padà sí URI dátà Base64 fún lílo nínú CSS, HTML, tàbí Markdown. Dá àwọn àdàkọ tí ó ti ṣetán. A ń fi kọ́ọ̀dù rẹ̀ nínú ẹ̀rọ àwárí rẹ; a kì í gbé e sókè rárá.

Ó ń ṣiṣẹ́ láìsí ìsopọ̀ ní kété tí a bá kó wọlé

Sọ àwọn fáìlì sílẹ̀ níbí, tàbí tẹ láti wá

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · Kò sí ìdiwọ̀ ìwọ̀n fáìlì

tàbí tẹ Ctrl+V láti fi lẹ̀ mọ́ láti clipboard rẹ

Wá àwọn fáìlì

Ìmọ̀ràn: o tún lè fi àwòrán kún láti orí clipboard rẹ (Ctrl+V).

Àwọn fáìlì rẹ kò ní jáde kúrò lórí ẹ̀rọ rẹ. Gbogbo ìṣiṣẹ̀ n ṣẹlẹ̀ ní àdúgbò nínú aṣàwákiri rẹ.

Yí àwòrán padà sí data URI Base64 tí o lè fi taara sínú CSS, HTML, tàbí Markdown — kò nílò fáìlì ọ̀tọ̀. A ń kó ọ̀rọ̀ náà nínú aṣàwárí rẹ; a kò fi ránṣẹ́ síbikíbi.

Bí Ó Ṣe Ń Ṣiṣẹ́

Data URI máa ń fi àwòrán sí kóòdù rẹ tààrà gẹ́gẹ́ bí ọ̀rọ̀, nítorí náà ó máa hàn láìsí ìbéèrè fáìlì lọ́tọ̀ọ̀tọ̀ — ó wúlò fún àwọn àmì kékeré àti HTML tí ó dá dúró. Èyí máa ń ṣe é nínú ẹ̀rọ àyẹ̀wò rẹ.

  1. 1
    O máa fi àwòrán sí i
    A máa ka á nínú ẹ̀rọ rẹ pẹ̀lú FileReader API — a kì í fi ránṣẹ́ rí.
  2. 2
    A máa fi Base64 kọ́ ọ
    Àwọn byte àwòrán náà máa di data: URI (data:image/...;base64,…) tààrà nínú ẹ̀rọ àyẹ̀wò rẹ.
  3. 3
    O máa yan àyọkà kan
    Ẹ̀dà data URI náà gangan, tàbí CSS tí ó ti ṣetán (background-image), HTML (<img>), tàbí Markdown.
  4. 4
    Fi sí kóòdù rẹ
    Àwòrán náà máa rìn pẹ̀lú CSS/HTML rẹ nísinsìnyí — kò sí fáìlì mìíràn láti fi pamọ́.

A máa fi àwòrán náà kọ́ gbogbo rẹ̀ nínú ẹ̀rọ rẹ. Ṣàkíyèsí pé Base64 tóbi ju ìpilẹ̀ṣẹ̀ lọ ní ~33%, nítorí náà data URIs dára jùlọ fún àwọn àwòrán kékeré.

Àwọn Irinṣẹ Tó Jọra

Àwọn Ìbéèrè Tí A Máa Ń Béèrè