Sommario

Come puoi vedere sopra, ci sono due opzioni per scegliere Convertitore da Base64 a immagine e convertitore da immagine a Base64. Base64 in immagine convertirà qualsiasi stringa Base64 in formato immagine. L'immagine in Base64 convertirà l'immagine in una stringa Base64. Fare clic sull'opzione in base alle proprie esigenze.

Come utilizzare lo strumento Conversione da Base64 a Image?

Lo strumento di conversione da Base64 a immagine ti aiuterà a convertire la tua stringa codificata Base64 in un'immagine. Puoi scaricare quell'immagine facendo clic sul pulsante di download. Incolla semplicemente la tua stringa codificata Base64 nella casella di input e la convertirà automaticamente in un'immagine e l'anteprima verrà visualizzata sullo schermo. È inoltre possibile selezionare qualsiasi file di testo che contenga una stringa codificata Base64. Ci sono anche opzioni per copiare la stringa codificata Base64 e cancellare la casella di input.

Come utilizzare lo strumento di conversione da immagine a Base64?

Lo strumento di conversione da immagine a Base64 ti aiuterà a convertire qualsiasi immagine in stringa codificata Base64, codice tag immagine html e codice immagine di sfondo CSS. Basta trascinare e rilasciare l'immagine nella casella rettangolare sopra o semplicemente fare clic su di essa per selezionare il file immagine.

Non appena l'elaborazione è terminata, appariranno tre caselle di input. La prima casella di input conterrà una stringa codificata Base64. La seconda casella di input conterrà il codice del tag immagine HTML che puoi semplicemente copiare e incollare direttamente nel tuo file HTML. La terza casella conterrà il codice CSS con la proprietà dell'immagine di sfondo. Puoi copiarlo e incollarlo direttamente nel file CSS. Ci sarà anche un'opzione di download sopra ogni casella di input che ti aiuterà a scaricare i rispettivi dati in formato file di testo. Lo strumento supporta quasi tutti i formati di immagine comunemente usati.

Perché dovresti convertire la stringa Base64 in immagine?

La dimensione della stringa Base64 utilizzata nell'URI dei dati è superiore del 33% rispetto al file originale. I dati di grandi dimensioni possono influire sulle prestazioni web. La conversione di tali dati codificati in un'immagine e il suo utilizzo come file possono migliorare le prestazioni dell'applicazione web. Un altro motivo per convertire Base64 in immagine è avere un file che può essere salvato sul disco rigido e può essere visualizzato o modificato con strumenti di visualizzazione e modifica di immagini di terze parti.

Che cos'è la codifica Base64?

Base64 è la codifica testuale di dati binari. Il testo codificato non ha altro che numeri, lettere e simboli come +, / e =. È noto come uno dei modi più convenienti per archiviare o trasmettere dati binari su supporti utilizzati in modo specifico per i dati testuali. Inoltre, può essere facilmente trasmesso in cose come e-mail e dati di moduli HTML. Il processo di conversione del testo in Base64 richiede 4 caratteri per 3 byte di dati, più potenzialmente un po 'di riempimento alla fine. Il segno di uguale (=) viene utilizzato per il riempimento. La stringa codificata può anche essere passata come valore al parametro di query in un URL poiché è una variante sicura per l'URL.

Perché dovresti usare la codifica Base64?

Quando abbiamo alcuni dati binari che vogliamo trasmettere attraverso una rete, generalmente non lo facciamo trasmettendo semplicemente i bit e i byte in rete in un formato grezzo perché alcuni contenuti multimediali sono fatti per lo streaming di testo. Se lo trasmettiamo sotto forma di bit o byte, alcuni protocolli potrebbero interpretare questi dati binari come caratteri di controllo (come un modem). Tali dati binari potrebbero essere danneggiati perché il protocollo sottostante potrebbe presumere che questi dati contengano una combinazione di caratteri speciali. Ad esempio, FTP traduce le terminazioni di riga. Per aggirare questo problema, codifichiamo tali dati binari in caratteri. Base64 è uno di questi tipi di codifiche.

La stringa codificata Base64 contiene 64 caratteri ASCII che rappresentano i dati codificati. Questi 64 caratteri sono sufficienti per codificare qualsiasi dato di qualsiasi lunghezza. L'unico inconveniente della codifica base64 è che la dimensione della stringa codificata sarà del 33% in più rispetto alla stringa originale. Tutti i caratteri base64 sono presenti in molti set di caratteri e questo assicura che i dati trasmessi raggiungano sicuramente l'altra estremità senza danni. I caratteri Base64 possono essere raggruppati in 4 gruppi:

• Alfabeti maiuscoli (indici 0-25): ABCDEFGHIJKLMNOPQRSTUVWXYZ
• Alfabeti minuscoli (indici 26-51): abcdefghijklmnopqrstuvwxyz
• Cifre (indici 52-61): 0123456789
• Simboli (indici 62-63): +/

