Bilde ↔ Base64 konverterer bildefiler (PNG, JPG, SVG, WebP, GIF) til Base64-kodede data-URI-er og tilbake. Dra, lim inn eller klikk for å laste inn et bilde; kopier hele data:image/...;base64,...-strengen for å bygge den inn i CSS, HTML eller konfigurasjon. Eller lim inn en data-URI for å forhåndsvise og laste den ned som en bildefil.
Base64-kodede bilder kan bygges direkte inn i CSS-, HTML- eller konfigurasjonsfiler — nyttig for små ikoner, e-postmaler eller byggeartefakter der eksterne bildeforespørsler er uønsket. Dette verktøyet gjør konverteringen enkel. Dra en bildefil, lim inn fra utklippstavlen, eller klikk for å bla gjennom. Verktøyet konverterer den til en data-URI med korrekt MIME-type (data:image/png;base64,..., data:image/svg+xml;base64,... osv.). Motsatt retning fungerer også — lim inn en data-URI, og verktøyet rendrer bildet for forhåndsvisning og tilbyr en nedlastingslenke for å lagre det som en ekte fil. Fungerer helt i nettleseren, ingen opplasting — bildene dine forlater aldri maskinen din. Håndterer PNG-, JPG/JPEG-, SVG-, WebP-, GIF- og ICO-formater.
Flere måter å laste inn et bilde på: dra en fil fra OS-et ditt, lim inn fra utklippstavlen (skjermbilder fungerer), eller klikk for å åpne en filvelger.
Når du limer inn en data-URI, rendrer verktøyet bildet umiddelbart slik at du kan verifisere det før du kopierer eller laster ned.
Kopierer hele data:image/...;base64,...-strengen, klar til å limes inn i CSS-en, HTML-ens src-attributt eller JSON-konfigurasjonen din.
Ingen opplastingsventing — alt skjer lokalt. Selv store bilder konverteres på en brøkdel av et sekund.
Fra en Base64 data-URI kan du lagre det dekodede bildet som en faktisk fil (PNG, JPG, SVG osv.) med riktig filtype.
Støtter PNG, JPG, SVG, WebP, GIF og ICO. MIME-typen oppdages automatisk, slik at data-URI-en din alltid er korrekt.
Konverter et 16×16-ikon til Base64 og bygg det inn i background-image: url(...). Ingen HTTP-forespørsel, ingen cache-miss — ikonet følger med CSS-en din.
Bygg inn bilder direkte i HTML-e-poster som data-URI-er når eksterne bildereferanser blir blokkert av klienter eller merket som spam.
Inkluder små bilder i webpack/vite-buntutdata for å eliminere ekstra forespørsler for ressurser under oppstart av appen.
Lim inn en data-URI fra utviklerverktøy, HTML-kilde eller en CSS-fil for å forhåndsvise og laste ned det underliggende bildet som en fil.
Når et innebygd bilde ikke rendres, lim inn data-URI-en i dekoderen for å verifisere at Base64-en er gyldig og MIME-typen er korrekt.
Klikk på Image Base64-ikonet i DevSuite Pro-dokken. Et panel med to felt åpnes, med en dropsone og et data-URI-felt.
Dra en fil til dropsonen, lim inn et bilde fra utklippstavlen (Ctrl+V), eller klikk på sonen for å bla gjennom. En forhåndsvisning vises.
Base64 data-URI-en genereres umiddelbart i utdatafeltet — klikk Kopier for å sende den til utklippstavlen, klar til å limes inn direkte.
For å gå fra Base64 til bilde, lim inn en data-URI i feltet. Forhåndsvisningen rendrer bildet, og en Last ned-knapp vises.
Lagre det gjenoppbygde bildet som en ekte fil, eller kopier data-URI-en for å dele eller bygge den inn et annet sted.
Installer DevSuite Pro gratis og lås opp 64+ utviklerverktøy for nettleseren din.
