Billede ↔ Base64 konverterer billedfiler (PNG, JPG, SVG, WebP, GIF) til Base64-kodede data-URI'er og tilbage igen. Træk, indsæt eller klik for at indlæse et billede; kopiér hele data:image/...;base64,...-strengen for at indlejre den direkte i CSS, HTML eller konfigurationsfiler. Du kan også indsætte en data-URI for at forhåndsvise og downloade den som en billedfil.
Base64-kodede billeder kan indlejres direkte i CSS-, HTML- eller konfigurationsfiler — praktisk til små ikoner, e-mailskabeloner eller build-artefakter, hvor eksterne billedanmodninger ikke er ønskværdige. Dette værktøj gør konverteringen ubesværet. Træk en billedfil, indsæt fra udklipsholderen, eller klik for at gennemse. Værktøjet konverterer den til en data-URI med den korrekte MIME-type (data:image/png;base64,..., data:image/svg+xml;base64,... osv.). Det modsatte fungerer også — indsæt en data-URI, og værktøjet gengiver billedet til forhåndsvisning og tilbyder et downloadlink, så du kan gemme det som en rigtig fil. Fungerer udelukkende i browseren, ingen upload — dine billeder forlader aldrig din maskine. Understøtter PNG, JPG/JPEG, SVG, WebP, GIF og ICO.
Flere måder at indlæse et billede på: træk en fil fra dit OS, indsæt fra udklipsholderen (skærmbilleder virker også), eller klik for at åbne en filvælger.
Når du indsætter en data-URI, gengiver værktøjet billedet med det samme, så du kan verificere det, før du kopierer eller downloader.
Kopierer hele data:image/...;base64,...-strengen, klar til at indsætte i din CSS, HTML src-attribut eller JSON-konfiguration.
Ingen ventetid på upload — alt sker lokalt. Selv store billeder konverteres på en brøkdel af et sekund.
Ud fra en Base64 data-URI kan du gemme det afkodede billede som en rigtig fil (PNG, JPG, SVG osv.) med den korrekte filendelse.
Understøtter PNG, JPG, SVG, WebP, GIF og ICO. MIME-typen registreres automatisk, så din data-URI altid er korrekt.
Konvertér et 16×16-ikon til Base64 og indlejr det i background-image: url(...). Ingen HTTP-anmodning, intet cache miss — ikonet følger med din CSS.
Indlejr billeder direkte i HTML-e-mails som data-URI'er, når eksterne billedreferencer blokeres af mailklienter eller markeres som spam.
Inkludér små billeder i webpack/vite-bundle-output for at eliminere ekstra asset-forespørgsler under app-opstart.
Indsæt en data-URI fra udviklerværktøjer, HTML-kildekode eller en CSS-fil for at forhåndsvise og downloade det underliggende billede som en fil.
Når et indlejret billede ikke vises korrekt, kan du indsætte data-URI'en i afkoderen for at verificere, at Base64-koden er gyldig, og at MIME-typen er korrekt.
Klik på Image Base64-ikonet i DevSuite Pro-dokken. Et panel med to felter åbnes med en dropzone og et data-URI-felt.
Træk en fil til dropzonen, indsæt et billede fra udklipsholderen (Ctrl+V), eller klik på zonen for at gennemse. En forhåndsvisning vises.
Base64 data-URI'en genereres straks i outputfeltet — klik på Kopiér for at sende den til din udklipsholder, klar til at indsætte direkte.
For at gå fra Base64 til billede, indsæt en data-URI i feltet. Forhåndsvisningen gengiver billedet, og en downloadknap vises.
Gem det rekonstruerede billede som en rigtig fil, eller kopiér data-URI'en for at dele eller indlejre den et andet sted.
Installer DevSuite Pro gratis og lås op for 64+ udviklerværktøjer til din browser.
