Когда я сравниваю https://www.example.com в Chrome и Firefox, я вижу более смелые результаты в Firefox, чем в Chrome.
Почему это? И как я могу это исправить?
(Верхний снимок экрана - Chrome, нижний - Firefox.)
2 ответа
2
Интервал немного отличается, но я думаю, что это оптическая иллюзия, основанная на сглаживании и краях. Вот несколько фрагментов, увеличенных до 800%:
Chrome тогда Firefox жирными буквами:
Chrome нормальный текст:
Firefox обычный текст:
Темный внешний вид буквы создается "средней" или общей темнотой в несколько смежных пикселей. В некоторых случаях один браузер отображает вертикальную полосу обычной буквы с двумя темными пикселями, а другой использует центральный очень темный пиксель, окруженный пикселями двух светлых цветов, или один использует два средних темных цвета рядом. сторона и другой будут использовать очень темный цвет рядом со светлым цветом. Хорошие примеры: t (1-й символ первой строки) и pl (второй и третий символы второй строки).
Более темные цвета сглаживания на левой стороне e делают рендеринг Chrome шире, чем в версии Firefox. Вертикальная черта d выглядит смелее в Firefox, а вертикальная черта b выглядит смелее в Chrome.
Чтобы получить более конкретную информацию, сравните строчную букву m , первую букву второй строки обычного текста. Для этого персонажа Firefox выглядит смелее, когда вы смотрите на вертикальные линии. Зачем?
Оба браузера отображают вертикали в виде трех столбцов пикселей, поэтому линии на самом деле имеют одинаковую ширину. Однако цвета компонентов делают вертикали Firefox более широкими. Очень светлые цвета влияют на видимую ширину меньше, чем темные. Цвета от среднего до темного (значение яркости не более 50%) имеют наибольший эффект. Я выбрал цвет каждой вертикальной полосы и преобразовал его в значение яркости, используя цветовое пространство HSL:
У первых ног есть очень темная центральная полоса с пограничной темной полосой рядом с ней. Бары Firefox немного темнее.
Для средней ноги Chrome имеет только одну темную полосу, и она очень темная (черная). Firefox имеет одну темную полосу и одну среднюю темную полосу, обе "намного" светлее, чем черная полоса Chrome. Но они оба достаточно темные, чтобы восприниматься как темные, поэтому нога Firefox выглядит шире.
Для правой ноги Chrome имеет одну темную полосу, а Firefox - две средние темные полосы. Каждый из них значительно светлее, чем темная полоса Chrome, но достаточно темная, чтобы восприниматься как темная, и опять же, эта нога выглядит шире в Firefox.
Так как это темные буквы на белом фоне, их легче воспринимать с точки зрения темноты, чем яркости, поэтому в таблице ниже показаны значения дополнения (даже светлые цвета дают некоторую темноту при просмотре в нормальном размере):
При взгляде на символы в нормальном размере общее количество "темного" в контуре символа и, в некоторой степени, видимая ширина линии более или менее дают иллюзию смелости. Таблица выше объединяет значения темноты для всех ветвей буквы m . Firefox m на 15% темнее Chrome m . Как описано ранее, кажущаяся толщина линий в Firefox шире, но это не так заметно при нормальных размерах и скоростях просмотра.
Так что m Firefox выглядит смелее, чем Chrome. Но обратите внимание, что это зависит от персонажа. Первая буква t , третья буква b , f в "for", затем p и t перед h во второй строке относятся к символам, которые выглядят более смелыми в Chrome по той же причине.
В некоторых письмах одна вертикаль выглядит смелее в одном браузере, а другая вертикаль той же буквы выглядит смелее в другом браузере. Например, h и u во "без" во второй строке.
-1
При внимательном рассмотрении этих снимков экрана при большом увеличении выясняется, что верхние (Chrome) глифы на самом деле немного шире и жирнее, чем нижние (Firefox).
Оба используют субпиксельное сглаживание с соответствующим порядком RGB для большинства современных дисплеев с собственным разрешением, хотя детали кернинга и хинтинга различаются. Обратите внимание, что в конце первой строки пара "Yo" находится дальше друг от друга в Chrome (что указывает на плохой кернинг), и вся строка занимает немного больше места.
Это может привести к путанице, если вы используете монитор в перевернутом положении или в книжной ориентации, или с не родным разрешением, или если это ЭЛТ. Любая из этих вещей нарушает допущения субпиксельного сглаживания, и вам следует соответствующим образом настроить свою ОС.