Kuva Base64:ksi

Tämä kuva Base64-muuntimeksi muuttaa kuvan dataksi URI, pitkäksi tekstijonoksi, joka upottaa kuvan suoraan, sekä käyttövalmiin CSS-taustakatkelman. Voit upottaa kuvan erilliseen tiedostoon linkittämisen sijaan.

Se toimii paikallisesti selaimessasi, joten kuvasi luetaan laitteellasi eikä sitä koskaan ladata.

Data URI kuljettaa koko kuvan merkinnän sisällä, joten selain ei tee erillistä verkkopyyntöä sille fetch. Pienille resursseille, kuten kuvakkeille, tämä tallennettu edestakainen matka voi saada sivun tuntumaan nopeammalta.

Saalis on koko ja välimuisti. Base64 lisää noin 33 prosenttia yleiskustannuksia, koska se edustaa binaaridataa rajoitetulla tekstiaakkosilla, eikä upotettua kuvaa voi tallentaa erikseen välimuistiin, joten se ladataan uudelleen jokaisen sen sisältävän sivun kanssa.

Nyrkkisääntönä on upottaa pienet kuvat, kuvakkeet, pienet logot tai sprite, johon pyynnön välttäminen kannattaa, ja pitää suuremmat kuvat normaaleina tiedostoina, jotka selain voi tallentaa välimuistiin ja ladata samanaikaisesti.

Tieto-URI:t toimivat kaikkialla, missä URL hyväksytään: img src, CSS tausta tai JSON:n kenttä tai sähköpostimalli. Tämä tekee niistä käteviä itsenäisille katkelmille.