Image ↔ Base64 konverterar bildfiler (PNG, JPG, SVG, WebP, GIF) till Base64-kodade data-URI:er och tillbaka. Dra, klistra in eller klicka för att ladda en bild; kopiera den fullständiga data:image/...;base64,...-strängen för att bädda in den direkt i CSS, HTML eller konfiguration. Eller klistra in en data-URI för att förhandsgranska och ladda ner den som en bildfil.
Base64-kodade bilder kan bäddas in direkt i CSS, HTML eller konfigurationsfiler — praktiskt för små ikoner, e-postmallar eller byggartefakter där externa bildanrop inte är önskvärda. Det här verktyget gör konverteringen enkel. Dra en bildfil, klistra in från urklipp eller klicka för att bläddra. Verktyget konverterar den till en data-URI med rätt MIME-typ (data:image/png;base64,..., data:image/svg+xml;base64,... osv.). Det motsatta flödet fungerar också — klistra in en data-URI så renderar verktyget bilden för förhandsgranskning och erbjuder en nedladdningslänk för att spara den som en riktig fil. Fungerar helt i webbläsaren, inga uppladdningar — dina bilder lämnar aldrig din dator. Hanterar PNG-, JPG/JPEG-, SVG-, WebP-, GIF- och ICO-format.
Flera sätt att ladda en bild: dra en fil från ditt operativsystem, klistra in från urklipp (skärmdumpar fungerar) eller klicka för att öppna en filväljare.
När du klistrar in en data-URI renderar verktyget bilden direkt så att du kan kontrollera den innan du kopierar eller laddar ner.
Kopierar hela strängen data:image/...;base64,... redo att klistras in i din CSS, HTML-attributet src eller JSON-konfiguration.
Ingen uppladdningsväntan — allt sker lokalt. Även stora bilder konverteras på en bråkdel av en sekund.
Från en Base64-data-URI kan du spara den avkodade bilden som en riktig fil (PNG, JPG, SVG osv.) med rätt filändelse.
Stöder PNG, JPG, SVG, WebP, GIF och ICO. MIME-typen identifieras automatiskt så att din data-URI alltid blir korrekt.
Konvertera en 16×16-ikon till Base64 och bädda in den inline i background-image: url(...). Ingen HTTP-förfrågan, ingen cachemiss — ikonen levereras tillsammans med din CSS.
Bädda in bilder direkt i HTML-e-post som data-URI:er när externa bildreferenser blockeras av e-postklienter eller markeras som skräppost.
Inkludera små bilder i webpack/vite-byggresultat för att eliminera resursanrop vid appens uppstart.
Klistra in en data-URI från utvecklarverktyg, HTML-källkod eller en CSS-fil för att förhandsgranska och ladda ner den underliggande bilden som en fil.
När en inbäddad bild inte renderas, klistra in data-URI:n i avkodaren för att verifiera att Base64-koden är giltig och att MIME-typen är korrekt.
Klicka på Image Base64-ikonen i DevSuite Pro-dockan. En panel med två delar öppnas med en släppzon och ett data-URI-fält.
Dra en fil till släppzonen, klistra in en bild från urklipp (Ctrl+V) eller klicka på zonen för att bläddra. En förhandsgranskning visas.
Base64-data-URI:n genereras direkt i utdatafältet — klicka på Kopiera för att skicka den till ditt urklipp, redo att klistras in inline.
För att gå från Base64 till bild, klistra in en data-URI i fältet. Förhandsgranskningen renderar bilden och en Ladda ner-knapp visas.
Spara den återskapade bilden som en riktig fil, eller kopiera data-URI:n för att dela eller bädda in den någon annanstans.
Installera DevSuite Pro gratis och lås upp 64+ utvecklarverktyg för din webbläsare.
