Billede til Base64

Billede til Base64 er et gratis værktøj, der konverterer en billedfil til en Base64-kodet tekststreng.

Hvad er Base64, og hvorfor bruges det?

Base64 koder det uploadede billedes binære data som tekst, så de kan sendes gennem systemer, der primært er beregnet til tekst. For hver tre byte kildedata bruges fire skrivbare tegn fra et fast defineret alfabet.

Det er nyttigt, når et format ikke kan indeholde en separat binær fil. Et billede kan placeres i en data-URL, en JSON-egenskab eller en MIME-del i en e-mail, uden at de oprindelige byte vedhæftes i deres normale binære form. Den genererede Base64-streng er kodet, ikke krypteret. Alle, der får fat i strengen, kan afkode den, så Base64 giver hverken fortrolighed eller adgangskontrol.

Et meget lille eksempel med tekstbyte viser, hvordan det fungerer.

• Inputteksten er <svg></svg>
• Base64-outputtet er PHN2Zz48L3N2Zz4=

De fleste billeder består af binære byte og ikke læsbar markup, så deres input ligner ikke teksteksemplet. Princippet er det samme for PNG, JPEG, GIF, WebP og andre billedformater.

Hvordan konverterer jeg et billede til Base64?

Vælg billedet som input, kør konverteringen, og kopiér den returnerede værdi fra feltet Base64-kodet. Værktøjet anvender PHP-funktionen base64_encode på billeddataene.

1. Vælg det billede, der skal repræsenteres som tekst.
2. Vent, mens siden behandler filen og returnerer den kodede værdi.
3. Kopiér hele strengen, inklusive eventuelle lighedstegn til sidst.
4. Tilføj den nødvendige syntaks omkring strengen, hvis destinationen forventer en data-URL, en JSON-værdi eller en anden beholder.

Behandlingen foregår på serveren. Dit billede sendes til serveren via HTTPS og gemmes ikke. Da behandlingen sker på serveren, må du ikke gå ud fra, at filen bliver på din enhed under konverteringen.

Hvordan bruger jeg den færdige Base64-streng?

Brug strengen som rå Base64, eller indsæt den i den syntaks, som det modtagende system kræver. Base64 angiver ikke i sig selv billedets format, filnavn, dimensioner eller tilsigtede brug.

I en HTML- eller CSS-data-URL står den kodede værdi normalt efter en medietype og Base64-markøren. En PNG-data-URL begynder med data:image/png;base64, umiddelbart efterfulgt af strengen. JPEG bruger image/jpeg, mens SVG ofte bruger image/svg+xml. Hvis du vælger den forkerte medietype, kan softwaren muligvis ikke vise et ellers gyldigt billede.

I JSON gemmes Base64 normalt som en streng i anførselstegn, ofte sammen med et separat felt, der angiver medietypen. Tilføj ikke et data-URL-præfiks, hvis en API specifikt beder om rå Base64. Læs API-dokumentationen, før du bruger værdien fra værktøjet, da de to typer input ikke kan bruges i stedet for hinanden.

Hvor bruges Base64 i praksis?

Du møder ofte Base64, når binære data skal sendes gennem et tekstbaseret format eller en tekstbaseret protokol. Typiske eksempler er:

• Data-URL'er, der er integreret i HTML, CSS eller genererede dokumenter.
• JSON-data, der sendes til API'er, som modtager billedindhold i en tekstegenskab.
• E-mails, hvor MIME kan kode vedhæftede filer og integrerede billeder som Base64.
• Forespørgselsstrenge, selv om almindelige Base64-tegn også kan kræve URL-kodning.
• Konfigurationsfiler og XML-dokumenter, som ikke kan indeholde vilkårlige binære byte direkte.

Internationaliserede domænenavne er et andet eksempel på data, der konverteres til et begrænset tegnsæt, men de bruger Punycode i stedet for Base64. Værdier, der placeres i en URL, kan også kræve en URL-koder, fordi standard-Base64 kan indeholde plustegn, skråstreger og lighedstegn.

Hvorfor mislykkes Base64-afkodning eller giver ulæseligt resultat?

