Experimento original y condiciones de reproducción.
El original es una imagen de ejemplo de producto generada por IA proporcionada por Moyoutil. Esta no es una toma de cámara real original. PNG, 1254×1254 píxeles, 1.611.701 bytes, sin áreas transparentes. Lo volví a codificar con toBlob en el Canvas del navegador sin cambiar su tamaño. Se ingresaron valores de calidad de 60, 80 y 90 para JPEG y WebP, respectivamente, y no se aplicaron valores de calidad a PNG.
Descargar la misma imagen original
Esta fuente se proporciona como un ejemplo comparativo. No transfiere los archivos del usuario y la siguiente ejecución los recalcula en el navegador actual. Si los valores difieren de la tabla guardada, verifique también las diferencias del codificador del navegador.
Número de bytes medidos e interpretación de resultados.
| Formato | Ingresar calidad | Bytes reales |
|---|---|---|
| PNG | No aplicable | 2476565 |
| JPEG | 60 | 33329 |
| JPEG | 80 | 62518 |
| JPEG | 90 | 120497 |
| WEBP | 60 | 13816 |
| WEBP | 80 | 24234 |
| WEBP | 90 | 67034 |
Para esta entrada, WebP era más pequeño que JPEG con el mismo número de calidad, pero esta no es una comparación que mida la misma calidad. Los números de calidad no tienen el mismo significado en cada formato y los resultados varían según el contenido de la imagen. Las diferencias visuales requieren una comparación directa ampliando los archivos resultantes con la misma ampliación.
El nuevo guardado de PNG es mayor que el original, con 2.476.565 bytes. Guardar como PNG no siempre reduce el tamaño. Esta medición registra el tamaño del archivo y no es un experimento que evalúa la superioridad o inferioridad universal de los algoritmos de compresión, la precisión del color o los puntajes de calidad percibidos.
Ejecutar nuevamente en mi navegador y comparar a escala
Intente ejecutarlo directamente sin un archivo
Ejecuta el código de procesamiento de la herramienta real con material de ejemplo creado por el sitio. Actualmente, los resultados se calculan en el navegador y no se cargan datos de entrada en el servidor.
se muestran resultados y archivos de ejemplo.
Los ejemplos no son datos reales de visitantes ni rendimiento. El tamaño del archivo y la forma de la fuente pueden variar según el navegador, el dispositivo y la fuente.
Abra una comparación en primer plano de la imagen resultante, lo que le permitirá desplazarse por la imagen en su tamaño de píxel real. Compare los bordes de la misma escena con áreas con cambios suaves de brillo. El archivo de descarga contendrá los resultados codificados en el formato que seleccionó. Todos los tamaños originales son iguales, no asuma diferencias de calidad basadas en pequeñas vistas previas.
Notas de acción de API: MDN Canvas toBlob. Moyoutil comprueba el tipo MIME del blob devuelto, ya que los formatos no admitidos pueden recurrir a PNG.
Preguntas frecuentes
¿La calidad 90 es el 90% de la calidad original?
No. Estos son los valores de configuración pasados al codificador del navegador. Esto no significa que JPEG y WebP con el mismo número tengan la misma calidad.
Si cambio a PNG, ¿desaparecerá la antigua pérdida de JPEG?
No. No es una función que restaura detalles que ya se han perdido. La salida PNG puede ser más grande que el original.