logo

Kaip rodyti Base64 vaizdus HTML?

Bazė64 yra dvejetainių duomenų kodavimo metodas ASCII tekstą. „Base64“ vaizdų rodymas HTML apima naudojimą pažymėkite su src atributas nustatytas į Base64 duomenų URL, kuriame yra vaizdo duomenys, užkoduoti kaip ASCII tekstas. Šis metodas įterpia vaizdus tiesiai į HTML. „Base64“ vaizdai yra užkoduoti dvejetainiai duomenys, leidžiantys vaizdus įterpti į tinklalapius be atskirų failų.

„Base64“ vaizdų rodymas HTML formatu turi keletą privalumų.



  • Greitesnis įkėlimas: Vaizdo duomenų įdėjimas sumažina HTTP užklausas ir pagreitina puslapio įkėlimo laiką, ypač mažų vaizdų atveju.
  • Padidintas saugumas: Slepia dvejetainius duomenis, padidina konfidencialumą ir apsaugo nuo neteisėtos prieigos.
  • Patobulintas suderinamumas: „Base64“ vaizdai veikia visose šiuolaikinėse naršyklėse ir užtikrina nuoseklų vaizdą.
  • Supaprastintas vystymas: Lengvesnis valdymas užkoduojant vaizdus tiesiai į HTML, išvengiant atskirų failų tvarkymo.

Metodas :

Rodoma Bazė64 Vaizdai HTML apima dvejetainių vaizdo duomenų konvertavimą į Base64 eilutę ir įterpimą į HTML kaip duomenis URL . Duomenų URL yra tipas Vienodas išteklių identifikatorius (URI), kuris įterpia vaizdo duomenis tiesiai į tinklalapio šaltinio kodą. Štai kaip galite rodyti Base64 vaizdą HTML.

sąrašas ir nustatytas java
  • Konvertuokite vaizdą į Base64 formatą: Galite naudoti internetinį Base64 kodavimo įrenginį, kad dvejetainius vaizdo duomenis konvertuotumėte į Base64 eilutę. Rezultatas bus simbolių eilutė, kurią galima lengvai įterpti į HTML kodą.
  • Sukurkite duomenų URL: „Base64“ eilutė turi būti įvyniota į duomenų URL formatą. Duomenų URL formatas susideda iš trijų dalių: duomenų tipo, Base64 užkoduotų duomenų ir URL pabaigos. Vaizdo duomenų tipas būtų toks duomenys:vaizdas/[formatas]; base64, kur [formatas] yra vaizdo failo formatas (pvz., PNG, JPEG, GIF ).
  • Įterpkite duomenų URL į savo HTML: Norėdami parodyti vaizdą, galite naudoti HTML vaizdo žymą ( ) ir nustatykite src atributas duomenų URL.

Pavyzdžiui:

>

Štai HTML programos pavyzdys, rodantis, kaip HTML formatu rodyti Base64 vaizdus. Šiame pavyzdyje Tarkime, kad turime tokį vaizdą.



„Base64“ atveju atsižvelgsime į vaizdo duomenų URL, kuris yra įdėtas į src atributas. Duomenų URL susideda iš dviejų dalių

java pridėti eilutę
  • Pirmoji dalis yra „Base64“ užkoduotas vaizdas.
  • Antroji dalis yra „Base64“ užkoduota vaizdo eilutė.

1 pavyzdys:



HTMLbody> html>>>

Išvestis:

Excel datos skirtumas

Yra dar vienas HTML programos pavyzdys, rodantis, kaip HTML formatu rodyti Base64 vaizdus. Šiame pavyzdyje Tarkime, kad turime tokį vaizdą.

„Base64“ atveju atsižvelgsime į vaizdo duomenų URL, kuris yra įdėtas į src atributas. Duomenų URL sudaro dvi dalys.

  • Pirmoji dalis yra „Base64“ užkoduotas vaizdas.
  • Antroji dalis yra „Base64“ užkoduota vaizdo eilutė.

2 pavyzdys:

išmokti seleno
HTMLbody> html>>>

Išvestis:

Pastaba: „Base64“ vaizdai gali pagerinti tinklalapio interaktyvumą, tačiau dėl to gali padidėti failų dydžiai ir sulėtėti įkėlimo laikas. Rezervuokite juos mažiems vaizdams, o didesniems vaizdams pasikliaukite tradiciniu failų priegloba, kad optimizuotumėte našumą.

Išvada: „Base64“ vaizdų rodymas HTML formatu gali pasiūlyti keletą privalumų, įskaitant greitesnį puslapio įkėlimo laiką, didesnį saugumą, geresnį suderinamumą ir supaprastintą kūrimą. Tačiau sprendžiant, ar projektuose naudoti Base64 vaizdus, ​​svarbu atsižvelgti į trūkumus, pvz., didesnį failų dydį ir ilgesnį duomenų perdavimo laiką.