Slika→Base64 kodiranje

Kodira sliku u Base64 string

Karakteristike

Podrška za fajlove i URL

Kodira i lokalne slike i slike s URL adresa na webu

Podrška za 11 izlaznih formata

Izlaz u raznim formatima poput data URL, img taga i CSS pozadine

Prebacivanje data URI formata

Prebacivanje između data URL s prefiksom i samo Base64 podataka

Pojedinačno kopiranje po formatu

Kopirajte odgovarajući izlazni format jednim klikom

Kako koristiti

Odaberite način unosa karticom

Odaberite sliku na kartici Fajl ili unesite URL slike na kartici URL

Konvertujte dugmetom za izvršenje

Pritiskom na dugme za izvršenje slika se kodira u Base64 string

Odaberite izlazni format i iskoristite ga

Provjerite prebacivanje data URI formata te kopirajte ili preuzmite izlaz prema namjeni

Primjeri upotrebe

Ubrzavanje ugradnje slika

Ugradite male slike direktno u HTML ili CSS i smanjite broj učitavanja

Priprema slika za e-mail

Ugradite slike direktno u HTML e-mail i prikažite ih bez vanjskih referenci

Postavljanje favikona

Postavite favikon bez vanjskog fajla pomoću izlaza u formatu Link taga

Prenos slika putem API-ja

Pohranite sliku u zahtjev ili odgovor API-ja u JSON ili XML formatu

Osnovano znanje

Prednosti i nedostaci pretvaranja slika u Base64

Slike pretvorene u Base64 mogu se direktno ugraditi u HTML i CSS, što za male ikone smanjuje zahtjeve za preuzimanjem slika. Međutim, količina podataka postaje oko 1,33 puta veća od izvorne, a keširanje u pregledniku postaje manje učinkovito, pa se za velike slike ne preporučuje.

Razlog zašto se kapacitet povećava oko 1,33 puta

Base64 radi tako što zamjenjuje 3 bajta podataka sa 4 znaka alfanumeričkih znakova, pa je rezultirajući niz znakova uvijek oko 1,33 puta veći od izvora (povećanje od 1/3).