Afkodningen kan mislykkes, fordi inputtet indeholder et medkopieret præfiks, er beskadiget eller afkortet eller ikke svarer til det Base64-format, som dekoderen forventer. Et ulæseligt resultat betyder ofte, at gyldige binære billeddata er blevet afkodet og derefter fejlagtigt vist som almindelig tekst.

• Et medkopieret præfiks kan få afkodningen til at mislykkes, hvis dekoderen kun forventer Base64. Fjern tekst som data:image/png;base64,, før du bruger en dekoder til rå Base64.
• Beskadiget eller afkortet input kan blive afkodet til et ufuldstændigt billede, som billedvisere ikke kan åbne.
• Dobbelt kodning giver endnu en Base64-streng efter den første afkodning. Det kan være nødvendigt at afkode igen, hvis kilden har kodet en værdi, der allerede var kodet.
• Forkert alfabet kan udløse en fejl, hvis dekoderen forventer en anden variant. Base64url bruger bindestreger og understregningstegn, hvor standard-Base64 bruger plustegn og skråstreger.
• Manglende udfyldning kan påvirke strikse dekodere. Standard-Base64 kan slutte med et eller to lighedstegn, selv om nogle systemer bevidst udelader dem.

Hvis det afkodede resultat er binært, skal du gemme det med den korrekte billedtype i stedet for at åbne det i en teksteditor. Base64 dekoder eller Base64 til billede kan hjælpe med den omvendte proces, forudsat at strengen er komplet og bruger det forventede format.

Valg af format og besværligt input

Standard-Base64 egner sig til e-mail, data-URL'er og systemer, der udtrykkeligt kræver formatet. Til URL-stier, forespørgselsparametre og tokens skal du bruge den variant, som det modtagende system kræver. Base64url kan være relevant, når specifikationen foreskriver det. Værktøjet bruger PHP's almindelige base64_encode-funktion, så du må ikke gå ud fra, at resultatet er Base64url.

Værktøjet koder byteindholdet i det uploadede billede. Mellemrum, tegnsætning, tal, bogstaver med accenter og ikke-latinsk tekst i en SVG eller i billedmetadata kodes som en del af disse byte. Et filnavn med sådanne tegn er adskilt fra filens indhold og repræsenteres ikke automatisk af Base64.

I PHP returnerer base64_encode en tom værdi for en tom bytestreng. Lange filer giver lange strenge, og Base64 øger antallet af byte med cirka en tredjedel, før eventuel omgivende JSON- eller data-URL-syntaks medregnes. Base64 komprimerer ikke et billede, forbedrer ikke kvaliteten og ændrer ikke pixeldimensionerne.

Ofte stillede spørgsmål

Kan jeg indsætte et Base64-billede direkte i CSS?

Ja, CSS-egenskaber, der accepterer billed-URL'er, kan bruge en korrekt udformet data-URL. Det fungerer godt til små, selvstændige elementer, men større integrerede billeder øger typografiarkets størrelse og kan ikke cachelagres separat fra CSS-filen.

Hvorfor er der linjeskift i min Base64-streng?

Værktøjet returnerer en sammenhængende værdi, fordi PHP's base64_encode ikke indsætter linjeskift. Linjeskift er opstået ved efterfølgende kopiering eller behandling et andet sted. Mange dekodere ignorerer blanktegn, men strikse API'er kan afvise dem. Brug derfor en ubrudt streng, når det modtagende systems specifikation kræver det.

Ændrer filnavnet billedets Base64-værdi?

Base64 repræsenterer filens byte, ikke filnavnet. Hvis du omdøber en uændret fil, ændres kodningen derfor ikke. Redigering af metadata, lagring af billedet på ny eller konvertering til et andet format ændrer derimod filens byte og giver en anden streng.

Kan Base64 beskytte et privat billede?

Nej, Base64 kan afkodes uden en adgangskode eller hemmelig nøgle. Brug passende kryptering, godkendelse og adgangskontrol til fortroligt materiale, og husk, at værktøjet sender billedet til sin server via HTTPS for at behandle det.

Hvordan kontrollerer jeg, at konverteringen virkede?

Afkod hele strengen, og åbn resultatet i en billedviser, der understøtter det oprindelige format. Kontrollér, at dimensionerne og det synlige indhold svarer til kilden, og behold eventuelle afsluttende udfyldningstegn, medmindre destinationen udtrykkeligt kræver, at de fjernes.