Tiedosto Base64-muotoon
Muunna mikä tahansa tiedosto Base64-tekstiksi tai liitettäväksi data-URI-osoitteeksi.
- 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
Base64 muuttaa binääritiedoston tekstiksi, jotta se voi kulkea sinne, missä vain teksti sallitaan: HTML-sivun sisään, CSS-tiedostoon, JSON-sanomaan, asetustiedostoon, sähköpostiin. Sen koodaaminen etäpalvelimella tarkoittaa tiedoston lähettämistä palvelimelle tekstin saamiseksi takaisin, mikä on outo vaihtokauppa asiasta, jonka selain voi tehdä välittömästi.
Data-URI vai pelkkä
Data-URI sisältää mediatyypin etuliitteenä, joten selain tietää, mitä se on: liitä sellainen img src -kenttään tai CSS-taustaan, niin se toimii ilman erillistä tiedostoa. Pelkkä Base64 on se, mitä haluat, kun jokin muu putkessasi antaa tyypin.
Siitä tulee noin kolmanneksen suurempi
Base64 esittää kolme tavua neljänä merkkinä, joten odota noin 33 %:n kasvua ja vähän lisäkuormaa. Se on muodon hinta, jota ei voi välttää, minkä vuoksi suoraan upottaminen kannattaa varata pienille resursseille – kuvakkeille, pienille logoille ja fonttien osajoukoille.
Milloin ei kannata upottaa
Suuri upotettu kuva tekee HTML- tai CSS-tiedostosta suuremman, sitä ei voi tallentaa välimuistiin erikseen ja sen jäsentäminen hidastuu. Nyrkkisääntö on muutama kilotavu: sen alapuolella upottaminen säästää pyynnön; sen yläpuolella tavallinen tiedostoviittaus on nopeampi.
Takaisin päin
Tämän sivuston Base64-purkaja muuttaa tekstin takaisin alkuperäiseksi tiedostoksi ja esikatselee sen, jos se on kuva.
Tiedosto Base64-muotoon – kysymyksiä
Mikä on data-URI?
Base64, johon on liitetty mediatyyppi, jotta se voidaan liittää suoraan HTML:ään tai CSS:ään ikään kuin se olisi tiedosto.
Miksi teksti on suurempi kuin tiedostoni?
Base64 koodaa kolme tavua neljänä merkkinä – noin kolmanneksen suuremmaksi. Se kuuluu muodon luonteeseen.
Pitäisikö suuret kuvat upottaa suoraan?
Ei. Muutaman kilotavun alapuolella se säästää pyynnön; sen yläpuolella tavallinen tiedostoviittaus on nopeampi.
Lähetetäänkö tiedostoni palvelimelle?
Ei. Koodaus tehdään selaimessasi.