UTILYARD
tools / image

Imagen a Base64

Convierte cualquier imagen a una cadena codificada en Base64 para incrustar en HTML, CSS o JSON.

Arrastra una imagen aquí o haz clic para subir

PNG, JPG, GIF, SVG, WebP

Preguntas frecuentes

¿Qué es la codificación de imágenes en Base64?
La codificación Base64 convierte datos binarios de imagen en texto ASCII. Esto te permite incrustar imágenes directamente en HTML, CSS o JSON sin necesitar una URL de archivo separada.
¿Cómo uso una imagen Base64 en HTML?
Úsala como atributo src: <img src="data:image/png;base64,TU_BASE64_AQUÍ">. También puedes usarla en CSS: background-image: url("data:image/png;base64,...").
¿Por qué la salida Base64 es más grande que el archivo original?
La codificación Base64 aumenta el tamaño del archivo aproximadamente un 33 % porque representa cada 3 bytes de datos binarios como 4 caracteres ASCII. Úsala para imágenes pequeñas — para imágenes grandes, una URL es más eficiente.
¿Esta herramienta sube mi imagen a algún lugar?
No. La conversión ocurre completamente en tu navegador usando la API FileReader. Tu imagen nunca sale de tu dispositivo.

ACERCA DE ESTA HERRAMIENTA

Upload any image and get a Base64-encoded string you can paste directly into an HTML src attribute, CSS background, or JSON payload. Useful for embedding small icons or images in a single file without a separate network request.

GUÍAS RELACIONADAS

¿Qué es una URL de datos?
Cómo las URL de datos incrustan archivos directamente en HTML y CSS usando Base64, la sintaxis, cuándo mejoran el rendimiento y cuándo evitarlas.
Leer →