Convertitore da immagine a Base64
Privacy by design — tutto gira nel tuo browser
Converti qualsiasi immagine in un data URI Base64 nel browser, pronto da incorporare inline in HTML, CSS o JSON. Toova gestisce ogni formato comune, genera data URI validi e non carica mai la tua immagine — utile per piccole icone, template email e documenti autonomi.
Quando incorporare un'immagine inline
Le immagini piccole (icone sotto qualche KB) spesso si renderizzano più velocemente come data URI inline rispetto a richieste HTTP separate, perché saltano il roundtrip. I template email incorporano frequentemente le immagini inline perché molti client di posta bloccano il caricamento esterno per default. I documenti HTML autonomi (guide offline, report scaricabili) hanno bisogno di tutto in un unico file. Toova converte qualsiasi immagine in un data URI Base64 che puoi incollare direttamente in src, background-image o un campo JSON.
Considerazioni su formato e dimensione
La codifica Base64 aggiunge circa il 33% alla dimensione del file, quindi incorporare inline è un vantaggio solo per le immagini piccole. Oltre circa 5-10 KB, la richiesta HTTP separata è di solito più veloce del payload inline gonfiato. Toova mostra la dimensione originale, la dimensione codificata e la percentuale di overhead così puoi decidere. Ogni formato comune (PNG, JPEG, SVG, WebP, GIF) è supportato.
Solo locale
L'immagine viene letta e codificata interamente nel browser, senza contattare nessun server esterno. Il file non viene mai caricato, e non c'è log del contenuto da parte di nessun servizio. Questo conta quando l'immagine è un mockup non ancora pubblicato, una foto di cliente o qualsiasi asset proprietario protetto da NDA. La scheda Rete resterà vuota durante la codifica e la pagina funziona offline dopo il primo caricamento.
Domande frequenti
- Quando dovrei incorporare un'immagine inline?
- Per immagini molto piccole (sotto qualche KB) che appaiono above the fold, l'incorporazione inline può velocizzare il rendering evitando la richiesta HTTP extra. Per immagini più grandi, l'overhead di codifica (circa il 33%) supera la richiesta risparmiata.
- Quali formati sono supportati?
- PNG, JPEG, SVG, WebP, AVIF e GIF. SVG si incorpora particolarmente bene perché resta testuale, quindi l'overhead di codifica è minimo.
- Il data URI è sicuro da usare in CSS?
- Sì. Avvolgilo in url() con virgolette attorno al data URI stesso. L'output che Toova produce è già URL-safe e funziona direttamente in background-image, mask-image e qualsiasi proprietà che accetti un URL.
- Posso decodificare un data URI in un'immagine?
- Sì. Incolla un data URI e Toova lo decodifica nell'immagine originale, pronta per il download. Utile per estrarre immagini incorporate da file HTML o CSS.
- La mia immagine viene inviata da qualche parte?
- No. La codifica avviene interamente nel browser.