🖼️ Convertidor de Imagen a Base64
Convierte cualquier imagen a Base64 data URI al instante — luego cópiala como Base64 puro, una regla CSS background-image o una etiqueta HTML img, todo sin subir tu archivo.
Acerca de
Esta herramienta lee tu imagen usando la API FileReader del navegador y la codifica como cadena Base64 completamente en tu dispositivo. Puedes copiar el resultado en tres formatos listos para usar: el data URI puro (utilizable en cualquier lugar donde se acepte una URL), un fragmento CSS para background-image, o un elemento HTML img completo. El panel también muestra el tamaño original del archivo junto al tamaño codificado para que puedas evaluar el impacto. Como la codificación se ejecuta localmente, tu imagen nunca sale del navegador, lo que lo hace seguro para gráficos sensibles como logotipos o fotos privadas.
Cómo usar
- Arrastra tu imagen al área de carga o haz clic para seleccionar un archivo desde tu dispositivo.
- La herramienta codifica la imagen en tu navegador al instante y muestra los tamaños de archivo original y codificado.
- Elige el formato de copia: data URI Base64 puro, regla CSS background-image o etiqueta HTML img.
- Haz clic en el botón Copiar para copiar la cadena codificada al portapapeles, lista para pegar en tu código.
Preguntas frecuentes
- ¿Qué es un data URI en Base64?
- Un data URI en Base64 codifica el contenido binario de un archivo como texto plano en el formato data:[mime];base64,[codificado], lo que permite incrustar imágenes directamente en HTML, CSS o JSON sin una solicitud de archivo separada.
- ¿Se sube mi imagen a un servidor?
- No. La codificación utiliza la API FileReader del navegador y se ejecuta completamente en tu dispositivo. Tu imagen nunca sale de tu navegador.
- ¿Por qué el resultado en Base64 parece mucho más grande que la imagen original?
- La codificación Base64 expande los datos binarios aproximadamente un 33 % porque representa cada 3 bytes como 4 caracteres ASCII. Esto es esperado y normal.
- ¿Qué formatos de imagen puedo convertir a Base64?
- Cualquier imagen que tu navegador pueda leer: PNG, JPEG, WebP, GIF, SVG, BMP, AVIF y más. El tipo MIME se detecta automáticamente del archivo.
- ¿Cuándo debo usar imágenes en Base64 en lugar de archivos de imagen normales?
- Base64 es ideal para iconos pequeños o logotipos incrustados en un correo electrónico HTML de un solo archivo, CSS en línea o una carga útil de API JSON — lugares donde una solicitud HTTP separada añadiría latencia o no está permitida. Para imágenes grandes, una URL de archivo normal es más eficiente.