Perché il browser aggiunge colori bluastri e brunastri a un colore di carattere solido?

Mi chiedo perché il mio browser (Firefox) aggiunga tinte blu a destra e tinte marroni a sinistra di un colore di carattere grigio (# 333333) solido, come mostrato nell'immagine qui sotto.

Qualcuno potrebbe spiegarmi perché questo accade?

— cooxie
fonte

Antialiasing ? Ci sono molte opzioni correlate, puoi impostarle usando un plugin .

— Paolo Gibellini,

Risposte:

Si chiama rendering subpixel o anti aliasing subpixel. Microsoft fa qualcosa di simile per la maggior parte delle applicazioni Windows.

Lo schermo è costituito da colori uno accanto all'altro. Se si esegue un semplice aliasing basato su un campione, non si ottiene il miglior risultato possibile. Ma sfruttando la conoscenza di come sono disposti i pixel, puoi ottenere risultati migliori. Mentre lavori con meno di un pixel di dati.

Dovresti stare attento con questo però. Monitor diversi hanno disposizioni diverse per l'emissione del colore (da qui il sintonizzatore citato da @PaoloGibellini). Pertanto, se stai preparando schermate di altissima qualità, potrebbe essere una buona idea disattivare il rendering dei subpixel o visualizzerai un errore 2 volte *. Allo stesso modo se si catturano schermate per la stampa, è meglio disabilitare questo o il testo sembrerà un arcobaleno spalmato.

^{* Una volta dal monitor, che ha un ordine e una volta dall'immagine che ha un ordine diverso}

— joojaa
fonte

Ehi, niente di male con gli arcobaleni imbrattati!

— Janus Bahs Jacquet,

In windwos si chiama ClearType - microsoft.com/en-us/Typography/ClearTypeInfo.aspx e viene fatto a livello di sistema, non credo che il suo FF attuallz lo faccia.

— Hurda,

@hurda no firefox non lo sta facendo da solo, puoi vederlo nelle opzioni di cui parlano di disegno diretto e che include il tipo chiaro. Se lo desideri, puoi disattivarlo a livello globale.

— joojaa,

Uno screenshot che contiene il rendering sub-pixel non lo riapplica quando viene visualizzato. È una funzione sul testo e su alcuni elementi dell'interfaccia utente, non su tutta la grafica. Inoltre, qualsiasi tipografia degna di nota convertirà il testo nero di uno screenshot del genere in nero puro prima della separazione.

— Logarr,

@Logarr no non verrà riapplicato, ma verrà risolto se l'ordine dei pixel era diverso, quindi l'errore viene eseguito 2 volte. Dubito fortemente che qualsiasi tipografia andrebbe a riparare le immagini in modo retroattivo in questo modo senza costi. Perché significherebbe che dovrebbero andare avanti e fare questo per ogni elemento su sfondi diversi (su grigio, su bianco su giallo ecc.). È solo più facile disabilitarlo prima della cattura dello schermo

— joojaa,

Questo si chiama rendering subpixel . I diversi colori sono visibili solo perché l'immagine è stata fatta saltare in aria. Sarà più facile dare un esempio di bianco su nero.

Una spiegazione del rendering subpixel

Immagina una linea bianca spessa un pixel. Sulla maggior parte degli schermi LCD desktop i colori dei singoli subpixel sono disposti orizzontalmente. Finché tutti e tre i pixel di colore sono attivi, vedremo una linea bianca spessa un pixel - non importa in quale ordine siano i colori. Questo è ciò che mostrano le prime due righe. L'uso del rendering subpixel aumenta la risoluzione orizzontale dello schermo di tre volte, il che è particolarmente utile durante la lettura di testo orizzontale.

Ma quando fai uno screenshot e lo ingrandisci, piuttosto che vedere i subpixel, vedi i colori che combinano per produrre. Quando la nostra linea di un pixel è allineata con i pixel vedi solo una linea bianca di un pixel. Ma se non lo è, vedrai una linea spessa di due pixel composta da due colori. Puoi vederlo di persona se sei abbastanza vicino allo schermo da poter vedere gli spazi tra i pixel - se sei abbastanza vicino i tuoi occhi potrebbero non risolvere i pixel divisi insieme e vedrai la linea come due larghezza pixel. Ma se la risoluzione dello schermo è abbastanza alta, il rendering subpixel può funzionare davvero bene e verrà notato solo quando si ingrandiscono gli screenshot.

— curiousdannii
fonte