Imágenes y fotografías · Conversor de imágenes y compresor
Submuestreo de croma: por qué JPEG difumina el texto rojo y las líneas finas de colores
· Cómo funciona
formatos de imagen jpeg calidad de imagen
JPEG y con pérdida WebP almacenan el color a una resolución más baja que el brillo, lo cual es invisible en las fotos y obvio en el texto en rojo. Esta publicación explica el submuestreo 4:2:0, por qué lo hacen los codificadores y cómo elegir un formato cuando los bordes de color son importantes.
La etiqueta roja que salió borrosa mientras que el texto negro permaneció nítido: el síntoma que apunta directamente al submuestreo de croma
Una etiqueta roja puede aparecer más suave que el texto oscuro vecino incluso cuando ambos comenzaron como vectores nítidos en una captura de pantalla. Vale la pena investigar ese síntoma, pero por sí solo no identifica un modo exacto de submuestreo de croma. ToolAcre decodifica la fuente, dibuja píxeles en un lienzo y solicita al navegador JPEG o WebP bytes; la ventaja resultante es evidencia, mientras que las decisiones privadas del codificador no lo son.
Comience con una imagen controlada que contenga trazos estrechos de color rojo, azul, gris y negro sobre un fondo. Mantenga sus dimensiones sin cambios, exporte cada objetivo una vez e inspeccione las descargas en el tamaño de píxel nativo. Si sólo las salidas con pérdidas difuminan los límites saturados, la elección del formato está implicada. Si cada salida es suave, primero verifique si se produjo un cambio de tamaño, porque el plan clasifica cualquier dimensión modificada como remuestreo.
Luma y croma: dividir un píxel en brillo y color: la transformación YCbCr y por qué los codificadores separan los dos
El esquema describe las transformaciones de luma y croma, pero no aparece ningún código de transformación en este repositorio. La aplicación proporciona píxeles RGBA decodificados al codificador del navegador y nunca recibe planos de brillo o color separados. Por lo tanto, puede documentar una distinción práctica (la salida con pérdida puede descartar detalles visibles) sin pretender revelar los cálculos de coeficientes del navegador o la representación interna del color.
Ese límite cambia la forma en que se debe escribir un informe de defectos. Registre el tipo MIME de origen, el tipo MIME de destino, la calidad, las dimensiones original y de salida, el navegador y un recorte que muestre el borde afectado. No indique que un canal en particular se redujo a la mitad a menos que una inspección del codificador lo demuestre. Se puede reproducir una observación precisa; una explicación prestada sobre configuraciones de implementación ocultas puede enviar a los mantenedores hacia un control que no tienen.
Se observa pérdida de detalles de color, pero este repositorio no implementa ni expone una transformación YCbCr
Las etiquetas familiares 4:4:4, 4:2:2 y 4:2:0 no son controles en esta interfaz. `encodeCanvas` pasa solo el tipo MIME y, para JPEG o WebP, un valor de calidad normalizado. Ni el panel ni el plan de conversión llevan un campo de submuestreo. Una sección que presentara esos modos como seleccionables contradiría el producto enviado, por lo que la lección útil es la ausencia de esa opción.
Cuando la fidelidad del color del borde es un requisito, elija una ruta cuyo resultado pueda inspeccionar en lugar de asumir un modo desde el control deslizante. PNG es el codificador sin pérdidas disponible y mantiene alfa cuando las dimensiones permanecen fijas. La salida de JPEG y WebP de ToolAcre se describe explícitamente como con pérdida en todas las calidades. Esa distinción respaldada por la fuente es suficiente para elegir un candidato más seguro para los diagramas sin publicar una matriz de soporte no respaldada.
El codificador del navegador no expone ningún selector 4:4:4, 4:2:2 o 4:2:0
Las fotografías distribuyen detalles en texturas, iluminación y límites irregulares, por lo que un pequeño cambio de color en los bordes puede ser menos llamativo que en una regla de interfaz de un píxel. Esta es una heurística de inspección, no una afirmación de que la visión humana sigue una proporción codificada en ToolAcre. La aplicación no calcula la similitud perceptiva, no clasifica el contenido ni certifica que el daño será invisible para el espectador.
Utilice material representativo. Un retrato por sí solo es una mala prueba para un sistema de diseño lleno de tipos de colores, y un gráfico sintético por sí solo es un mal sustituto para una biblioteca de fotografías. El convertidor informa el tamaño de bytes medido y ofrece una vista previa del antes y el después del primer resultado, pero la aceptación debe incluir la apertura del archivo en el diseño real. La escala de vista previa puede ocultar exactamente el daño límite que se está revisando.
Las fotografías pueden ocultar la pérdida de los bordes del color mejor que los gráficos; aquí no se afirma ningún modelo de visión
Los gráficos concentran el significado en transiciones difíciles: un subrayado de advertencia rojo, una serie azul en un gráfico o texto de color sobre blanco. Cuando las muestras vecinas se mezclan o redondean durante una codificación con pérdida, puede parecer que el borde sangra aunque su ubicación no haya cambiado. Cambiar el tamaño agrega otro mecanismo porque `drawImage` vuelve a dibujar la fuente con un alto suavizado antes de codificar.
Separe esos mecanismos manteniendo las dimensiones constantes para la primera comparación. Si PNG permanece nítido mientras JPEG y WebP se suavizan, la etapa de codificación con pérdida es el diferenciador. Luego repita con un cambio de tamaño deliberado para saber qué agrega el remuestreo. Este experimento de dos pasos es más fuerte que cambiar la calidad, las dimensiones y el formato juntos, porque solo se mueve una decisión en cada ronda.
Lo que el codificador del navegador le permite controlar: un número de calidad pero sin interruptor de submuestreo, y por qué la pérdida WebP es siempre 4:2:0
ToolAcre le da al navegador un número de calidad limitado desde 0.01 hasta 1 para JPEG y WebP. No ofrece ningún interruptor para muestreo de color, tablas de transformación o esfuerzo del codificador. La afirmación del libro de trabajo de que WebP con pérdida es siempre un modo de submuestreo con nombre está fuera de la implementación inspeccionada, por lo que este artículo deliberadamente no la repite como garantía del producto.
La respuesta práctica a una elección de codificador oculto es no buscar una casilla de verificación no documentada. Compare los resultados reales, conserve la fuente y seleccione PNG cuando los bordes del color exacto sean más importantes que un archivo más pequeño. Si una canalización de producción requiere un modo de muestreo específico, utilice un codificador cuya API documentada lo exponga; una API de conveniencia de lienzo no puede cumplir un contrato que nunca acepta.
La herramienta solo pasa la calidad; La política de submuestreo del codificador permanece oculta.
Cree un gráfico de prueba 1200-by-800 con finas diagonales rojas y azules, etiquetas oscuras, un degradado neutro suave y una esquina transparente. Exportarlo sin cambiar el tamaño a PNG, JPEG y WebP. El repositorio no puede predecir los totales de bytes ni los artefactos exactos, por lo tanto, escriba los resultados medidos que muestra el panel en lugar de insertar porcentajes prometidos en el plan de prueba.
Al 100 por ciento, compare los trazos de colores con los controles oscuros y verifique si la esquina transparente sobrevivió. PNG debe conservar alfa a través del codificador sin pérdidas admitido; JPEG recibe el mate seleccionado porque no puede almacenar alfa; WebP conserva alfa pero todavía está marcado como con pérdida. Estos tres resultados visibles prueban propiedades separadas y evitan tratar “más pequeño” como sinónimo de “mejor”.
Conclusión: elija el formato por contenido: cómo Image Converter & Compressor le permite exportar la misma imagen que PNG cuando los bordes de color deben permanecer nítidos
La elección del formato no puede garantizar cómo cada aplicación posterior representará el color, ampliará una imagen o la escalará para su visualización. ToolAcre tampoco expone metadatos de submuestreo de sus salidas ni proporciona una métrica de diferencia de píxeles. Esas omisiones significan que la verificación final pertenece a la página, documento o aplicación de destino y no únicamente al panel de conversión.
Para texto saturado y reglas de colores estrechas, comience con el candidato sin pérdidas y justifique cualquier reemplazo con pérdidas con una inspección directa. Image Converter & Compressor hace que esa comparación sea repetible en un dispositivo: misma fuente, dimensiones fijas, tres formatos de salida y bytes medidos. El resultado, no un número de control deslizante compartido ni un presunto modo de submuestreo, debería decidir qué se envía.