pichabase64data urihtmlcss

Badilisha picha kuwa Base64 (data URI)

Mariana Costa

Na Mariana Costa· Especialista em Ferramentas

·2 dk kusoma

Badilisha picha kuwa Base64 (data URI)

Badilisha picha kuwa Base64 mtandaoni ni njia ya haraka ya kupata toleo la msimbo wa picha yako ambalo linaweza kubandikwa moja kwa moja ndani ya HTML au CSS bila kuhitaji faili ya picha tofauti. Unachagua picha na kupata msimbo wa data URI mara moje.

Hii ni muhimu kwa wasanidi programu wa mbele: unataka kuingiza picha ndogo kwa njia ya inline ndani ya CSS ili kupunguza ombi la HTTP, au unataka kupachika picha katika barua pepe ya HTML bila kutegemea seva ya nje. Zana hii inafanya ubadilishaji huu kwa sekunde moja.

Picha kwa Base64 ni nini?

Picha kwa Base64 ni zana inayotegemea wavuti inayobadilisha faili ya picha (kama PNG, JPG, GIF au WebP) kuwa msimbo wa Base64 ambao unaweza kutumika kama data URI. Data URI ina muundo wa "data:[mimetype];base64,[msimbo]" na inaweza kutumika moja kwa moja ndani ya sifa ya src ya img au background-image ya CSS.

Kila kitu kinafanya kazi ndani ya kivinjari chako. Picha haitumwi kwa seva yoyote. Hakuna akaunti inayohitajika.

Jinsi ya kutumia Picha kwa Base64?

  1. Fungua Picha kwa Base64 kwenye kivinjari chako.
  2. Chagua faili ya picha kutoka kwa kompyuta yako.
  3. Tazama msimbo wa Base64 ukizalishwa mara moje.
  4. Nakili kama maandishi ya kawaida (data URI kamili) au kwa muundo wa CSS (background-image).

Msimbo wa Base64 unaweza kuwa mrefu sana kwa picha kubwa. Ni bora zaidi kutumia mbinu hii kwa picha ndogo (chini ya 10KB) ili kuzuia ukurasa wa HTML wako kuwa mzito sana.

Matumizi ya kawaida

Picha kwa Base64 ni zana muhimu kwa wasanidi programu wanaofanya uboreshaji wa utendaji wa wavuti na wanaofanya kazi na barua pepe za HTML.

Maswali yanayoulizwa mara nyingi

Je, ninahitaji kuunda akaunti kutumia Picha kwa Base64?

Hapana. Hakuna usajili unaohitajika.

Je, zana ni ya bure?

Ndiyo, ni ya bure kabisa.

Je, picha yangu inatumwa kwa seva?

Hapana. Ubadilishaji wote unafanyika ndani ya kivinjari chako. Picha haifiki seva yoyote.

Je, kuna ubaya wowote wa kutumia Base64 badala ya faili ya picha?

Msimbo wa Base64 ni karibu asilimia 33 mkubwa zaidi kuliko faili asili. Pia, picha za Base64 haziwezi kuhifadhiwa kwenye kashe ya kivinjari kama picha tofauti. Kwa hivyo, ni bora zaidi kwa picha ndogo tu.

Tumia Picha kwa Base64 kubadilisha picha kuwa msimbo wa data URI haraka bila akaunti na bila usakinishaji.

Zana inayohusiana

Picha kwa Base64

Ufikiaji bila malipo, bila usajili.