Simulador de respuesta de API de compresión de imágenes
Pega cualquier URL de imagen para simular cómo rendirían JPEG, WebP y AVIF como respuestas de API. Consulta los tamaños comprimidos exactos, el ahorro porcentual frente a JPEG y el ahorro de ancho de banda cada 1K hasta 1M de páginas vistas, todo calculado localmente en tu navegador. Sin registro, tu imagen nunca sale de tu dispositivo.
The image URL must be served with CORS headers. Most CDNs (Cloudinary, Imgix, Unsplash, Cloudflare Images) support this. Direct links to images on social media or private servers may not work.
¿Por qué usar nuestro simulador de respuesta de API de compresión de imágenes?
- Simulación instantánea de respuesta de API: pega cualquier URL de imagen y ve al instante cómo rendirían JPEG, WebP y AVIF con el nivel de calidad que elijas. El simulador de respuesta de API de compresión de imágenes obtiene la imagen, la recodifica en los tres formatos y muestra los resultados en segundos, sin necesidad de servidor.
- Simulador de compresión de imágenes online seguro: los datos de tu imagen nunca salen de tu dispositivo. El simulador de respuesta de API obtiene la imagen en la memoria de tu navegador y procesa toda la codificación localmente con la API Canvas de HTML5: sin subida a la nube, sin retención de datos y sin acceso de terceros.
- Calculadora de ahorro de ancho de banda: el simulador de respuesta de API de compresión de imágenes calcula el ahorro exacto de ancho de banda cada 1K, 10K, 100K y 1M de páginas vistas. Ve cuántos datos ahorrarías al pasar de JPEG a WebP o AVIF en todo tu volumen de tráfico.
- Prueba cualquier URL de imagen de CDN, 100 % gratis: prueba imágenes de Cloudinary, Imgix, Cloudflare Images, Unsplash o cualquier CDN que sirva imágenes con CORS habilitado. El simulador de respuesta de API de compresión de imágenes es 100 % gratis, sin registro, sin límites de tamaño de archivo y sin marcas de agua en las salidas descargadas.
¿Qué es un simulador de respuesta de API de compresión de imágenes?
Un simulador de respuesta de API de compresión de imágenes es una herramienta que obtiene una imagen desde una URL y la recodifica en varios formatos —JPEG, WebP y AVIF— para mostrar qué devolvería una API de transformación de imágenes para cada formato con un nivel de calidad dado. Responde a la pregunta: «Si mi API de imágenes sirviera esta imagen como WebP en lugar de JPEG, ¿cuánto más pequeña sería y cuánto ancho de banda ahorraría en todo mi tráfico?». Nuestro simulador se ejecuta íntegramente en tu navegador, usando la API Canvas de HTML5 para codificar localmente la imagen obtenida sin ningún procesamiento en servidor.
Cómo funciona nuestro simulador de respuesta de API de compresión de imágenes
- Introduce una URL de imagen: pega cualquier URL de imagen de acceso público en el campo de entrada. La URL debe servirse con cabeceras CORS; la mayoría de las CDN (Cloudinary, Imgix, Cloudflare Images, Unsplash) lo admiten. Haz clic en «Simular» o prueba una de las URL de ejemplo para empezar de inmediato.
- Procesamiento instantáneo en el navegador: el simulador obtiene la imagen en tu navegador mediante una solicitud de imagen habilitada para CORS, la dibuja en un lienzo HTML5 y la recodifica como JPEG, WebP y AVIF con el nivel de calidad seleccionado. Todo se ejecuta localmente: los datos de tu imagen nunca salen de tu dispositivo.
- Consulta los resultados y la tabla de ancho de banda: ve el tamaño de archivo comprimido de cada formato, el ahorro porcentual frente a JPEG y una tabla de ahorro de ancho de banda que muestra cuántos datos ahorrarías cada 1K, 10K, 100K y 1M de páginas vistas. Descarga cualquier salida de formato directamente desde los resultados.
Qué mide el simulador
- Tamaño de archivo por formato: el tamaño exacto en bytes de la imagen codificada como JPEG, WebP y AVIF con el nivel de calidad seleccionado, la misma salida que devolvería tu API de imágenes para cada formato.
- Ahorro frente a JPEG: la reducción porcentual del tamaño de archivo en comparación con JPEG con el mismo ajuste de calidad, la métrica principal para evaluar una migración de formato.
- Ancho de banda por nivel de páginas vistas: total de bytes transferidos por 1K, 10K, 100K y 1M de páginas vistas, suponiendo una carga de imagen por página vista. Útil para estimar los costes de ancho de banda de la CDN.
- Ahorro de ancho de banda: la diferencia en bytes totales entre JPEG y WebP/AVIF en cada nivel de páginas vistas, el dato concreto para calcular el ROI de un proyecto de migración de formato.
Requisitos y limitaciones de CORS
El simulador de respuesta de API de compresión de imágenes usa la carga nativa de imágenes del navegador con crossOrigin="anonymous" para obtener las imágenes. Esto requiere que el servidor de imágenes incluya Access-Control-Allow-Origin: * en sus cabeceras de respuesta. La mayoría de las CDN y servicios de alojamiento de imágenes lo admiten. Los enlaces directos a imágenes en plataformas de redes sociales, servidores privados o servicios que bloquean solicitudes de origen cruzado fallarán con un error CORS. Si te encuentras con un error CORS, prueba a subir la imagen a una CDN como Cloudinary o Imgix y usar esa URL en su lugar.
Preguntas frecuentes
El simulador de respuesta de API de compresión de imágenes obtiene una imagen desde una URL y la recodifica como JPEG, WebP y AVIF para mostrar qué devolvería una API de transformación de imágenes para cada formato. También calcula el ahorro de ancho de banda cada 1K hasta 1M de páginas vistas. Todo el procesamiento ocurre en tu navegador, sin subidas a servidores.
El simulador está diseñado para probar imágenes tal como las serviría una API de imágenes o una CDN, usando una URL, igual que las solicitaría un navegador. Esto te permite probar tus imágenes reales de producción directamente desde tu CDN sin descargarlas y volverlas a subir.
Sí, totalmente. El simulador obtiene la imagen en la memoria de tu navegador y procesa toda la codificación localmente usando la API Canvas de HTML5. Los datos de tu imagen nunca se suben a ningún servidor, nunca se almacenan en la nube y nunca se transmiten a terceros.
Sí. El simulador es 100 % gratis, sin registro, sin suscripción, sin límites de uso y sin marcas de agua en los archivos descargados.
El simulador usa una solicitud de imagen habilitada para CORS, lo que requiere que el servidor de la imagen incluya cabeceras Access-Control-Allow-Origin. La mayoría de las CDN (Cloudinary, Imgix, Cloudflare Images, Unsplash) lo admiten. Las imágenes en plataformas de redes sociales o servidores privados fallarán.
El cálculo de ancho de banda se basa en los tamaños de archivo comprimido exactos que produce el codificador de canvas de tu navegador al nivel de calidad seleccionado. La tabla supone una carga de imagen por página vista. El ahorro real en la CDN depende de la distribución de navegadores de tus usuarios y de las tasas de acierto de caché.
La codificación AVIF mediante la API Canvas de HTML5 es compatible con Chrome y Firefox, pero no con Safari a partir de 2025. Prueba el simulador en Chrome o Firefox para ver los resultados de AVIF.
Para una simulación realista de lo que serviría una API de imágenes, usa una calidad del 75-85 %: este es el rango que usan por defecto la mayoría de las API de imágenes para JPEG y WebP. Para una compresión agresiva, usa el 60-75 %.
Sí. Cada tarjeta de formato tiene un botón Descargar que guarda la salida comprimida directamente en tu dispositivo. El nombre del archivo incluye el nombre del formato y el nivel de calidad para identificarlo fácilmente.