Skip to content
Zoyku

Imagen Base64

Convierte imágenes a data URLs base64 y viceversa: previsualiza, valida y descarga, con comparación exacta de tamaños. Todo en tu navegador.

Suelta un archivo aquí o haz clic para elegirlo

Esta herramienta funciona por completo en tu navegador. Tus datos nunca salen de tu dispositivo y no se suben a ningún servidor.

Cómo usarlo

  1. 1Suelta una imagen en el panel (o pega una desde el portapapeles) para codificarla.
  2. 2Copia el data URL — o solo el base64 — y revisa la comparación de tamaños antes de incrustar.
  3. 3Cambia a la pestaña de decodificado, pega cualquier data URL de imagen y previsualízala o descárgala.

Imagen Base64

Suelta un PNG, JPEG, GIF, WebP o SVG y obtén al instante un data:image/…;base64,… listo para pegar en CSS, HTML o JSON en línea. La herramienta muestra el tamaño del archivo original junto al del texto resultante, así ves el sobrecoste del ~33% de base64 antes de decidirte a incrustar.

Pega un data URL y la vista inversa lo decodifica: previsualiza la imagen, comprueba el MIME declarado contra los bytes reales y un botón lo guarda de nuevo como archivo. Un base64 inválido o un tipo que no es imagen da un mensaje claro en lugar de una imagen rota.

Preguntas frecuentes

¿Cuándo merece la pena incrustar una imagen como data URL?

Para iconos pequeños, avatares y placeholders de carga. Base64 hace el texto un ~33% más grande que el binario, así que por debajo de unos pocos KB suele compensar por la petición HTTP ahorrada; para fotos el sobrecoste casi siempre pesa más.

¿Por qué la versión base64 es más grande que mi archivo?

Base64 codifica cada 3 bytes como 4 caracteres de texto: una inflación fija del 33%, más el prefijo data:image/…;base64,. No se comprime ni se pierde nada; es simplemente una representación textual de los mismos bytes.

¿Qué formatos acepta el decodificador?

Todo lo que tu navegador pueda mostrar como imagen: PNG, JPEG, GIF, WebP, SVG, BMP, AVIF y más. La herramienta verifica que el base64 sea válido, que el MIME declarado sea de imagen, y avisa cuando los bytes mágicos no coinciden con el tipo declarado.

Insertar esta herramienta

Pon esta herramienta en tu sitio con una línea: se ejecuta en el navegador del visitante.

<iframe src="https://zoyku.com/es/tools/base64-image?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — base64-image" loading="lazy"></iframe>
100% local processing