Kehittäjätyökalu

Tiedosto Base64-muotoon

Muunna mikä tahansa tiedosto Base64-tekstiksi tai liitettäväksi data-URI-osoitteeksi.

Tiedosto Base64-muotoon Toimii laitteellasi
Pudota tiedostot tähän tai selaa napsauttamalla
Yksi tiedosto, mitä tahansa tyyppiä
Ei koskaan lähetetä palvelimelle
  • 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.

UKK

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.