Kuva Base64-muotoon
Muunna mika tahansa kuva Base64-data-URI:ksi upotettavaksi suoraan HTML:aan tai CSS:aan. Halutessasi kaaree se CSS-taustaksi ja kopioi se - kaikki tehdaan selaimessasi.
Loading…
Tietoa Kuva Base64-muotoon -tyokalusta
Tama tyokalu koodaa kuvan Base64-data-URI:ksi - tekstimerkkijonoksi muotoa data:image/png;base64,..., joka sisaltaa koko tiedoston sisaisesti. Koska kuva kulkee tekstina, voit liittaa sen suoraan HTML:aan tai CSS:aan ja ohittaa erillisen kuvapyynnon. Se on suosittu pikkukuvakkeille, sahkopostin allekirjoituksille, yhden tiedoston demoille ja pienen resurssin niputtamiseen, kun ylimaarainen HTTP-edestakaiskysely ei ole sen arvoinen.
Nain kaytat sita
- Valitse koodattava kuva.
- Kopioi luotu data-URI tai kayta CSS-tausta-kaaretta saadaksesi valmiin
background-image-saannon. - Liita se
img-tagisisrc-attribuuttiin, tyylitiedostoosi tai merkintaasi.
Yksi kompromissi kannattaa tietaa: Base64 tekee datasta noin 33 prosenttia suuremman kuin alkuperaisen binaarin, joten se sopii parhaiten pienille kuville - suuret tiedostot paisuttavat HTML:aasi tai CSS:aasi ja kannattaa yleensa jattaa tavallisiksi linkitetyiksi tiedostoiksi, jotka selain voi valimuistittaa. Sisaiset kuvat ladataan uudelleen joka sivun mukana sen sijaan etta ne valimuistitettaisiin erikseen. Koodaus tapahtuu kokonaan selaimessasi, joten kuvaa ei koskaan ladata palvelimelle.
Usein kysytyt kysymykset
Mika on Base64-data-URI?
Se on merkkijono kuten data:image/png;base64,iVBORw0... joka upottaa koko kuvan tekstina. Selaimet kohtelevat sita itsenaisena kuvalahteena, joten erillista tiedostopyyntoa ei tarvita.
Milloin minun kannattaa upottaa kuva Base64:na linkittamisen sijaan?
Upottaminen sopii pienille resursseille kuten kuvakkeille tai logolle sahkopostin allekirjoituksessa, jossa ylimaaraisen pyynnon valttaminen auttaa. Suuremmille tai uudelleenkaytetyille kuville tavallinen linkitetty tiedosto on parempi, koska selain voi valimuistittaa sen.
Tekeeko Base64 kuvasta suuremman?
Kylla. Base64-koodaus lisaa noin 33 prosenttia tavukokoon raakabinaariin verrattuna, joten se sopii huonosti suurille kuville, joita upotat HTML:aan tai CSS:aan.
Ladataanko kuva palvelimelle Base64-merkkijonon luomiseksi?
Ei. Koodaus tehdaan selaimessasi, joten tiedosto pysyy laitteellasi eika mitaan laheteta palvelimelle.