Ninawezaje kubadilisha picha kuwa Base64 data URI kwa ajili ya CSS?

Dondosha au bandika picha (Ctrl+V), kisha fungua kichupo cha CSS na ubofye Nakili. Unapata kanuni ya background-image: url(...) yenye data URI ndani yake. Vichupo vya HTML, Markdown, Base64 Ghafi na JSON hufanya kazi vivyo hivyo.

Kwa nini matokeo ya Base64 ni makubwa kwa takriban theluthi moja kuliko picha yangu?

Base64 hubadilisha kila baiti 3 kuwa herufi 4 za maandishi, hivyo maandishi huwa makubwa kwa takriban 33% kuliko faili. Ndiyo maana data URI zinafaa kwa aikoni na nembo ndogo, si picha kubwa.

Ninawezaje kufupisha mfuatano wa Base64?

Fungua Punguza kwanza kisha weka Upana wa juu au Umbizo (WebP, JPEG au PNG), na upunguze Ubora kwa WebP au JPEG. Faili za SVG na GIF haziwezi kupunguzwa kwa njia hii; SVG hupata kichupo cha SVG (URL-encoded) badala yake.

Je, ninaweza kubadilisha mfuatano wa Base64 kuwa picha tena?

Ndiyo. Badilisha Mwelekeo kuwa Base64 hadi Picha kisha bandika data URI au Base64 tupu. Hutambua PNG, JPEG, GIF, WebP, SVG, BMP, ICO na AVIF, kisha hutoa upakuaji. Ingizo batili huonyesha hitilafu.

Kwa nini Nakili inashindwa au onyesho la awali linaonekana limekatwa kwenye picha kubwa?

Onyesho la awali huonyesha herufi 2000 za kwanza tu, lakini Nakili na Pakua hutoa thamani kamili. Mifuatano mikubwa sana inaweza kuzidi kikomo cha ubao wa kunakili wa kivinjari, kwa hivyo tumia Pakua au punguza picha kwanza.

Ndiyo. Kila zana ni bure kutumia, bila akaunti na bila kadi ya mkopo. Kazi inafanyika kwenye kifaa chako badala ya seva zetu, jambo linaloiwezesha kuwa bure kutumika.

Je, faili zangu hupakiwa?

Hapana. Faili zako hufunguliwa na kuchakatwa ndani ya kivinjari chako na hazitumwi kwa LibraTool. Baadhi ya zana kwanza hupakua injini ya uchakataji au modeli ya AI kwenye kivinjari chako; upakuaji huo hauna data yako yoyote.

Je, inafanya kazi kwenye simu?

Ndiyo. Inafanya kazi kwenye vivinjari vya kisasa vya simu vya iOS na Android, bila kusakinisha chochote. Faili kubwa sana zinaweza kuwa polepole au kuishiwa kumbukumbu kwenye simu, kwa hiyo tumia kompyuta kwa hizo.

🖼️

Picha hadi Base64 bila malipo

Badilisha picha kuwa URI ya data ya Base64 kwa matumizi ya ndani katika CSS, HTML, au Markdown. Nakili vipande vilivyoandaliwa. Inasimbwa kwenye kivinjari chako; haipakiliwi kamwe.

Ukubwa wa faili unategemea kifaa chakoFaili zinabaki faraghaHakuna kuingia kinachohitajikaBure milele

Inafanya kazi bila mtandao mara ikishapakia

Dondosha faili hapa, au bofya ili kuchagua

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · kuchakatwa kwenye kifaa chako

au bonyeza Ctrl+V ili kubandika kutoka ubao wa kunakili

Vinjari faili

Kidokezo: unaweza pia kubandika picha kutoka clipboard yako (Ctrl+V).

Faili zako hazitoki kwenye kifaa chako kamwe. Uchakataji wote unafanyika ndani ya kivinjari chako.

Badilisha picha kuwa Base64 data URI unayoweza kubandika moja kwa moja kwenye CSS, HTML, au Markdown — hakuna faili tofauti inayohitajika. Imesimbwa kwenye kivinjari chako; haipakiwa kamwe.

Matumizi ya kawaida

Tumia Picha katika CSSTumia aikoni ndogo au nyuma kama data URI katika nchi yako ya mtindo.
Tumia Picha katika HTMLTumia nembo au aikoni moja kwa moja katika HTML iliyojiandikia yenyewe.
Badilisha SVG au Aikoni kuwa Base64Badilisha aikoni ndogo kuwa data URI kwa kutumia.
Tumia Picha katika MarkdownTumia picha ndogo katika faili ya Markdown na data URI.
Pata Picha Data URITengeneza data ya kuandika: URI unayoweza kutumia mahali fulani.

Jinsi Inavyofanya Kazi

URI ya data inajengeza picha moja katika nambari chako kama maandishi, kwa hiyo inakaza bila ombi la faili tofauti — rahisi kwa alama ndogo na HTML kujisidisha. Hii inakodisha katika kivinjari chako.

1
Unadezezesha picha
Inasomwa ndani kwa FileReader API — kamwe hakupakua.
2
Inakodishwa Base64
Baiti za picha kuwa data: URI (data:image/...;base64,…) dini katika kivinjari chako.
3
Unachagua utafiti
Nakili URI ya data halisi, au CSS iliyoandaliwa (background-image), HTML (<img>), au Markdown.
4
Jambaza katika nambari chako
Picha sasa inatravel ndani kwa CSS/HTML chako — hakuna faili nzuri ya kuandaa.

Picha inakodishwa dini katika kompyuta chako. Kumbuka kwamba Base64 ni ~33% kubwa zaidi kuliko kile cha kawaida, kwa hiyo URIs ya data zinabora kwa picha ndogo.

Zana Zinazohusiana

🖼️

Steganografia ya Picha (Ficha Maandishi katika Picha)

Ficha ujumbe wa maandishi wa siri ndani ya PNG ukitumia steganografia ya biti ndogo zaidi muhimu, na usimbaji wa hiari wa AES-256-GCM wa nenosiri. Toa baadaye na zana ile ile. Kila kitu kinafanya kazi kwenye kivinjari chako.

JaribuFaili ni za ndani

🔢

Msimbo & Msimbulivu wa Base64

Simba maandishi au faili hadi Base64, au simbulivu mifuatano ya Base64 kurudi kwa maandishi ya kawaida. Wa haraka, wa faragha, na bure.

Jaribu

🔗

Kisimbaji na Kisimbuaji cha URL

Weka msimbo na usimbue URL na mifuatano ya hoja. Inaauni kipengele cha usimbaji cha URI, kipengele cha kusimbua, na uchanganuzi wa mfuatano wa hoja.