# Convertidor de Imagen a Base64 Convierte imágenes a codificación Base64 con soporte para varios formatos y configuraciones de calidad > Página canónica: https://elysiatools.com/es/tools/image-to-base64 - **Categoría:** Design - **Palabras clave:** imagen, base64, codificar, convertir, uri-de-datos, incrustar ## Descripción general El Convertidor de Imagen a Base64 permite transformar archivos de imagen en cadenas de texto codificadas, facilitando su integración directa en archivos HTML, CSS o scripts sin necesidad de alojar archivos externos. ## Entradas - **Archivo de Imagen** (file): Select an image file... - **Formato de Salida** (select) - **Incluir Prefijo Data URI** (checkbox) - **Ancho Máximo (píxeles)** (number): Maximum width... - **Alto Máximo (píxeles)** (number): Maximum height... ## Cuándo usarlo - Para incrustar iconos o imágenes pequeñas directamente en el código fuente de una página web. - Al enviar datos de imágenes a través de APIs que requieren formatos de texto plano. - Para reducir las peticiones HTTP al servidor al combinar recursos visuales dentro de hojas de estilo CSS. ## Cómo funciona - Selecciona el archivo de imagen desde tu dispositivo. - Configura el formato de salida deseado y ajusta las dimensiones si es necesario. - Activa o desactiva el prefijo Data URI según tus necesidades de implementación. - Haz clic en convertir para obtener la cadena Base64 lista para copiar. ## Casos de uso - Incrustar logotipos en correos electrónicos HTML para asegurar que se visualicen sin descargar imágenes externas. - Optimizar el rendimiento de carga de componentes web pequeños mediante la eliminación de solicitudes de red adicionales. - Almacenar imágenes de perfil de usuario directamente en bases de datos como cadenas de texto. ## Preguntas frecuentes ### ¿Qué formatos de imagen son compatibles? La herramienta admite archivos en formato JPEG, PNG, WebP y GIF. ### ¿Qué es el prefijo Data URI? Es una cadena que precede al código Base64 (como 'data:image/png;base64,...') necesaria para que los navegadores reconozcan el tipo de archivo. ### ¿Existe un límite de tamaño para los archivos? Sí, el tamaño máximo permitido para la carga de archivos es de 10 MB. ### ¿Puedo cambiar el tamaño de la imagen durante la conversión? Sí, puedes definir un ancho o alto máximo en píxeles para redimensionar la imagen antes de codificarla. ### ¿La conversión afecta la calidad de la imagen? La codificación Base64 es un proceso sin pérdida de datos, aunque el tamaño del archivo resultante será aproximadamente un 33% mayor que el original. ## Herramientas relacionadas - [Generador de Data URI](https://elysiatools.com/es/tools/data-uri-generator): Convierte archivos en Data URIs (Base64 o porcentaje-codificado) para incrustar imágenes, fuentes y recursos directamente en HTML, CSS o Markdown - [Voltear Imagen (Vertical)](https://elysiatools.com/es/tools/image-flip): Voltear imágenes verticalmente (arriba a abajo) con opciones de formato de salida y calidad - [Voltear Imagen (Horizontal)](https://elysiatools.com/es/tools/image-flop): Voltear imágenes horizontalmente (izquierda a derecha) con opciones de formato de salida y calidad - [Procesador de Imágenes](https://elysiatools.com/es/tools/image-processor): Procesa imágenes con varias operaciones como redimensionar, recortar, conversión de formato y optimización - [Rotar Imagen](https://elysiatools.com/es/tools/image-rotate): Rotar imágenes por grados especificados con opciones de color de fondo y formato de salida - [Rotar Imagen por Ángulo Arbitrario](https://elysiatools.com/es/tools/image-rotate-arbitrary): Rotar imágenes por cualquier ángulo arbitrario con opciones para color de fondo y formato de salida - [Transformación Afín de Imagen](https://elysiatools.com/es/tools/image-affine): Aplicar transformación afín para escalado, rotación, cizalla y traslación - [Selector de Color de Imagen](https://elysiatools.com/es/tools/image-color-picker): Selecciona colores de imágenes especificando coordenadas. Obtiene valores de color en formatos HEX, RGB, HSL, HSV y CMYK. ## Ejemplos - [Ejemplos de Procesamiento de Imágenes Web Python](https://elysiatools.com/es/samples/web-image-processing-python): Ejemplos de procesamiento de imágenes Web Python usando PIL/Pillow incluyendo lectura, guardado, redimensionamiento y conversión de formato - [Ejemplos de Procesamiento de Imágenes Web TypeScript](https://elysiatools.com/es/samples/web-image-processing-typescript): Ejemplos de procesamiento de imágenes Web TypeScript incluyendo lectura/guardado de imágenes, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Java](https://elysiatools.com/es/samples/android-image-processing-java): Ejemplos de procesamiento de imágenes Android Java incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Kotlin](https://elysiatools.com/es/samples/android-image-processing-kotlin): Ejemplos de procesamiento de imágenes Android Kotlin incluyendo lectura/escritura, escalado y conversión de formato