Utilia
Kategooriad ▾
Keel: et ▾

Pilt Base64-ks muundur

Muuda pilt Base64-ks või data URI-ks koos kopeerimisvalmis CSS-i ja HTML-iga või dekodeeri Base64 tagasi pildiks eelvaatega. Tasuta, privaatne, üleslaadimiseta.

Pilt → Base64

Base64 → pilt

Kuidas pilti Base64-ks teisendada

  1. Lohista jaotises Pilt → Base64 pilt tõmbealale või klõpsa sellel valimiseks (PNG, JPEG, GIF, WebP, SVG, ICO, BMP, AVIF…).
  2. Vali Väljund: Data URI (data:image/png;base64,…), Ainult Base64, CSS background-image või HTML silt, mis kannab ka pildi laiust ja kõrgust.
  3. Klõpsa Kopeeri või pikkade tulemuste jaoks Laadi alla .txt-failina.

Tõmbeala all olev rida näitab tegelikku vormingut (loetud faili baitidest, mitte nimest), mõõtmeid, failisuurust ja data URI pikkust.

Kuidas Base64 tagasi pildiks teisendada

  1. Kleebi jaotises Base64 → pilt tekst väljale Base64-tekst või data URI. Võid kleepida paljast Base64-stringi, täielikku data URI-d või isegi tervet CSS-reeglit või <img> silti: data URI leitakse selle seest. Reavahetusi ja tühikuid eiratakse ning URL-ohutu Base64 (märkidega - ja _) töötab samuti.
  2. Klõpsa Dekodeeri pilt. Ilmuvad eelvaade, tüüp, mõõtmed ja suurus.
  3. Klõpsa Laadi pilt alla, et salvestada see õige faililaiendiga.

Tüüp kontrollitakse faili „maagiliste baitidega“, mis on iga pildivormingu alguses olev allkiri (näiteks 89 50 4E 47 PNG jaoks või FF D8 FF JPEG jaoks). Kui data URI väidab, et on image/jpeg, aga sisaldab PNG-d, teatab tööriist sellest ja kasutab tegelikku tüüpi. Kõik, mis ei ole tuntud pilt, lükatakse tagasi ja piir on 20 MB pildiandmeid.

Kuidas Base64 töötab

Base64 muudab faili iga 3 baiti 4 trükitavaks märgiks hulgast A–Z, a–z, 0–9, + ja /, lõpus täiteks =. Seepärast on kodeeritud tekst ligikaudu 33% suurem kui fail: 30 KB ikoonist saab umbes 40 KB teksti. Data URI lisab lühikese päise data:<tüüp>;base64,, et brauser teaks, kuidas seda lugeda.

Millal pilte data URI-dena sisse põimida

Data URI-d on käepärased:

  • väikeste ikoonide, logode ja taustade jaoks CSS-is, et päringut säästa;
  • HTML-kirjade ja ühe failina HTML-dokumentide jaoks, mis peavad töötama ilma väliste failideta;
  • JSON-API-de ja seadistusfailide jaoks, mis suudavad kanda ainult teksti.

Suurte fotode jaoks need ei sobi. Tekst on kolmandiku võrra suurem kui fail, seda ei saa vahemällu panna eraldi lehest või laadilehest, mis seda sisaldab, ning see viivitab renderdamist. Umbes 10–100 KB kohal võidab tavaliselt hea vahemällu panemisega serveeritud tavaline pildifail, mistõttu näitab tööriist üle 100 KB piltide puhul meeldetuletust.

Kõik töötab sinu brauseris: pilte ja kleebitud teksti ei laadita kunagi üles.

Korduma kippuvad küsimused

Kas Base64 on viis pildi tihendamiseks või kaitsmiseks?

Ei. Base64 muudab andmed umbes 33% suuremaks ja igaüks saab seda dekodeerida. See muudab binaarandmed ainult tekstiks, mis saab liikuda kohtades, kus binaarandmed ei saa.

Miks mu data URI ei kuvata?

Kõige tavalisemad põhjused on puuduv või vale tüüp päises, stringi keskele kleepunud tühikud või jutumärgid või kärbitud tekst. Kleebi see jaotisse Base64 → pilt: tööriist teatab sobimatud märgid ja kontrollib tegelikku tüüpi.

Kas ma saan SVG-d data URI-na kasutada?

Jah. SVG-d saab Base64-ga kodeerida nagu iga pilti. SVG puhul on URL-kodeeritud data URI (data:image/svg+xml,%3Csvg…) sageli lühem; see tööriist dekodeerib mõlemat vormi.

Kas see töötab HEIC- või AVIF-piltidega?

Kodeerimine töötab iga pildifailiga. Eelvaade ilmub ainult siis, kui sinu brauser suudab vormingut kuvada, kuid Base64-tekst ja allalaadimine on alati õiged.

Kas suurusepiirang on?

Jah, 20 MB pildiandmeid, mõlemas suunas. Suuremad stringid muudavad brauserid aeglaseks ja on veebilehel harva hea mõte.

Seotud tööriistad