Imatge ↔ Base64 converteix fitxers d'imatge (PNG, JPG, SVG, WebP, GIF) a data URI codificats en Base64 i a la inversa. Arrossega, enganxa o fes clic per carregar una imatge; copia la cadena completa data:image/...;base64,... per incrustar-la en línia dins CSS, HTML o configuracions. O enganxa un data URI per previsualitzar-lo i descarregar-lo com a fitxer d'imatge.
Les imatges codificades en Base64 es poden incrustar directament en fitxers CSS, HTML o de configuració — útil per a icones petites, plantilles de correu electrònic o artefactes de compilació on no interessen peticions externes d'imatges. Aquesta eina fa que la conversió sigui immediata. Arrossega un fitxer d'imatge, enganxa'l des del porta-retalls o fes clic per explorar. L'eina el converteix a un data URI amb el tipus MIME correcte (data:image/png;base64,..., data:image/svg+xml;base64,..., etc.). El sentit invers també funciona — enganxa un data URI i l'eina renderitza la imatge per previsualitzar-la i ofereix un enllaç de descàrrega per desar-la com a fitxer real. Funciona totalment al navegador, sense pujades — les teves imatges mai surten del teu equip. Admet els formats PNG, JPG/JPEG, SVG, WebP, GIF i ICO.
Diverses maneres de carregar una imatge: arrossega un fitxer des del teu sistema operatiu, enganxa'l des del porta-retalls (les captures de pantalla funcionen) o fes clic per obrir un selector de fitxers.
Quan enganxes un data URI, l'eina renderitza la imatge immediatament perquè la puguis verificar abans de copiar-la o descarregar-la.
Copia la cadena completa data:image/...;base64,... llesta per enganxar-la al teu CSS, a l'atribut src d'HTML o a una configuració JSON.
Sense esperes de pujada — tot passa localment. Fins i tot les imatges grans es converteixen en una fracció de segon.
A partir d'un data URI en Base64, desa la imatge descodificada com a fitxer real (PNG, JPG, SVG, etc.) amb l'extensió correcta.
Admet PNG, JPG, SVG, WebP, GIF i ICO. El tipus MIME es detecta automàticament perquè el teu data URI sigui sempre correcte.
Converteix una icona de 16×16 a Base64 i incrusta-la en línia dins background-image: url(...). Sense petició HTTP, sense pèrdua de memòria cau — la icona viatja amb el teu CSS.
Incrusta imatges directament en correus HTML com a data URI quan els clients bloquegen les referències externes a imatges o les marquen com a spam.
Inclou imatges petites a la sortida dels paquets de webpack/vite per eliminar peticions addicionals de recursos durant l'inici de l'aplicació.
Enganxa un data URI de les eines de desenvolupament, del codi font HTML o d'un fitxer CSS per previsualitzar i descarregar la imatge subjacent com a fitxer.
Quan una imatge incrustada no es renderitza, enganxa el data URI al descodificador per verificar que el Base64 és vàlid i que el tipus MIME és correcte.
Fes clic a la icona Image Base64 al dock de DevSuite Pro. S'obre un panell de dues zones amb una zona d'arrossegament i un camp de data URI.
Arrossega un fitxer a la zona d'arrossegament, enganxa una imatge des del porta-retalls (Ctrl+V) o fes clic a la zona per explorar. Apareix una previsualització.
El data URI en Base64 es genera immediatament al camp de sortida — fes clic a Copiar per enviar-lo al teu porta-retalls, llest per enganxar-lo en línia.
Per passar de Base64 a imatge, enganxa un data URI al camp. La previsualització renderitza la imatge i apareix un botó de descàrrega.
Desa la imatge reconstruïda com a fitxer real, o copia el data URI per compartir-lo o incrustar-lo en un altre lloc.
Instal·la DevSuite Pro gratuïtament i desbloqueja més de 64 eines de desenvolupador per al teu navegador.
