Immagine a Base64
Converti immagini in stringhe Base64 per incorporarle in HTML e CSS. Supporta JPG, PNG, GIF, WebP. Strumento gratuito per sviluppatori.
Trascina un'immagine qui
o clicca per sfogliare
PNG, JPG, GIF, SVG, WebP
Dimensione file
Dimensioni
Tipo
Base64
Copiato
Copia non riuscita. Seleziona il risultato e copialo manualmente.
Strumenti popolari
Il formato viene identificato dai dati, poi il browser deve decodificarli. La codifica legge i byte originali senza ricodifica Canvas. Base64 occupa più spazio; usalo per piccole icone o integrazione JSON/HTML/CSS.
Questi comandi elaborano i file selezionati con le API del browser. Pubblicità e altri servizi del sito hanno un comportamento separato. Il supporto di decodifica e codifica varia. Canvas esporta un’immagine renderizzata; animazione, profili colore, metadati e conservazione/rimozione EXIF non sono garantiti. Le dimensioni seguono l’immagine decodificata, inclusa l’orientazione applicata dal decoder. Conserva l’originale.
Informazioni su Immagine a Base64
Converti immagini in stringhe Base64 codificate. Incorpora immagini direttamente in HTML/CSS.
Codifica i byte originali come URI di dati, Base64 puro, HTML o CSS, oppure decodifica Base64 di immagini per anteprima e download. Questi comandi elaborano i file selezionati con le API del browser. Pubblicità e altri servizi del sito hanno un comportamento separato. Il supporto di decodifica e codifica varia. Canvas esporta un’immagine renderizzata; animazione, profili colore, metadati e conservazione/rimozione EXIF non sono garantiti. Le dimensioni seguono l’immagine decodificata, inclusa l’orientazione applicata dal decoder. Conserva l’originale.
Il Base64 PNG puro non include il prefisso URI; HTML esegue l’escape del nome usato come testo alternativo.
Questo flusso ammette fino a 100 MiB per file, 100 milioni di pixel e 32767 pixel per lato. Il browser può avere limiti inferiori.
Casi d'uso
Come usare
Carica o trascina un immagine
Visualizza l output Base64
Copia il data URL
Usa nel tuo HTML/CSS
Scegli Codifica e seleziona o trascina un’immagine.
Controlla tipo, dimensioni e peso originale.
Scegli URI di dati, Base64 puro, HTML o CSS.
Copia il risultato; in caso di errore copia manualmente.
Scegli Decodifica, incolla Base64 o un URI coerente, attendi l’anteprima e scarica.
Reimposta il file prima di riprovare.
Suggerimenti Pro
- Migliore per immagini sotto 10KB
- Immagini più grandi aumentano dimensione pagina
- Includi tipo MIME nel data URL
- Conserva l’originale, controlla bordi e trasparenza nell’anteprima e confronta i byte prima dell’uso.
Domande frequenti
Elimina una richiesta HTTP - ottimo per immagini piccole.
Si - PNG, JPG, GIF, SVG, WebP, ecc.
Immagini grandi - l aumento di dimensione del 33% rende i file troppo pesanti.
Sì. I byte identificano JPEG e il download usa .jpg; una dichiarazione PNG per byte JPEG viene rifiutata.
PNG, JPEG, WebP, GIF, BMP, SVG e altri dati riconosciuti richiedono un decoder nel browser. Dati danneggiati o non supportati mostrano un errore.
Immagini grandi aumentano testo e pagina. Un URI può evitare una richiesta separata, ma il supporto dipende dall’applicazione destinataria.