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:
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 selenoHTML
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ą.