I caratteri nella stringa codificata in base64 fanno distinzione tra maiuscole e minuscole. Ciò significa che, ad esempio, quando si tenta di decodificare stringhe codificate in base64 come ab ==, Ab ==, aB == e AB ==; otterrai 4 risultati diversi. Il segno di uguale (=) non fa parte dell'indice e inoltre non è coinvolto nel processo di codifica. Viene utilizzato solo per il riempimento e noto anche come carattere di riempimento. Assicura che la stringa con codifica base64 debba essere multipla di 4 byte, motivo per cui viene sempre aggiunta alla fine della stringa codificata. Si prega di dare un'occhiata alla tabella dell'indice dei caratteri base64 riportata di seguito per una migliore comprensione.

Dove viene utilizzato Base64?

Base64 è utilizzato in vari contesti. Alcuni di loro sono riportati di seguito.

• Base64 può essere utilizzato per trasmettere e memorizzare dati di testo per evitare qualsiasi tipo di collisione del delimitatore.
• I dati binari sono incorporati nei file XML utilizzando Base64.
• Base64 viene utilizzato per codificare file binari come immagini, per evitare la dipendenza da file esterni.
• Lo schema dell'URI dei dati utilizza anche Base64 per rappresentare i file di immagine. Ecco perché un'origine immagine in un documento HTML può essere il percorso di un file esterno o un URI di dati.
• Base64 è comunemente usato per oscurare i segreti senza il sovraccarico della gestione delle chiavi crittografiche perché è semplice e facile da usare.
• Gli spammer utilizzano anche la codifica Base64 per evitare strumenti anti-spam di base perché non sono in grado di rilevare le parole chiave nei messaggi codificati.
• Nei file LDIF, Base64 viene utilizzato per codificare le stringhe di caratteri.

Che cos'è l'URL dei dati o l'URI dei dati?

Data URL o URI sta per data uniform resource locator o uniform resource identifier. È semplicemente uno schema che fornisce un meccanismo per incorporare i dati in un documento HTML. L'URI dei dati contiene una stringa codificata in base64 che rappresenta un file.

Il file può essere di diversi tipi, ma più comunemente è un file immagine. Avere dati di immagine in formato stringa con codifica base64 significa semplicemente che per visualizzare un'immagine sul Web, non è necessario specificare la posizione dell'immagine. È possibile utilizzare direttamente quella stringa codificata come valore dell'attributo di origine per visualizzare un'immagine. Ogni volta che il browser incontra l'URI dei dati, sarà in grado di decodificare il file e costruire il file originale. Lo schema dell'URI dei dati contiene informazioni sul file come il suo tipo MIME e la stringa con codifica base64. Si prega di dare un'occhiata al codice riportato di seguito.

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

A seconda della dimensione del file, la lunghezza della stringa con codifica base64 può variare. È possibile utilizzare l'URI dei dati nel file CSS e nel file HTML.

Vantaggi dell'utilizzo dell'URL dei dati o dell'URI dei dati

Il vantaggio principale dell'utilizzo dell'URI dei dati al posto del percorso del file è la riduzione del numero di richieste http in uscita. Troppe richieste http al server che richiedono ripetutamente lo stesso file possono aumentare il carico sul server. Se lo incorpori direttamente in HTML, non ci saranno più richieste in uscita poiché il file è già presente nel documento HTML in formato codificato. Il browser deve solo decodificarlo e visualizzarlo. Come accennato in precedenza, la dimensione della stringa base64 nell'URI di dati sarà del 33% in più rispetto alla dimensione effettiva del file. Riguarda l'ottimizzazione delle prestazioni e dipende strettamente dalla scelta del metodo che preferisci per caricare il file.

L'URI dei dati non viene memorizzato nella cache dal browser, quindi ogni volta che un utente visita la pagina web, il browser deve scaricare l'intero HTML e deve decodificare i dati incorporati. Un utilizzo eccessivo dell'URI di dati in HTML può danneggiare in modo significativo le prestazioni di un sito Web. È necessario mantenere il suo utilizzo il più basso possibile. Potresti non vedere molta differenza in termini di prestazioni in desktop o laptop a causa della connessione wireless ad alta velocità. Ma in caso di dispositivi mobili, che hanno una bassa velocità di Internet, danneggerà in modo significativo. Se il caricamento del tuo sito web sui dispositivi mobili richiederà troppo tempo, sicuramente ci sarà una perdita di entrate e un coinvolgimento degli utenti basso o nullo.

Supporto browser URI dati

L'URI dei dati è supportato da tutti i browser moderni. I browser più vecchi come IE5 e IE7 non lo supportano, quindi evita di usarlo se hai bisogno di supporto per quei browser o puoi provare a cercare una soluzione alternativa online. Si prega di dare un'occhiata all'elenco dei browser supportati fornito di seguito.

• Firefox versione 2+
• Opera versione 7.2+ (la lunghezza degli URI di dati non deve essere superiore a 4100 caratteri)
• Chrome (tutte le versioni sono supportate)
• Safari (tutte le versioni sono supportate)
• Internet Explorer 8+ (la dimensione degli URI di dati deve essere inferiore a 32 kb)