Bilde til Base64
Konverter PNG, JPG, GIF, WebP og SVG til Base64 Data URI uten å endre bildedataene. Kopier resultatet til HTML eller CSS, eller last ned den kodede teksten.
Resultatet vises her.
Slik konverterer du et bilde til Base64
- Velg en bildefil, eller dra den inn i inndataområdet.
- Slå av linjebryting for HTML og CSS, og behold utfylling for standard Base64.
- Kod bildet, og kopier hele Data URI-en eller last ned tekstresultatet.
Slik bruker du Bilde til Base64
En Data URI inneholder medietypen og de kodede bytene. Bildet blir ikke skalert eller komprimert på nytt. Base64 øker størrelsen med omtrent en tredel; store nettbilder egner seg ofte bedre som vanlige filer.
En GIF på én piksel som Base64 Data URI
- Inndata
pixel.gif (1 × 1 px, 42 B)- Resultat
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7
Spørsmål om Bilde til Base64
Hvordan bruker jeg resultatet i HTML eller CSS?
Sett hele verdien data:image/…;base64,… inn i img src-attributtet i HTML eller url("…") i CSS. Prefikset angir bildeformatet og er ikke en del av selve Base64-dataene. Verktøyet gir deg URI-en, ikke en ferdig HTML-tagg eller CSS-regel.
Bevares gjennomsiktighet, animasjon og kvalitet?
Ja. Verktøyet koder de opprinnelige filbytene uten skalering eller ny komprimering. PNG-gjennomsiktighet, GIF-animasjon og SVG-kode bevares i dataene. Visningen avhenger fortsatt av programmet som åpner resultatet.
Hvilke bildeformater og filstørrelser støttes?
Verktøyet gjenkjenner PNG, JPEG, GIF, WebP, BMP, TIFF, AVIF og identifiserbare SVG-dokumenter ut fra innholdet. Grensen er 32 MiB per fil, én fil om gangen. Bruk Fil til Base64 for andre formater; koding garanterer ikke at nettleseren kan vise dem.
Blir filen mindre, og fungerer den i e-post?
Nei. De kodede dataene blir omtrent en tredel større, i tillegg til URI-prefikset. Innebygging kan passe for små ikoner; store bilder er ofte bedre som egne filer. E-postprogrammer og sikkerhetsregler kan blokkere data:-bilder. Test i miljøet der bildet skal brukes.
Blir filene, tokenene eller teksten min lastet opp?
Nei. Verktøyene behandler inndata i nettleseren din. Nettstedet leverer siden og programkoden, men sender ikke innholdet til en konverteringsserver og lagrer det ikke på en konto.
Verktøy til neste steg
- Base64 til bilde
Dekod Base64-bilder og Data URI-er, forhåndsvis støttede formater og last ned de opprinnelige bytene.
- Fil til Base64
Kod en hvilken som helst fil som Base64, med valgfritt Data URI-prefiks, utfylling og MIME-linjeskift.
- Koding og dekoding av HTML-entiteter
Konverter tekst til HTML-entiteter, eller dekod navngitte og numeriske tegnreferanser.
Alle utviklerverktøy
Koding og filer
Konverter tekst, byte, nettadresser og innebygde bilder uten å endre de opprinnelige dataene.
Base64-koding og dekoding
Kod UTF-8-tekst som Base64 eller dekod vanlig og URL-sikker Base64, med valgfri utfylling og linjedeling.
Base64URL-koding og dekoding
Kod tekst som URL-sikker Base64 med tegnene - og _, og dekod Base64URL uten utfylling.
Base64 til bilde
Dekod Base64-bilder og Data URI-er, forhåndsvis støttede formater og last ned de opprinnelige bytene.
Fil til Base64
Kod en hvilken som helst fil som Base64, med valgfritt Data URI-prefiks, utfylling og MIME-linjeskift.
Base64 til fil
Gjenopprett nedlastbare filer fra Base64 og Data URI-er uten å endre de dekodede bytene.
URL-koding og dekoding
Kod URL-komponenter, fullstendige nettadresser og skjemaverdier, eller dekod prosentkoding og mellomrom.
Koding og dekoding av HTML-entiteter
Konverter tekst til HTML-entiteter, eller dekod navngitte og numeriske tegnreferanser.
Unicode-inspeksjon og escape-konvertering
Se Unicode-kodepunkter, UTF-8-byte og UTF-16-enheter, og konverter Unicode-escapes for JavaScript.
Analyse av data og tekst
Les strukturerte data og tokener, og se nøyaktig hva som er endret.
Formater, komprimer og valider JSON
Formater og valider JSON uten å miste presisjon i store tall, med innrykk og rekursiv sortering av nøkler.
JWT-dekoder
Les JWT-hode og innhold, og se utløps- og aktiveringstid uten å sende tokenet til en annen tjeneste.
Sammenlign tekst
Sammenlign to tekster per linje, ord eller tegn, og fremhev endringer med mellomrom og linjeskift intakt.
Test regulære uttrykk
Test JavaScript-regex med flagg, treffposisjoner, fangstgrupper og navngitte grupper.
Hash, ID-er og tidsplaner
Kontroller filer, lag identifikatorer og se tidspunkter og gjentakende kjøringer.
MD5-hash og sjekksum
Beregn MD5 for tekst eller lokale filer, og sammenlign med en forventet sjekksum.
SHA-1-hash og sjekksum
Beregn SHA-1 for UTF-8-tekst eller filer, og sammenlign resultatet med en sjekksum.
SHA-256-hash og sjekksum
Lag SHA-256 for tekst og filer, og kontroller nedlastinger mot publiserte sjekksummer.
SHA-512-hash og sjekksum
Beregn SHA-512 for tekst og filer på enheten din, og sammenlign fullstendige heksadesimale sjekksummer.
CRC32-kalkulator
Beregn standard CRC-32 for tekst eller filer, og sammenlign heksadesimale sjekksummer med åtte tegn.
HMAC-generator
Generer HMAC-SHA-1, HMAC-SHA-256 og HMAC-SHA-512 med en hemmelig UTF-8- eller heksadesimal nøkkel.
UUID- og GUID-generator
Lag tilfeldige UUID v4 eller tidsordnede UUID v7, enkeltvis eller i grupper.
Konverter Unix-tidsstempel
Konverter Unix-sekunder, millisekunder og ISO 8601-datoer, og se samme tidspunkt i UTC eller en IANA-tidssone.
Analyser Cron-uttrykk
Valider Cron-uttrykk med fem eller seks felt, og se neste kjøringer med tidssone og sommertid.
Lag Cron-uttrykk
Bygg Cron-uttrykk med tidsfelt eller vanlige tidsplaner, og se de neste kjøringene i valgt tidssone.
Tekst og filer behandles på enheten din. Ikke la fortrolige resultater ligge på en delt utklippstavle, og bruk en enhet du stoler på til private nøkler og tokener.