Følg dette eksempelet for å gjøre kodede bildedata om til en brukbar fil. Åpne Base64 til bilde.
Lim inn bildedataene
Åpne Base64 til bilde og lim inn en ren Base64-streng eller en fullstendig bildedata-URL. Prøv et eksempel fyller ut samme felt med et ekte PNG-eksempel. Du trenger ikke å laste opp en separat fil.
En data-URL inkluderer et prefiks som data:image/png;base64,. Ren Base64 inneholder bare de kodede tegnene. Mellomrom og linjeskift inne i dataene ignoreres.
Hvis koden din er inne i et HTML-bilde eller en CSS-deklarasjon, kopier kun data-URL-en. Det fullstendige HTML-elementet eller CSS-deklarasjonen kan ikke dekodes som et bilde.
Bruk Bilde til Base64-konverterer når du trenger å gå i den andre retningen.
Sjekk forhåndsvisningen før eksport
Velg Fortsett. Konvertereren sjekker Base64-tegnene, bildefilsignaturen, eventuell deklarert MIME-type og om nettleseren kan åpne resultatet.
En data-URL som deklarerer JPG mens den inneholder PNG bytes blir avvist. Ufullstendig tekst, filer som ikke støttes og filer over grensene blir også avvist. Dette unngår at en villedende filendelse lagres uten varsel.
Eksemplet bruker favicon-orbit.png-eksemplet, en 512 × 512 PNG som inneholder 202,491 bytes. Forhåndsvisningen skal vise det samme fargerike ikon-kunstverket. Hvis du endrer den innlimte koden i editoren, velg Forhåndsvis bilde for å sjekke erstatningen.
Forhåndsvisningen hjelper med å identifisere bildet. Ikke stol på et filnavn eller en deklarert MIME-type alene.
Eksempelet i denne veiledningen
Prøv et eksempel for å fylle ut data-URL-en for favicon-orbit.png. Velg Fortsett, bekreft 512 × 512-forhåndsvisningen, deretter Start og Last ned. Sammenlign de nedlastede PNG-bytene med kildeeksempelet.
- Dekodet format
- PNG
- Bildedimensjoner
- 512 × 512 px
- Originale bildebytes
- 202,491 bytes
- Konvertering
- Dekoding uten rekomprimering
Last ned det gjenopprettede bildet
Velg Start, deretter Last ned for å lagre decoded-image.png for dette eksemplet. Konvertereren oppdager det opprinnelige formatet; den ber deg ikke om å velge et annet.
Dekoding gjenoppretter de opprinnelige bytene. Den endrer ikke størrelse, tegner ikke på nytt eller rekomprimerer bildet, og den bevarer eksisterende metadata og GIF-animasjon. Bruk et annet bildeverktøy etter nedlasting hvis du vil endre størrelse, komprimere eller konvertere resultatet.
Det nedlastede eksemplet har de samme 202,491 bytene som kilden PNG. Det korte data-URL-utdraget som vises her er kun for illustrasjon; en avkortet streng vil ikke produsere hele bildet.
Last ned resultatet før du oppdaterer siden, noe som starter en ny arbeidsflyt.
Kjenn til formatene, grensene og personverngrensen
PNG, JPG, WebP, GIF, BMP og AVIF støttes når nettleseren kan dekode dem for forhåndsvisning. Et dekodet bilde kan være opptil 25 MB, 60 megapiksler og 16,000 piksler per side. Tekstinndataene har også en begrenset lengde. SVG-markup og vilkårlige binærfiler støttes ikke.
De innlimte dataene dekodes og forhåndsvises på enheten din uten å bli lastet opp for konvertering. Base64 er ikke kryptering: hvem som helst med den fullstendige strengen kan rekonstruere bildet.
Hold det kodede innholdet i et privat bilde privat også.
Vanlige spørsmål
Hvordan konverterer jeg Base64 til et bilde?
Lim inn en ren Base64-streng eller bildedata-URL, velg Fortsett, sjekk forhåndsvisningen, og velg deretter Start og Last ned.
Kan jeg lime inn en fullstendig HTML-bildetagg?
Bruk kun data-URL-en inne i src-attributtet. Et fullstendig HTML-element eller CSS-deklarasjon godtas ikke.
Vil bildet miste kvalitet?
Nei. Dekoding gjenoppretter de originale bildebytene uten endring av størrelse eller ny komprimering.
Kan jeg velge JPG i stedet for PNG?
Dette verktøyet gjenoppretter den kodede filen i sitt originale format. Bruk en bildekonverterer etterpå for å endre formater.
Hvorfor blir data-URL-en min avvist?
Dataene kan være ufullstendige, overskride en grense, inneholde et format som ikke støttes, eller deklarere en MIME-type som ikke samsvarer med det faktiske bildet.
Blir Base64-dataene lastet opp?
Nei. Konvertereren dekoder og forhåndsviser bildet lokalt i nettleseren din.
Gjenopprett bildet, bekreft det og lagre den originale filen.
Prøv et eksempel eller bruk din egen fil, og gå gjennom resultatet før du deler.
