Bāze64 ir metode bināro datu kodēšanai ASCII tekstu. Base64 attēlu parādīšana HTML ietver izmantošanu atzīmējiet ar src atribūts ir iestatīts uz Base64 datu URL, kas satur attēla datus, kas kodēti kā ASCII teksts. Izmantojot šo metodi, attēli tiek iegulti tieši HTML. Base64 attēli ir kodēti bināri dati, kas ļauj attēlus iegult tīmekļa lapās bez atsevišķiem failiem.

Base64 attēlu rādīšanai HTML formātā ir vairākas priekšrocības.

• Ātrāka ielāde: Attēlu datu iegulšana samazina HTTP pieprasījumu skaitu, paātrinot lapas ielādes laiku, īpaši maziem attēliem.
• Paaugstināta drošība: Slēpj bināros datus, uzlabojot konfidencialitāti un novēršot nesankcionētu piekļuvi.
• Uzlabota saderība: Base64 attēli darbojas visās mūsdienu pārlūkprogrammās, nodrošinot konsekventu attēlojumu.
• Vienkāršota izstrāde: Vienkāršāka pārvaldība, kodējot attēlus tieši HTML, izvairoties no atsevišķas failu apstrādes.

Pieeja:

Tiek rādīts Bāze64 attēli HTML ietver bināro attēla datu konvertēšanu Base64 virknē un pēc tam to iegulšanu HTML kā datus URL . Datu URL ir veids Vienotais resursa identifikators (URI), kas iegulsta attēla datus tieši tīmekļa lapas avota kodā. Lūk, kā jūs varat parādīt Base64 attēlu HTML.

mašīnraksta datuma veids

• Konvertējiet attēlu uz Base64 formātu: Varat izmantot tiešsaistes Base64 kodētāju, lai pārveidotu bināro attēla datus par Base64 virkni. Rezultāts būs rakstzīmju virkne, ko var viegli iegult jūsu HTML kodā.
• Izveidojiet datu URL: Virkne Base64 ir jāiesaiņo datu URL formātā. Datu URL formāts sastāv no trim daļām: datu tipa, Base64 kodētajiem datiem un URL beigu daļām. Attēlam datu tips būtu dati:attēls/[formāts]; base64, kur [formāts] ir attēla faila formāts (piem., PNG, JPEG, GIF ).
• Iegult datu URL savā HTML: Lai parādītu attēlu, varat izmantot HTML attēla tagu ( ) un iestatiet src atribūtu datu URL.

Piemēram:

>

Šeit ir HTML programmas piemērs, kas parāda, kā parādīt Base64 attēlus HTML. Šajā piemērā pieņemsim, ka mums ir šāds attēls.

atšķirība starp lapsu un vilku

Attiecībā uz Base64 mēs ņemsim vērā attēla datu URL, kas ir ievietots src atribūts. Datu URL ir divas daļas

• Pirmā daļa ir Base64 kodētais attēls.
• Otrā daļa ir Base64 kodētā attēla virkne.

1. piemērs:

Izvade:

Ir vēl viens HTML programmas piemērs, kas parāda, kā parādīt Base64 attēlus HTML. Šajā piemērā pieņemsim, ka mums ir šāds attēls.

amiša patela

Attiecībā uz Base64 mēs ņemsim vērā attēla datu URL, kas ir ievietots src atribūts. Datu URL ir divas daļas.

• Pirmā daļa ir Base64 kodētais attēls.
• Otrā daļa ir Base64 kodētā attēla virkne.

2. piemērs:

Izvade:

aktuāls java datums

Piezīme: Base64 attēli var uzlabot tīmekļa lapu interaktivitāti, taču var palielināt failu izmērus un lēnāku ielādes laiku. Rezervējiet tos maziem attēliem, vienlaikus paļaujoties uz tradicionālo failu mitināšanu lielākiem attēliem, lai optimizētu veiktspēju.

Secinājums: Base64 attēlu parādīšana HTML formātā var piedāvāt vairākas priekšrocības, tostarp ātrāku lapas ielādes laiku, paaugstinātu drošību, uzlabotu saderību un vienkāršotu izstrādi. Tomēr, lemjot, vai projektos izmantot Base64 attēlus, ir svarīgi ņemt vērā trūkumus, piemēram, lielākus failu izmērus un ilgāku datu pārsūtīšanas laiku.