Base64
Image Data URL
⚠️ Large image may freez the browser
Konvertera PNG till Base64 Data URI
Konvertera PNG-bilder till Base64 eller DataURL-format med vårt onlineverktyg. Ladda upp din bild, välj önskat format och generera kod. Kopiera resultatet för att infoga i projekt. Base64 och DataURL-utdata stöder webbutvecklingsflöden som kräver inline bilddata.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Konvertera bilder till Base64 eller Data URL
1
Ladda upp bild
Ladda upp din PNG-bild genom att klicka eller dra den till det avsedda området.
2
Välj Utdataformat
Välj antingen fliken 'Base64' eller 'DataURL' för att välja önskat utdataformat.
3
Visa Bas64 Kod
Bas64 eller DataURL-koden för din bild kommer att visas i textområdet nedanför flikarna.
4
Kopiera genererad kod
Klicka på knappen 'Kopiera' för att snabbt kopiera den genererade koden till ditt klippbord.
Integrera PNG-bilder direkt i din webbplats
Konvertera PNG-bilder till Base64 data URIs för att inkludera dem direkt i HTML. Denna metod eliminerar behovet av externa filer, minskar HTTP-förfrågningar och förbättrar webbplatsens prestanda. Utvecklare kan klistra in de genererade kodsnuttarna i sin HTML för att förenkla integrationen och förbättra laddningseffektiviteten. Lämpligt för situationer där det är viktigt att minimera externa beroenden, såsom statiska webbplatsimplementeringar eller intern resursförvaltning.
Snabbt Kopiera Konverteringskod
Använd PNG-bilder i dina projekt utan extra filer genom att generera Base64 eller DataURL-kod. Detta verktyg möjliggör direkt inbäddning av bilder i projekt genom att konvertera PNG-filer till kodade strängar. Ladda upp bilden, välj önskat format och kopiera den genererade koden för att integrera den sömlöst i ditt arbete.
Vanliga Frågor
Vad är en Base64 eller DataURL?
Base64 och DataURL är sätt att representera bilder som textsträngar. Detta gör det möjligt att infoga bilder direkt i HTML eller CSS utan att behöva separata bildfiler.
Hur använder jag detta PNG till Base64/DataURL-verktyg?
Ladda upp din PNG-bild. Klicka sedan på fliken 'Base64' eller 'DataURL' för att generera motsvarande kod. Använd 'Kopiera'-knappen för att snabbt kopiera den genererade koden.
Vad kan jag använda den genererade koden till?
Du kan använda Base64 eller DataURL-koden för att infoga bilder direkt i dina HTML-, CSS- eller JavaScript-projekt. Detta är användbart för små bilder, ikoner eller när du vill undvika externa HTTP-förfrågningar.
Finns det några begränsningar vid användning av detta verktyg?
Stora bilder kan sakta ner din dator under konverteringsprocessen. Det är bäst att använda detta verktyg för mindre till medelstora PNG-bilder.
Vilka bildformat stöds?
Detta verktyg är specifikt utformat för PNG-bilder. Andra format stöds för närvarande inte.