Elysia Tools
Navegación
Design
Convierte imágenes a codificación Base64 con soporte para varios formatos y configuraciones de calidad
Ejecución
Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.
Ejemplos
Relacionado
Guía de uso de la herramienta
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.
Contexto
Un desarrollador necesita incluir un icono de carga pequeño en un archivo CSS para evitar una petición HTTP adicional.
Problema
El icono debe estar disponible inmediatamente al cargar el estilo.
Cómo usarlo
Sube el archivo `icono.png`, mantén el prefijo Data URI activado y convierte.
includeDataUri: true, outputFormat: 'png'Resultado
Obtienes una cadena lista para usar en la propiedad 'background-image: url(...)' de tu CSS.
Contexto
Una API requiere que las imágenes de avatar tengan un tamaño máximo de 200x200 píxeles.
Problema
Las imágenes originales son demasiado grandes y exceden el límite de caracteres de la API.
Cómo usarlo
Carga la imagen, configura el ancho y alto máximo a 200, y convierte.
La herramienta admite archivos en formato JPEG, PNG, WebP y GIF.
Es una cadena que precede al código Base64 (como 'data:image/png;base64,...') necesaria para que los navegadores reconozcan el tipo de archivo.
Sí, el tamaño máximo permitido para la carga de archivos es de 10 MB.
Sí, puedes definir un ancho o alto máximo en píxeles para redimensionar la imagen antes de codificarla.
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.
maxWidth: 200, maxHeight: 200, includeDataUri: falseResultado
Una cadena Base64 optimizada y redimensionada, lista para ser enviada en el cuerpo de una solicitud JSON.