Imatge a Data URI

Una data URI codifica una imatge directament com a text (Base64), de manera que la pots incrustar en línia a l'HTML (un src d'img) o al CSS (un fons) sense un fitxer a part ni una petició de xarxa addicional. Aquesta eina converteix la teva imatge en una data: URI a punt per enganxar.

La sortida és un fitxer de text pla que conté la cadena completa data:image/...;base64,... És pràctica per a icones minúscules, plantilles de correu, demostracions d'un sol fitxer o per evitar una petició de més, però el text Base64 és aproximadament un terç més gran que els bytes originals.

Tot s'executa completament en local al teu navegador (sense pujades, fins i tot sense connexió): la teva imatge no surt mai del teu dispositiu. La imatge es codifica tal com és (mateixos bytes, mateix format, sense recodificar); una imatge molt gran genera una cadena molt llarga, per això això va millor amb imatges petites.

Fitxa tècnica

En 3 passos

1. Arrossega o toca la teva imatge (PNG, JPEG o WebP).
2. Es codifica en Base64 dins d'una data: URI al teu navegador.
3. Descarrega el fitxer de text amb la data URI (a punt per enganxar).

Límits: Codifica els bytes de la imatge tal com són en Base64 dins d'una cadena data:<tipus>;base64,... desada com a fitxer de text. El Base64 és aproximadament un 33% més gran que l'original, per això va millor amb imatges petites. El format i els bytes originals es conserven (sense recodificar).

Preguntes freqüents

Eines relacionades

• Collage d'imatges
• Comprimir imatges
• Convertir PNG a SVG