Immagini e foto · Convertitore e compressore di immagini
Sottocampionamento cromatico: perché JPEG sfoca il testo rosso e le sottili linee colorate
· Come funziona
formati di immagine jpeg qualità dell'immagine
JPEG e con perdita WebP memorizzano il colore a una risoluzione inferiore rispetto alla luminosità, che è invisibile nelle foto ed evidente sul testo rosso. Questo post spiega il sottocampionamento 4:2:0, perché i codificatori lo fanno e come scegliere un formato quando i bordi del colore sono importanti.
L'etichetta rossa risultava sfocata mentre il testo nero rimaneva nitido: il sintomo che punta direttamente al sottocampionamento della crominanza
Un'etichetta rossa può apparire più morbida rispetto al testo scuro adiacente anche quando entrambi inizialmente erano vettori nitidi in uno screenshot. Vale la pena indagare su questo sintomo, ma di per sé non identifica un'esatta modalità di sottocampionamento della crominanza. ToolAcre decodifica l'origine, disegna i pixel su una tela e richiede al browser JPEG o WebP byte; il vantaggio risultante è una prova, mentre le decisioni private del codificatore non lo sono.
Inizia con un'immagine controllata contenente tratti stretti rossi, blu, grigi e neri su uno sfondo. Mantieni le sue dimensioni invariate, esporta ogni destinazione una volta e controlla i download alla dimensione nativa dei pixel. Se solo gli output con perdita superano i confini saturi, la scelta del formato è implicata. Se ogni output è soft, controlla innanzitutto se si è verificato il ridimensionamento, poiché il piano classifica qualsiasi dimensione modificata come ricampionamento.
Luma e croma: dividere un pixel in luminosità e colore: la trasformazione YCbCr e perché gli encoder separano i due
La struttura descrive le trasformazioni di luminanza e crominanza, ma in questo repository non appare alcun codice di trasformazione. L'applicazione fornisce RGBA pixel decodificati al codificatore del browser e non riceve mai luminosità o piani di colore separati. Può quindi documentare una distinzione pratica (l'output con perdita di dati può scartare dettagli visibili) senza pretendere di rivelare i calcoli dei coefficienti del browser o la rappresentazione interna del colore.
Questo confine cambia il modo in cui dovrebbe essere scritto un rapporto sui difetti. Registra il tipo MIME di origine, il tipo MIME di destinazione, la qualità, le dimensioni dell'originale e di output, il browser e un ritaglio che mostra il bordo interessato. Non dichiarare che un particolare canale è stato dimezzato a meno che un'ispezione dell'encoder non lo dimostri. È possibile riprodurre un'osservazione precisa; una spiegazione presa in prestito sulle impostazioni di implementazione nascoste può indirizzare i manutentori verso un controllo che non hanno.
La perdita dei dettagli del colore è osservabile, ma questo repository non implementa né espone una trasformazione YCbCr
Le familiari etichette 4:4:4, 4:2:2 e 4:2:0 non sono controlli in questa interfaccia. `encodeCanvas` trasmette solo il tipo MIME e, per JPEG o WebP, un valore di qualità normalizzato. Né il panel né il piano di conversione prevedono un campo di sottocampionamento. Una sezione che presentasse tali modalità come selezionabili contraddirebbe il prodotto spedito, quindi la lezione utile è l'assenza di tale scelta.
Quando la fedeltà dei colori dei bordi è un requisito, scegli un percorso di cui puoi controllare il risultato invece di assumere una modalità dal dispositivo di scorrimento. PNG è il codificatore senza perdita disponibile e mantiene l'alfa quando le dimensioni rimangono fisse. L'output WebP di JPEG e ToolAcre è esplicitamente descritto come con perdita di dati a ogni qualità. Questa distinzione supportata dalla fonte è sufficiente per scegliere un candidato più sicuro per i diagrammi senza pubblicare una matrice di supporto non supportata.
Il codificatore del browser non espone alcun selettore 4:4:4, 4:2:2 o 4:2:0
Le fotografie distribuiscono i dettagli tra texture, illuminazione e confini irregolari, quindi una piccola modifica del colore dei bordi può essere meno evidente di quanto lo sia su una regola di interfaccia a un pixel. Questa è un'euristica di ispezione, non un'affermazione secondo cui la visione umana segue un rapporto codificato in ToolAcre. L'applicazione non calcola la somiglianza percettiva, non classifica i contenuti né certifica che il danno sarà invisibile allo spettatore.
Utilizzare materiale rappresentativo. Un ritratto da solo è un pessimo test per un sistema di progettazione pieno di caratteri colorati, e una tabella sintetica da sola è un pessimo proxy per una libreria di foto. Il convertitore riporta la dimensione in byte misurata e offre un'anteprima prima e dopo per il primo risultato, ma l'accettazione dovrebbe includere l'apertura del file nel layout effettivo. Il ridimensionamento dell'anteprima può nascondere esattamente il danno al contorno in esame.
Le fotografie possono nascondere la perdita di colore sui bordi meglio della grafica; qui non viene affermato alcun modello di visione
La grafica concentra il significato in transizioni difficili: una sottolineatura rossa di avvertimento, una serie blu in un grafico o un testo colorato su bianco. Quando i campioni vicini vengono miscelati o arrotondati durante una codifica con perdita, il bordo può sembrare sfumato anche se la sua posizione è invariata. Il ridimensionamento aggiunge un altro meccanismo perché `drawImage` ridisegna l'origine con un elevato livellamento prima della codifica.
Separare questi meccanismi mantenendo le dimensioni costanti per il primo confronto. Se PNG rimane nitido mentre JPEG e WebP si ammorbidiscono, la fase di codifica con perdita è l'elemento di differenziazione. Successivamente ripetere con un ridimensionamento deliberato per scoprire cosa aggiunge il ricampionamento. Questo esperimento in due fasi è più forte che cambiare insieme qualità, dimensioni e formato, perché in ogni round si muove solo una decisione.
Ciò che il codificatore del browser ti consente di controllare: un numero di qualità ma nessun interruttore di sottocampionamento e perché WebP con perdita è sempre 4:2:0
ToolAcre fornisce al browser un numero di qualità limitato da 0.01 a 1 per JPEG e WebP. Non offre alcun interruttore per il campionamento del colore, le tabelle di trasformazione o lo sforzo del codificatore. L'affermazione della cartella di lavoro secondo cui WebP con perdita è sempre una modalità di sottocampionamento denominata non rientra nell'implementazione ispezionata, quindi questo articolo non la ripete deliberatamente come garanzia del prodotto.
La risposta pratica alla scelta di un codificatore nascosto non è quella di cercare una casella di controllo non documentata. Confronta gli output effettivi, preserva la fonte e seleziona PNG quando i bordi colorati esatti contano più di un file più piccolo. Se una pipeline di produzione richiede una modalità di campionamento specifica, utilizzare un codificatore il cui API documentato la esponga; una convenienza tela API non può soddisfare un contratto che non accetta mai.
Lo strumento supera solo la qualità; la politica di sottocampionamento del codificatore rimane nascosta
Costruisci un diagramma di prova 1200-by-800 con sottili diagonali rosse e blu, etichette scure, una sfumatura neutra uniforme e un angolo trasparente. Esportalo senza ridimensionarlo in PNG, JPEG e WebP. Il repository non può prevedere i totali dei byte o gli artefatti esatti, quindi annota i risultati misurati mostrati dal pannello invece di inserire le percentuali promesse nel piano di test.
Al 100 percento, confronta i tratti colorati con i controlli scuri e controlla se l'angolo trasparente è sopravvissuto. PNG dovrebbe mantenere l'alfa attraverso il codificatore senza perdita supportato; JPEG riceve il mascherino selezionato perché non può memorizzare l'alfa; WebP mantiene l'alfa ma è ancora contrassegnato con perdita. Questi tre risultati visibili mettono alla prova proprietà separate ed evitano di considerare “più piccolo” come sinonimo di “migliore”.
Conclusione: scegli il formato in base al contenuto: in che modo Image Converter & Compressor ti consente di esportare la stessa immagine di PNG quando i bordi colorati devono rimanere nitidi
La scelta del formato non può garantire il modo in cui ogni applicazione downstream renderà il colore, ingrandirà un'immagine o la ridimensionerà per la visualizzazione. ToolAcre inoltre non espone metadati di sottocampionamento dai suoi output né fornisce una metrica di differenza di pixel. Queste omissioni fanno sì che il controllo finale avvenga nella pagina, nel documento o nell'applicazione di destinazione anziché esclusivamente all'interno del pannello di conversione.
Per testo saturo e regole colorate strette, iniziare con il candidato senza perdite e giustificare qualsiasi sostituzione con perdite con un'ispezione diretta. Image Converter & Compressor rende il confronto ripetibile su un dispositivo: stessa sorgente, dimensioni fisse, tre formati di output e byte misurati. Il risultato, non un numero di cursore condiviso o una presunta modalità di sottocampionamento, dovrebbe decidere quali navi.