Sisällysluettelo

Kuten yllä voit nähdä, on kaksi vaihtoehtoa valita Base64-kuvamuunnin ja kuva Base64-muunnin. Base64 kuvaksi muuntaa minkä tahansa Base64-merkkijonon kuvamuodoksi. Kuva Base64: ksi muuntaa kuvan Base64-merkkijonoksi. Napsauta vaihtoehtoa tarpeen mukaan.

Kuinka käyttää Base64 Image Converter -työkalua?

Base64-kuvamuunnin-työkalu auttaa sinua muuntamaan Base64-koodatun merkkijonon kuvaksi. Voit ladata kuvan napsauttamalla latauspainiketta. Liitä vain Base64-koodattu merkkijono syöttöruutuun ja se muuntaa sen automaattisesti kuvaksi, ja esikatselu näkyy näytöllä. Voit myös valita minkä tahansa tekstitiedoston, joka sisältää Base64-koodatun merkkijonon. Voit myös kopioida Base64-koodatun merkkijonon ja tyhjentää syöttöruudun.

Kuinka käyttää Image to Base64 Converter -työkalua?

Kuva Base64-muunnostyökalun avulla voit muuntaa minkä tahansa kuvan Base64-koodatuksi merkkijonoksi, html-kuvatunnuskoodiksi ja CSS-taustakoodikoodiksi. Vedä ja pudota kuva yksinkertaisesti yllä olevaan suorakulmaiseen ruutuun tai napsauta sitä vain valitaksesi kuvatiedosto.

Heti käsittelyn jälkeen kolme syöttöruutua ilmestyy. Ensimmäinen syöttöruutu sisältää Base64-koodatun merkkijonon. Toinen syöttöruutu sisältää HTML-kuvatunnuskoodin, jonka voit yksinkertaisesti kopioida ja liittää suoraan HTML-tiedostoon. Kolmas ruutu sisältää CSS-koodin ja taustakuvan ominaisuuden. Voit kopioida ja liittää sen suoraan CSS-tiedostoon. Jokaisen syöttöruudun yläpuolella on myös latausvaihtoehto, joka auttaa sinua lataamaan kyseiset tiedot tekstitiedostomuodossa. Työkalu tukee lähes kaikkia yleisesti käytettyjä kuvamuotoja.

Miksi sinun pitäisi muuntaa Base64-merkkijono kuvaksi?

Data URI: ssa käytetyn Base64-merkkijonon koko on 33% suurempi kuin alkuperäisessä tiedostossa. Suuret tiedot voivat vaikuttaa verkon suorituskykyyn. Koodattujen tietojen muuntaminen kuviksi ja niiden käyttäminen tiedostona voi parantaa verkkosovelluksesi suorituskykyä. Toinen syy muuntaa Base64 kuvaksi on, että sinulla on tiedosto, joka voidaan tallentaa kiintolevylle ja jota voidaan tarkastella tai muokata kolmannen osapuolen kuvien katselu- ja muokkaustyökaluilla.

Mikä on Base64-koodaus?

Base64 on binääridatan tekstikoodaus. Koodatussa tekstissä ei ole muuta kuin numeroita, kirjaimia ja symboleja, kuten +, / ja =. Se tunnetaan yhtenä kätevimmistä tavoista tallentaa tai lähettää binääritietoja tietovälineelle, jota käytetään nimenomaan tekstitietoihin. Lisäksi se voidaan helposti siirtää esimerkiksi sähköpostissa ja HTML-lomaketiedoissa. Teksti Base64-muunnosprosessiin vie 4 merkkiä 3 tavua dataa, plus mahdollisesti hieman täytettä lopussa. Yhtenäisyysmerkkiä (=) käytetään pehmusteena. Koodattu merkkijono voidaan välittää myös arvona URL-osoitteen kyselyparametrille, koska se on URL-turvallinen muunnos.

Miksi sinun pitäisi käyttää Base64-koodausta?

Kun meillä on joitain binääritietoja, jotka haluamme lähettää verkon yli, emme yleensä tee sitä suoratoistamalla bitit ja tavut langan yli raakamuodossa, koska osa mediasisällöstä on tehty tekstin suoratoistoa varten. Jos lähetämme sen bittien tai tavujen muodossa, jotkut protokollat ​​saattavat tulkita tämän binääridatan ohjausmerkeiksi (kuten modeemi). Tällaiset binaaritiedot voivat vioittua, koska taustalla oleva protokolla saattaa olettaa, että nämä tiedot sisältävät joitain erikoismerkkien yhdistelmiä. Esimerkiksi FTP kääntää rivinpäätteet. Tämän ongelman kiertämiseksi koodaamme tällaiset binaaritiedot merkkeihin. Base64 on yksi näistä koodaustyypeistä.

Base64-koodattu merkkijono sisältää 64 ASCII-merkkiä, joka edustaa koodattua tietoa. Nämä 64 merkkiä riittävät koodaamaan minkä tahansa pituisen datan. Base64-koodauksen ainoa haittapuoli on, että koodatun merkkijonon koko on 33% suurempi kuin alkuperäisessä merkkijonossa. Kaikki base64-merkit ovat läsnä monissa merkistöissä, mikä varmistaa, että lähetetyt tiedot pääsevät varmasti toiseen päähän vahingoittumattomina. Base64-merkit voidaan ryhmitellä 4 ryhmään:

• Isot aakkoset (indeksit 0-25): ABCDEFGHIJKLMNOPQRSTUVWXYZ
• Pienet aakkoset (indeksit 26-51): abcdefghijklmnopqrstuvwxyz
• Numerot (indeksit 52-61): 0123456789
• Symbolit (indeksit 62-63): +/

