> codifica | incorpora | ottimizza <
// Converti immagini in stringhe Base64 per sviluppo web e incorporamento dati
Trascina l'immagine qui o clicca per selezionare
Clicca per sfogliare i file
Elaborazione Locale
Codifica immagini 100% lato client. I tuoi file non lasciano mai il browser.
Drag & Drop
Caricamento rapido con interfaccia drag and drop. Conversione Base64 istantanea.
Senza Limiti
Codifica immagini di qualsiasi dimensione o formato. Nessuna registrazione o chiave API richiesta.
// FAQ
D: Cos'è la codifica da immagine a Base64?
R: La codifica da immagine a Base64 converte i dati binari dell'immagine in una stringa di testo usando la codifica Base64. Essenziale per incorporare immagini direttamente in HTML, CSS, email o API senza file separati.
D: Quanto è sicura la conversione da immagine a Base64?
R: Elaborazione locale 100% sicura. Tutta la codifica delle immagini avviene nel tuo browser. Zero caricamenti server. Le tue immagini non lasciano mai il tuo dispositivo.
D: Quali formati immagine sono supportati?
R: Supporta tutti i formati immagine web comuni: PNG, JPEG, GIF, WebP, SVG, BMP e altro. Mantiene la qualità e il formato dell'immagine originale.
D: Come uso le immagini Base64 in HTML?
R: Usa il formato data URI: <img src="data:image/png;base64,TUA_STRINGA_BASE64">. Perfetto per immagini inline, icone o per ridurre le richieste HTTP.
D: Ci sono limitazioni sulla dimensione dei file?
R: Nessun limite lato server. L'elaborazione avviene localmente nel tuo browser. File grandi potrebbero richiedere più tempo per la codifica ma funzioneranno.
// Formati immagine e tipi MIME comuni
| Formato | Tipo MIME |
|---|---|
| PNG | image/png |
| JPEG | image/jpeg |
| GIF | image/gif |
| WebP | image/webp |
| AVIF | image/avif |
| SVG | image/svg+xml |
// Data URI nel codice
HTML <img src="data:image/png;base64,iVBORw0KGgo..." alt="">
CSS background: url("data:image/svg+xml;base64,PHN2Zy...");
Linux base64 -w0 logo.png
macOS base64 -i logo.png
Python base64.b64encode(open('logo.png','rb').read()).decode()
Node.js fs.readFileSync('logo.png').toString('base64')
>> Altre domande
D: Perché un’immagine in Base64 è circa il 33 % più grande?
R: Base64 codifica 3 byte in 4 caratteri, cioè circa un terzo in più, che gzip compensa solo in parte. Per questo le immagini inline convengono solo per file molto piccoli (pochi KB).
D: Qual è lo svantaggio dei data URI rispetto ai file immagine?
R: Un’immagine incorporata non può essere messa in cache separatamente, appesantisce HTML o CSS e viene ritrasmessa a ogni caricamento di quel file. Per immagini più grandi è meglio un file separato.
D: Devo incorporare l’SVG in Base64?
R: Di solito no: l’SVG è testo. Un data:image/svg+xml,… con codifica URL è spesso più piccolo della versione Base64 e resta leggibile. Base64 funziona comunque ovunque.