Kuva Base64-muotoon
Muuta kuva data-URI:ksi, jonka voit liittää suoraan CSS:ään tai HTML:ään.
- Toimii laitteellasi — tiedostoa ei lähetetä minnekään
- Ei rekisteröitymistä, ei vesileimoja, ei päivittäisiä kiintiöitä
- Ilmainen, käyttökertoja ei rajoiteta
Näin se toimii
Data-URI upottaa kuvan suoraan lähdekoodiisi sen sijaan, että viittaisi erilliseen tiedostoon. Se poistaa yhden verkkopyynnön, millä on merkitystä pienille kuville, jotka muuten maksaisivat jokainen yhden edestakaisen kierroksen.
Milloin se kannattaa
Pienet kuvakkeet, logot ja yksivärigrafiikka. Noin 2 KB:n alapuolella säästetty pyyntö yleensä painaa enemmän kuin kustannus. Sen yläpuolella tavallinen tiedostoviittaus voittaa.
Kokosakko
Base64 koodaa kolme tavua neljäksi merkiksi, joten data-URI on noin 33 % tiedostoa suurempi. Sitä ei myöskään voi tallentaa välimuistiin erikseen – se ladataan uudelleen jokaisen tyylisivun tai sivun kopion mukana, joka sisältää sen.
Mihin se liitetään
Suoraan CSS:n url()-funktioon tai img-elementin src-attribuuttiin. Tuloste sisältää jo oikean mediatyypin etuliitteen.
Kuva Base64-muotoon – kysymyksiä
Miksi kokoraja on olemassa?
Data-URI:t kuuluvat lähdekoodiin, ja hyvin suuret paisuttavat jokaista sivua, joka sisältää ne. Raja on 2 MB.
Toimiiko se SVG:n kanssa?
SVG on tekstiä, joten se voidaan upottaa suoraan ilman Base64:ää, mikä on pienempi.
Lähetetäänkö kuvani palvelimelle?
Ei. Koodaus tapahtuu selaimessasi.