← Rudi kwenye Vipengele
Free

Picha ↔ Base64

Picha ↔ Base64 inabadili faili za picha (PNG, JPG, SVG, WebP, GIF) kuwa URI za data zilizosimbwa kwa Base64 na kurudi. Buruta, bandika, au bofya ili kupakia picha; nakili mfuatano kamili wa data:image/...;base64,... ili kupachika ndani ya CSS, HTML, au mipangilio. Au bandika URI ya data ili kukagua na kuipakua kama faili la picha.

Picha zilizosimbwa kwa Base64 zinaweza kupachikwa moja kwa moja kwenye faili za CSS, HTML, au mipangilio — muhimu kwa ikoni ndogo, violezo vya barua pepe, au mabaki ya muundo ambapo maombi ya picha ya nje hayahitajiki. Zana hii inafanya ubadilishaji uwe rahisi. Buruta faili la picha, bandika kutoka kwenye ubao wa kunakili, au bofya ili kuvinjari. Zana inabadili kuwa URI ya data na aina sahihi ya MIME (data:image/png;base64,..., data:image/svg+xml;base64,..., n.k.). Mwelekeo tofauti pia unafanya kazi — bandika URI ya data na zana hutoa picha kwa ukaguzi na kutoa kiungo cha kupakua ili kuihifadhi kama faili halisi. Inafanya kazi kabisa ndani ya kivinjari, hakuna vipakizi — picha zako hazitoki kwenye mashine yako. Inashughulikia miundo ya PNG, JPG/JPEG, SVG, WebP, GIF, na ICO.

Uhakiki wa Moja kwa Moja
example.com
Image ↔ Base64 Picha → Base64 Base64 → Picha
Angusha Picha
Angusha, bandika, au bofya
PNG, JPG, SVG, WebP
logo.png
8.4 KB · 256×256
URI ya Data ya Base64
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNrs0rERwCAIhFEwjv9/6OS...
Nakili Pakua
Vipengele Muhimu

Buruta, Bandika, au Vinjari

Njia nyingi za kupakia picha: buruta faili kutoka kwenye OS yako, bandika kutoka kwenye ubao wa kunakili (viwambo vya skrini vinafanya kazi), au bofya ili kufungua kichagua faili.

Onyesho la Moja kwa Moja la Picha

Unapobandika URI ya data, zana hutoa picha mara moja ili uweze kuithibitisha kabla ya kunakili au kupakua.

Nakili URI ya Data kwa Mbofyo Mmoja

Hunakili mfuatano kamili wa data:image/...;base64,... ukiwa tayari kubandikwa kwenye CSS yako, sifa ya src ya HTML, au mipangilio ya JSON.

Ubadilishaji wa Papo Hapo

Hakuna kusubiri upakiaji — kila kitu kinafanyika ndani kwa ndani. Hata picha kubwa zinabadilika kwa sehemu ya sekunde.

Pakua kama Faili

Kutoka kwenye URI ya data ya Base64, hifadhi picha iliyosimbuliwa kama faili halisi (PNG, JPG, SVG, n.k.) na kiendelezi sahihi.

Inashughulikia Miundo Yote ya Kawaida

Inaauni PNG, JPG, SVG, WebP, GIF, na ICO. Aina ya MIME hutambuliwa kiotomatiki kwa hivyo URI yako ya data daima ni sahihi.

Matumizi ya Kawaida

Kupachika Ikoni Ndogo kwenye CSS

Badili ikoni ya 16×16 kuwa Base64 na uiweke ndani ya background-image: url(...). Hakuna ombi la HTTP, hakuna kukosa kache — ikoni inasafirishwa na CSS yako.

Violezo vya Barua Pepe

Pachika picha moja kwa moja kwenye barua pepe za HTML kama URI za data wakati marejeleo ya picha za nje yanazuiliwa na wateja au kuwekwa alama kama barua taka.

Jenga Mabaki & Vifurushi

Jumuisha picha ndogo kwenye matokeo ya kifurushi cha webpack/vite ili kuondoa safari za kwenda na kurudi za mali wakati wa kuanzisha programu.

Kutoa Picha Kutoka Kwenye URI za Data

Bandika URI ya data kutoka kwenye zana za msanidi programu, chanzo cha HTML, au faili la CSS ili kukagua na kupakua picha ya msingi kama faili.

Kutatua Hitilafu kwenye Picha Zilizopachikwa

Wakati picha iliyopachikwa haitoi, bandika URI ya data kwenye kisimbuzi ili kuthibitisha kwamba Base64 ni halali na aina ya MIME ni sahihi.

Jinsi ya Kutumia
1

Fungua Picha ↔ Base64

Bofya ikoni ya Image Base64 kwenye kituo cha DevSuite Pro. Paneli ya pande mbili inafunguka na eneo la kudondosha na uwanja wa URI ya data.

2

Pakia Picha

Buruta faili kwenye eneo la kudondosha, bandika picha kutoka kwenye ubao wa kunakili (Ctrl+V), au bofya eneo hilo ili kuvinjari. Hakikisho litaonekana.

3

Chukua URI ya Data

URI ya data ya Base64 inatolewa mara moja katika uwanja wa pato — bofya Nakili ili kuituma kwenye ubao wako wa kunakili, tayari kubandikwa ndani.

4

Mwelekeo Tofauti

Ili kwenda Base64 → picha, bandika URI ya data kwenye uwanja. Hakikisho hutoa picha na kitufe cha Pakua kinaonekana.

5

Pakua au Nakili

Hifadhi picha iliyoundwa upya kama faili halisi, au nakili URI ya data ili kushiriki au kupachika kwingine.

Uko Tayari Kujaribu?

Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.

Ongeza kwenye Chrome Ongeza kwa Edge Ongeza kwenye FireFox