Codificatore e decodificatore di immagini Base64 — strumento gratuito di conversione online
Codificatore e decodificatore di immagini Base64
Converta immagini in Base64 e viceversa. Supporta PNG, JPEG, GIF, WebP, BMP, SVG e ICO. Output come Data URI, <img> HTML, background-image CSS, Markdown, JSON o XML. Tutta l'elaborazione avviene localmente nel suo browser — le sue immagini non vengono mai caricate su nessun server.
Direzione:
Formato:
Carica immagine
📷
Clicchi per scegliere oppure trascini qui un'immagine
⚠ Immagine grande (>5 MB). Il Base64 codificato sarà molto lungo. Valuti prima una compressione.
Formato:
-
Dimensioni:
-
Dimensione file:
-
Dimensione Base64:
-
Output (Base64)
Codifica: Immagine → Base64 Carichi o trascini un'immagine per codificarla in Base64. Scelga tra 7 formati di output: Data URI (da incorporare direttamente nelle pagine web), Base64 grezzo, <img> HTML, background-image CSS, Markdown, JSON o XML. Decodifica: inverta la direzione per decodificare una stringa Base64 in un'immagine: incolli un Base64 o un Data URI e visualizzi l'anteprima. Il formato dell'immagine viene rilevato automaticamente dai byte iniziali (PNG, JPEG, GIF, WebP, BMP, ICO, SVG). Sicuro per URL: sostituisce + con - e / con _, e rimuove il riempimento = finale. Formati supportati: PNG, JPEG, GIF, WebP, BMP, SVG, ICO. Privacy: tutta l'elaborazione avviene localmente nel suo browser — le sue immagini non vengono mai caricate.
Quando conviene incorporare le immagini
Incorporare un'immagine come data URI fa risparmiare una richiesta HTTP, ma il testo Base64 è circa il 33% più grande dei byte grezzi e non può essere memorizzato nella cache separatamente dalla pagina. Questo compromesso vale per icone piccole e grafiche usate una sola volta, e di solito non conviene per foto e risorse ripetute.
Regola pratica: incorpori le immagini sotto pochi KB — per tutto ciò che è più grande, un file immagine memorizzato nella cache vince alle visite successive.
🔷 Informazioni sull'immagine in Base64
Formati di output 7 formati per diversi casi d'uso.
Data URI data:image/png;base64,...
Base64 grezzo Solo la stringa Base64 semplice
HTML Tag <img src="...">
CSS background-image: url(...)
Markdown / JSON / XML Da incorporare in documenti, API e configurazioni