Perus64 on menetelmä binääridatan koodaamiseksi ASCII teksti. Base64-kuvien näyttämiseen HTML-muodossa käytetään tagi kanssa src määrite on asetettu Base64-tietojen URL-osoitteeksi, joka sisältää ASCII-tekstinä koodatun kuvadatan. Tämä menetelmä upottaa kuvat suoraan HTML:ään. Base64-kuvat ovat koodattuja binääritietoja, jotka mahdollistavat kuvien upottamisen web-sivuille ilman erillisiä tiedostoja.

Base64-kuvien näyttämisessä HTML-muodossa on useita etuja.

• Nopeampi lataus: Kuvatietojen upottaminen vähentää HTTP-pyyntöjä ja nopeuttaa sivujen latausaikoja erityisesti pienten kuvien kohdalla.
• Lisääntynyt turvallisuus: Piilottaa binääritiedot, mikä parantaa luottamuksellisuutta ja estää luvattoman käytön.
• Parannettu yhteensopivuus: Base64-kuvat toimivat kaikissa nykyaikaisissa selaimissa varmistaen yhtenäisen näytön.
• Yksinkertaistettu kehitys: Helpompi hallinta koodaamalla kuvat suoraan HTML-muotoon, jolloin vältetään erillinen tiedostojen käsittely.

Lähestymistapa:

Näytetään Perus64 HTML-kuvat sisältävät binäärikuvatietojen muuntamisen Base64-merkkijonoksi ja sen upottamisen HTML-koodiin datana URL-osoite . Tietojen URL-osoite on eräänlainen Uniform Resource Identifier (URI), joka upottaa kuvatiedot suoraan verkkosivun lähdekoodiin. Näin voit näyttää Base64-kuvan HTML-muodossa.

tehdä javassa

• Muunna kuva Base64-muotoon: Voit käyttää online-Base64-enkooderia binäärikuvatietojen muuntamiseen Base64-merkkijonoksi. Tuloksena on merkkijono, joka voidaan helposti upottaa HTML-koodiisi.
• Luo data-URL: Base64-merkkijono on käärittävä datan URL-muotoon. Tietojen URL-muoto koostuu kolmesta osasta: tietotyypistä, Base64-koodatusta tiedosta ja URL-osoitteen päätteestä. Kuvan tietotyyppi olisi tiedot:kuva/[muoto]; base64, missä [muoto] on kuvatiedoston muoto (esim. PNG, JPEG, GIF ).
• Upota tietojen URL-osoite HTML-koodiisi: Voit näyttää kuvan käyttämällä HTML-kuvatunnistetta ( ) ja aseta src attribuutti tietojen URL-osoitteeseen.

Esimerkiksi:

>

Tässä on esimerkki HTML-ohjelmasta, joka näyttää Base64-kuvien näyttämisen HTML-muodossa. Tässä esimerkissä oletetaan, että meillä on seuraava kuva.

Base64:ssä otamme huomioon kuvan data-URL-osoitteen, joka sijoitetaan src attribuutti. Tietojen URL-osoitteessa on kaksi osaa

scan.nextstring java

• Ensimmäinen osa on Base64-koodattu kuva.
• Toinen osa on kuvan Base64-koodattu merkkijono.

Esimerkki 1:

Lähtö:

npm välimuistin tyhjennysvoima

On toinen esimerkki HTML-ohjelmasta, joka näyttää kuinka Base64-kuvia voidaan näyttää HTML-muodossa. Tässä esimerkissä oletetaan, että meillä on seuraava kuva.

Base64:ssä otamme huomioon kuvan datan URL-osoitteen, joka sijoitetaan src attribuutti. Tietojen URL-osoitteessa on kaksi osaa.

• Ensimmäinen osa on Base64-koodattu kuva.
• Toinen osa on kuvan Base64-koodattu merkkijono.

Esimerkki 2:

kajal aggarwal

Lähtö:

Huomautus: Base64-kuvat voivat parantaa verkkosivujen vuorovaikutteisuutta, mutta voivat johtaa suurempiin tiedostokokoihin ja hitaampiin latausaikoihin. Varaa ne pienille kuville ja luota perinteisiin tiedostojen isännöintiin suurempien kuvien optimoimiseksi.

Johtopäätös: Base64-kuvien näyttäminen HTML-muodossa voi tarjota useita etuja, kuten nopeammat sivujen latausajat, paremman turvallisuuden, paremman yhteensopivuuden ja yksinkertaisemman kehityksen. On kuitenkin tärkeää ottaa huomioon haitat, kuten suurempi tiedostokoko ja pidemmät tiedonsiirtoajat, kun päätetään käyttääkö projekteissasi Base64-kuvia.