Tresnak
Irudia Base64 bihurtu
Bihurtu irudi bat Base64 kate, zure HTMLan edo CSSan itsasteko prest.
Jaregin irudiak hemen
edo egin klik fitxategiak hautatzeko, edo itsatsi arbeletik
Tresna honi buruz
Irudi bat Base64 formatuan kodetzeak kodean zuzenean txertatzeko aukera ematen du, aparteko fitxategirik gabe: ikono txiki bat CSS orri baten barruan, logotipo bat mezu elektroniko baten HTML sinaduran, irudi bat API baterako JSON baten barruan, edo konexiorik gabe ibili behar duen txantiloi bateko baliabide bat. Horrela, zerbitzariari eskaera bat edo eranskin bat aurrezten duzu.
Jaregin irudi bat edo gehiago kargatzeko eremuan, hautatu klik batez edo itsatsi Ctrl+V bidez. Irudi bakoitza bere miniaturarekin, pisuarekin eta kodearekin agertzen da testu-koadro batean. Sakatu «Kopiatu data URIa» kate osoa lortzeko (data:image/png;base64,…), src baterako edo CSSko url() baterako prest, edo «Kopiatu Base64» kodetutako datuak bakarrik behar badituzu.
Kodeketa zure nabigatzailean egiten da: irudiak ez dira inongo zerbitzarira bidaltzen. Gehienez 5 MB-ko irudi-fitxategiak onartzen dira, orria blokea ez dadin. Gogoratu Base64ak jatorrizko fitxategiak baino % 33 inguru gehiago hartzen duela; beraz, irudi txikietarako gordetzea komeni da. Tresnak ez du irudiaren tamaina aldatzen ezta konprimitzen ere.
Ohiko galderak
Zer desberdintasun dago Base64 eta data URI artean?
Base64a kodetutako datuak baino ez da. Data URIak fitxategi-mota gehitzen dio aurrean (data:image/png;base64,), eta hori behar duzu HTMLko src batean edo CSSko url() batean erabiltzeko.
Nola erabili Base64 irudi bat HTMLan edo CSSan?
HTMLan, itsatsi data URIa img etiketa baten src atributuan. CSSan, jarri url() barruan, adibidez background-image propietatean.
Zergatik hartzen du kodeak irudiak baino gehiago?
Base64ak 3 byte bakoitza 4 karakterez adierazten ditu; beraz, lortzen den testua jatorrizko fitxategia baino herenez handiagoa da, gutxi gorabehera.
Noiz ez da komeni Base64 irudiak erabiltzea?
Irudi handiekin edo orri askotan errepikatzen direnekin: HTMLaren edo CSSaren tamaina handitzen dute, eta nabigatzaileak ezin ditu cachean bereiz gorde.