Base64-koodatun merkkijonon merkit erottavat kirjainkoon. Tämä tarkoittaa, että esimerkiksi yritettäessä purkaa base64-koodatut merkkijonot, kuten ab ==, Ab ==, aB == ja AB ==; saat 4 erilaista tulosta. Yhtälömerkki (=) ei ole osa hakemistoa eikä myöskään osallistu koodausprosessiin. Sitä käytetään vain pehmusteena ja tunnetaan myös nimellä pehmuste. Se varmistaa, että base64-koodatun merkkijonon tulee olla moninkertainen 4 tavusta, minkä vuoksi se liitetään aina koodatun merkkijonon loppuun. Tutustu alla olevaan base64-merkkihakemistotaulukkoon ymmärtämisen parantamiseksi.

Jos Base64: ää käytetään?

Base64: ää käytetään erilaisissa yhteyksissä. Jotkut niistä on esitetty alla.

• Base64: ää voidaan käyttää tekstidatan lähettämiseen ja tallentamiseen kaikenlaisen rajaajan törmäyksen välttämiseksi.
• Binaaritiedot upotetaan XML-tiedostoihin Base64: n avulla.
• Base64: ää käytetään koodaamaan binaaritiedostoja, kuten kuvia, välttämään riippuvuutta ulkoisista tiedostoista.
• Data-URI-malli käyttää myös Base64-kuvaa kuvatiedostojen esittämiseen. Siksi HTML-asiakirjan kuvalähde voi olla polku ulkoiseen tiedostoon tai data-URI: hen.
• Base64: ää käytetään yleisesti peittämään salaisuuksia ilman salausavainten hallinnan yleiskustannuksia, koska se on yksinkertainen ja helppo käyttää.
• Roskapostittajat käyttävät myös Base64-koodausta välttääkseen perus roskapostin estotyökalut, koska he eivät tunnista avainsanoja koodatuissa viesteissä.
• LDIF-tiedostoissa Base64: ää käytetään merkkijonojen koodaamiseen.

Mikä on tietojen URL-osoite tai tietojen URI?

Data URL tai URI tarkoittaa yhdenmukaista tietolähdekoodia tai yhtenäistä resurssitunnistetta. Se on yksinkertaisesti järjestelmä, joka tarjoaa mekanismin tietojen sisällyttämiseksi HTML-dokumenttiin. Data URI sisältää base64-koodatun merkkijonon, joka edustaa tiedostoa.

Tiedosto voi olla erityyppistä, mutta yleisimmin se on kuvatiedosto. Jos kuvatiedot ovat base64-koodatussa merkkijonomuodossa, yksinkertaisesti se tarkoittaa, että kuvan näyttämiseksi verkossa ei tarvitse määrittää kuvan sijaintia. Voit käyttää koodattua merkkijonoa suoraan lähdeattribuutin arvona kuvan näyttämiseen. Aina kun selain kohtaa datan URI: n, se pystyy purkamaan tiedoston ja rakentamaan alkuperäisen tiedoston. Data URI -malli sisältää tietoja tiedostosta, kuten sen MIME-tyypistä sekä base64-koodatusta merkkijonosta. Ole hyvä ja katso alla oleva koodi.

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

Tiedoston koosta riippuen base64-koodatun merkkijonon pituus voi vaihdella. Voit käyttää data-URI: ta CSS-tiedostossa sekä HTML-tiedostossa.

Datan URL-osoitteen tai URI-tietojen käytön edut

Suurin etu datan URI: n käyttämisestä tiedostopolun sijaan on vähentää lähtevien http-pyyntöjen määrää. Liian monta http-pyyntöä palvelimelle, joka pyytää samaa tiedostoa uudestaan ​​ja uudestaan, voi lisätä palvelimen kuormitusta. Jos upotat sen suoraan HTML-muotoon, lähteviä pyyntöjä ei enää ole, koska tiedosto on jo HTML-dokumentissa koodatussa muodossa. Selaimen on vain purettava se ja näytettävä se. Kuten edellä mainittiin, base64-merkkijonon koko data-URI: ssä on 33% suurempi kuin todellinen tiedostokoko. Kyse on suorituskyvyn optimoinnista ja riippuu tiukasti valitsemastasi menetelmästä, jonka haluat ladata tiedoston.

Selain ei tallenna välimuistiin tietojen URI: tä, joten joka kerta, kun käyttäjä vierailee verkkosivulla, selaimen on ladattava koko HTML ja sen on purettava upotetut tiedot. Liian suuri URI-tietojen käyttö HTML-muodossa voi merkittävästi vahingoittaa verkkosivuston suorituskykyä. Sinun on pidettävä sen käyttö mahdollisimman vähäisenä. Nopean langattoman yhteyden takia et ehkä näe paljon eroa työpöydän tai kannettavan tietokoneen suorituskyvyssä. Mutta jos kyseessä on mobiililaite, jonka internetyhteys on hidasta, se vahingoittaa merkittävästi. Jos verkkosivustosi lataaminen mobiililaitteisiin vie liian paljon aikaa, tulojen menetys ja käyttäjien sitoutuminen ovat vähäisiä.

Data URI -selaimen tuki

Data URI: ta tukevat kaikki modernit selaimet. Vanhemmat selaimet, kuten IE5 ja IE7, eivät tue sitä, joten vältä sen käyttöä, jos tarvitset tukea näille selaimille tai voit yrittää etsiä vaihtoehtoista ratkaisua verkosta. Katso alla oleva tuettujen selainten luettelo.

• Firefox-versio 2+
• Opera-versio 7.2+ (URI-tietojen pituus saa olla enintään 4100 merkkiä)
• Chrome (kaikki versiot ovat tuettuja)
• Safari (kaikki versiot ovat tuettuja)
• Internet Explorer 8+ (Tietojen URI-tiedostojen koon on oltava alle 32 kt)