Imagen a Base64

Sobre esta herramienta

Codifica cualquier imagen como un Data URI Base64 para incrustarla directamente en tu HTML, CSS o JSON — sin un archivo de imagen aparte ni una petición HTTP extra. O haz lo contrario y decodifica una cadena Base64 de vuelta a una imagen que puedes previsualizar y descargar.

Funciona con PNG, JPG, GIF, WebP y SVG, te da la cadena con o sin el prefijo data:image/…;base64,, y puede copiarla como una regla de fondo CSS lista para pegar. Todo se ejecuta en tu navegador — tu imagen nunca se sube.

Funciones

• Bidireccional — imagen → Base64, y Base64 → imagen
• Con o sin el prefijo Data URI
• Copiar como CSS — background-image: url("…")
• Descarga la imagen decodificada
• Privado — la codificación y decodificación ocurren en tu dispositivo

Cómo usarla

• Imagen → Base64 — sube una imagen y luego copia la cadena Base64 (activa o desactiva el prefijo Data URI)
• Base64 → Imagen — cambia de modo, pega un Data URI o Base64 sin procesar, y luego previsualiza y descarga la imagen
• Usa Copiar como fondo CSS para pegarlo directamente en una hoja de estilos

Preguntas frecuentes

¿Cuándo debería incrustar una imagen como Base64?

Los iconos pequeños, logotipos y fondos son buenos candidatos — incrustarlos elimina una petición HTTP. Las imágenes grandes suelen ser mejores como archivos normales, ya que Base64 es alrededor de un 33% más grande que los bytes originales.

¿Se sube mi imagen?

No. La conversión se ejecuta completamente en tu navegador.