Imagen ↔ Base64 convierte archivos de imagen (PNG, JPG, SVG, WebP, GIF) a URIs de datos codificados en Base64 y viceversa. Arrastra, pega o haz clic para cargar una imagen; copia la cadena completa data:image/...;base64,... para incrustarla en línea en CSS, HTML o archivos de configuración. O pega un URI de datos para previsualizarlo y descargarlo como un archivo de imagen.
Las imágenes codificadas en Base64 se pueden incrustar directamente en archivos CSS, HTML o de configuración — útil para iconos pequeños, plantillas de correo electrónico o activos de compilación donde las solicitudes de imágenes externas no son adecuadas. Esta herramienta facilita la conversión. Arrastra un archivo de imagen, pégalo desde el portapapeles o haz clic para buscar. La herramienta lo convierte en un URI de datos con el tipo MIME correcto (data:image/png;base64,..., data:image/svg+xml;base64,..., etc.). El sentido opuesto también funciona — pega un URI de datos y la herramienta representará la imagen para su previsualización y ofrecerá un enlace de descarga para guardarla como un archivo real. Funciona completamente en el navegador, sin cargas — tus imágenes nunca salen de tu máquina. Maneja formatos PNG, JPG/JPEG, SVG, WebP, GIF e ICO.
Múltiples formas de cargar una imagen: arrastra un archivo desde tu sistema operativo, pégalo desde el portapapeles (las capturas de pantalla funcionan) o haz clic para abrir un selector de archivos.
Cuando pegas un URI de datos, la herramienta representa la imagen de inmediato para que puedas verificarla antes de copiarla o descargarla.
Copia la cadena completa data:image/...;base64,... lista para pegar en tu CSS, atributo src de HTML o configuración de JSON.
Sin esperas de carga — todo sucede localmente. Incluso las imágenes grandes se convierten en una fracción de segundo.
Desde un URI de datos Base64, guarda la imagen decodificada como un archivo real (PNG, JPG, SVG, etc.) con la extensión correcta.
Soporta PNG, JPG, SVG, WebP, GIF e ICO. El tipo MIME se detecta automáticamente para que tu URI de datos sea siempre correcto.
Convierte un icono de 16×16 a Base64 e inclúyelo en background-image: url(...). Sin solicitud HTTP, sin error de caché — el icono se envía con tu CSS.
Incrusta imágenes directamente en correos electrónicos HTML como URIs de datos cuando las referencias de imágenes externas son bloqueadas por los clientes o marcadas como spam.
Incluye imágenes pequeñas en la salida del paquete de webpack/vite para eliminar los viajes de ida y vuelta de activos durante el inicio de la aplicación.
Pega un URI de datos desde las herramientas de desarrollo, el código fuente HTML o un archivo CSS para previsualizar y descargar la imagen subyacente como un archivo.
Cuando una imagen incrustada no se representa, pega el URI de datos en el decodificador para verificar que el Base64 sea válido y el tipo MIME sea correcto.
Haz clic en el ícono de Imagen Base64 en el dock de DevSuite Pro. Se abre un panel de dos paneles con una zona de soltar y un campo de URI de datos.
Arrastra un archivo sobre la zona de soltar, pega una imagen desde el portapapeles (Ctrl+V) o haz clic en la zona para buscar. Aparece una vista previa.
El URI de datos Base64 se genera inmediatamente en el campo de salida — haz clic en Copiar para enviarlo a tu portapapeles, listo para pegar en línea.
Para ir de Base64 → imagen, pega un URI de datos en el campo. La vista previa representa la imagen y aparece un botón de Descarga.
Guarda la imagen reconstruida como un archivo real, o copia el URI de datos para compartirlo o incrustarlo en otro lugar.
Instala DevSuite Pro gratis y desbloquea más de 39 herramientas de desarrollador para tu navegador.
