Pretvornik slike v Base64

Kako pretvoriš sliko v Base64

1. V razdelku Slika → Base64 spusti sliko na območje za spuščanje ali klikni nanj in jo izberi (PNG, JPEG, GIF, WebP, SVG, ICO, BMP, AVIF …).
2. Izberi Izhod: Data URI (data:image/png;base64,…), Samo Base64, CSS background-image ali Oznaka HTML , ki vsebuje tudi širino in višino slike.
3. Klikni Kopiraj ali Prenesi kot .txt za dolge rezultate.

Vrstica pod območjem za spuščanje kaže pravo obliko zapisa (prebrano iz bajtov datoteke, ne iz njenega imena), mere, velikost datoteke in dolžino data URI.

Kako pretvoriš Base64 nazaj v sliko

1. V razdelku Base64 → slika prilepi besedilo v polje Besedilo Base64 ali data URI. Prilepiš lahko golo niz Base64, celoten data URI ali celo celotno pravilo CSS ali oznako <img>: data URI se najde znotraj nje. Prelomi vrstic in presledki se prezrejo, deluje pa tudi Base64, varen za URL (z - in _).
2. Klikni Dekodiraj sliko. Prikažejo se predogled, tip, mere in velikost.
3. Klikni Prenesi sliko, da jo shraniš s pravilno končnico datoteke.

Tip se preveri s »čarobnimi bajti«, podpisom na začetku vsake oblike zapisa slike (na primer 89 50 4E 47 za PNG ali FF D8 FF za JPEG). Če data URI trdi, da je image/jpeg, vsebuje pa PNG, ti orodje to sporoči in uporabi pravi tip. Vse, kar ni prepoznana slika, je zavrnjeno, omejitev pa je 20 MB podatkov slike.

Kako deluje Base64

Base64 vsake 3 bajte datoteke spremeni v 4 tiskljive znake iz nabora A–Z, a–z, 0–9, + in /, na koncu pa kot polnilo uporabi =. Zato je kodirano besedilo približno 33 % večje od datoteke: ikona velikosti 30 KB postane približno 40 KB besedila. Data URI doda kratko glavo data:<tip>;base64,, da brskalnik ve, kako ga prebrati.

Kdaj slike vstaviti kot data URI

Data URI so priročni za:

• majhne ikone, logotipe in ozadja v CSS, da prihraniš eno zahtevo;
• e-pošto HTML in enodatotečne dokumente HTML, ki morajo delovati brez zunanjih datotek;
• API-je JSON in konfiguracijske datoteke, ki lahko prenašajo samo besedilo.

Za velike fotografije niso primerni. Besedilo je za tretjino večje od datoteke, ni ga mogoče predpomniti ločeno od strani ali slogovne datoteke, ki ga vsebuje, in upočasni izris. Nad približno 10 do 100 KB navadno zmaga običajna slikovna datoteka z dobrim predpomnjenjem, zato orodje pri slikah, večjih od 100 KB, prikaže opomnik.

Vse poteka v tvojem brskalniku: slike in prilepljeno besedilo se nikoli ne naložijo na strežnik.