Показать полную графическую версию : Windows 10: нечёткий текст в некоторых браузерах
Windows 10 Pro (10.0.15063.726). Последнее обновление (на днях)
С момента установки в июне этого года наблюдаю следующую картину:
- в Firefox шрифты гладкие и чёткие
- в Chrome - в целом терпимо, но заметна небольшая смазанность, размытость
- в Edge и IE11 нечёткость/размытость проявляется ещё заметнее
Что ещё:
- браузеры последних версий, ОС последней версии
- ClearType включен и настроен (настройку проводил дважды - при установке ОС и сейчас)
- текст интерфейса ОС нормальный, чёткий
- в Windows XP подобных проблем не наблюдал (во всех браузерах шрифт был чёткий)
- артефакт наблюдается только в браузерах
- проявляется на любых сайтах (т.е. дело не в неудачной комбинации размеров/гарнитур/начертаний/цветов шрифтов)
- css-свойство "text-rendering" ни при каких значениях никакого эффекта не оказывает
Что за напасть такая с Windows 10 ?
Или из всех браузерных движков в Windows 10 пиксельный рендеринг корректно работает только в Gecko ?
Скрины сделал. Только жирные заголовки на скринах у всех какие-то нечёткие, угловатые. Даже в Firefox.
Поэтому, при просмотре скринов обращаем внимание на обычный текст. Обычный текст на скринах более менее точно иллюстрирует реальную картину, описанную в первом посте (в Firefox - чёткий, в остальных имеется размытие).
CyraxZ, для начала. Чтобы было видно, чтобы получить некоторое представление, от чего отталкиваться.
Нестандартное свойство "font-smooth" браузеры не понимают. Впрочем, даже если бы и понимали, понятно, что антиалиасинг включен, а отключать его смысла нет. Можно было бы проверить свойства "-webkit-font-smoothing" и "-moz-osx-font-smoothing", но они работают только в Mac OS X/macOS:
https://developer.mozilla.org/en-US/docs/Web/CSS/font-smoothWebKit implements a similar property, but with different values: -webkit-font-smoothing. It only works on Mac OS X/macOS
Firefox implements a similar property, but with different values: -moz-osx-font-smoothing. It only works on Mac OS X/macOS
Судя по наличию цветных пикселей вокруг линий букв (в частности, красных), во всех указанных браузерах в сабжевом окружении используется субпиксельный рендеринг. Но почему-то IE11 и Edge справляются с этой задачей как-то хреново, Chrome - на 4 балла, FF - на 5 баллов.
Судя по наличию цветных пикселей вокруг линий букв »
Формат jpeg не позволяет судить о таких нюансах, и в принципе предназначен для фотореалистичных изображений. Скриншоты надо в png публиковать.
в Windows XP подобных проблем не наблюдал »
На XP были более старые версии браузеров. В какой то момент, в хроме, а потом и во всех хромых браузерах появился этот косяк. На разных компьютерах/мониторах это заметно чуть больше или чуть меньше, но оно есть, шрифты размытые.
В итоге я перешел на Firefox.
Скриншоты надо в png публиковать.
В тех jpeg, насколько я помню, quality на максимум поставил. В любом случае, предоставленные скрины в точности воспроизводят реальную картину, которую я наблюдаю. Проверил (сверил) дважды. Цветные, в частности, красные пикселы видны не только на скринах, но и непосредственно на мониторе (на LCD-мониторе вижу каждый пиксел). Думаю, каждый, кто просмотрел эти скрины, заметил разницу: в FF всё чётко, в Chrome - небольшое размытие, в IE11 и Edge - существенное размытие.
В какой то момент, в хроме, а потом и во всех хромых браузерах появился этот косяк... шрифты размытые
На какой ОС вы наблюдали размытие шрифтов в WebKit-браузерах ? Возможно, вы имеете ввиду разовые "косяки", свойственные некоторым конкретным (неудачным) версиям движка WebKit ближайших 2-3 лет давности. Судя по обсуждению подобных проблем в Интернете и прикладываемых скринов (пример (https://bysib.jimdo.com/2017/02/20/%D0%BD%D0%B5%D1%87%D0%B5%D1%82%D0%BA%D0%B8%D0%B9-%D1%88%D1%80%D0%B8%D1%84%D1%82-%D0%B2-%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%B5-google-chrome-%D1%87%D1%82%D0%BE-%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-%D0%B5%D1%81%D0%BB%D0%B8-%D0%B2-%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81-%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%B5-%D1%88%D1%80%D0%B8%D1%84%D1%82-%D1%81%D1%82%D0%B0%D0%BB-%D1%80%D0%B0%D0%B7%D0%BC%D1%8B%D1%82%D1%8B%D0%BC-%D0%BD%D0%B5%D1%87%D0%B5%D1%82%D0%BA%D0%B8%D0%B9-%D1%88%D1%80%D0%B8%D1%84%D1%82-%D0%B2-%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%B5-google-chrome-%D1%87%D1%82%D0%BE-%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-%D0%B5%D1%81%D0%BB%D0%B8-%D0%B2-%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81-%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%B5-%D1%88%D1%80%D0%B8%D1%84%D1%82-%D1%81%D1%82%D0%B0%D0%BB-%D1%80%D0%B0%D0%B7%D0%BC%D1%8B%D1%82%D1%8B%D0%BC/)), эти косяки были более выраженны, чем описанные в сабже и имели место только в браузерах на движке WebKit (https://answers.microsoft.com/ru-ru/windows/forum/windows8_1-desktop/%D1%80%D0%B0%D0%B7%D0%BC%D1%8B%D1%82%D1%8B%D0%B9/86bfba66-dbe4-4771-a3a0-14428b932d50?auth=1 - здесь в IE проблем не было).
Но в сабже:
1) проблема в Chrome выражена несущественно (см. скрины)
2) наибольшие косяки наблюдаются в IE11 и Edge
3) проблема наблюдается с момента установки Windows 10 (прошло полгода). Браузеры Chrome и FF за этот период регулярно обновлял - ситуация с размытием не изменилась. Хотя версий за этот период было обновлено немало.
Посему, можно предположить, что проблема в Windows 10...
В тех jpeg, насколько я помню, quality на максимум поставил. »
Без разницы. Сам принцип формирования JPEG таков.
На какой ОС вы наблюдали размытие шрифтов в WebKit-браузерах ? »
На всех и у всех проблема есть, просто многие ее не видят. Единственная ОС на которой нет этой проблемы, это XP, и только потому, что храмые браузеры давно не обновляются на этой ОС.
CyraxZ, установите браузер трех летней давности, и увидите, что шрифты гораздо лучше. Я сам долго не мог понять, думал зрение уже подводит, ан нет, это Гугл так прикалывается в своем движке. Windows 10 сам по себе огромный косяк, посему им не пользуюсь, и не пользуюсь IE11 и Edge.
CyraxZ, установите браузер трех летней давности, и увидите, что шрифты гораздо лучше
У меня XP стоит на другом компьютере. Да, там проблем нет.
это Гугл так прикалывается в своем движке. Windows 10 сам по себе огромный косяк, посему им не пользуюсь,
Так проблема не только с WebKit, но и с IE11 и Edge (причём в более выраженном виде). Похоже да, Windows 10 здесь привносит немалый вклад в это самое размытие. Только непонятно, почему в FF шрифты чёткие. Ведь все рассматриваемые браузеры реализуют (по крайней мере, в сабжевом окружении) субпиксельный рендеринг. Ладно если бы разные варианты рендеринга применялись...
В тех jpeg, насколько я помню, quality на максимум поставил. В любом случае, предоставленные скрины в точности воспроизводят реальную картину »Ничего ваши снимки с экрана не воспроизводят.
Вот эти снимки с экрана результата поиска (https://www.yandex.ru/search/?text=пиксельный рендеринг) воспроизводят изменения:
http://i3.imageban.ru/thumbs/2017.11.20/784a1a2cc66a583239b5a5a2ff8ed0c7.png (http://i3.imageban.ru/out/2017/11/20/784a1a2cc66a583239b5a5a2ff8ed0c7.png) http://i6.imageban.ru/thumbs/2017.11.20/bb0b19061557864a2eab96fb50b0a4b9.png (http://i6.imageban.ru/out/2017/11/20/bb0b19061557864a2eab96fb50b0a4b9.png) http://i6.imageban.ru/thumbs/2017.11.20/8facba6c30d416adf469b5747764b358.png (http://i6.imageban.ru/out/2017/11/20/8facba6c30d416adf469b5747764b358.png)
В обоих случаях отображение меня устраивает.
На снимках с экрана изображено отображение страницы в firefox, palemoon и google chrome
1 снимок - FireFox
2 снимок - PaleMoon
3 снимок - Google Chrome
Каждый рисунок откройте в каждой вкладке.
После этого пощёлкайте по вкладкам.
Обнаружите что 1-ый и 2-ой снимок одинаковые, 3-ий отличается от 2-х предыдущих.
У меня:
1. Снимки с экрана в формате png.
2. Снимки с экрана максимально подогнаны и одинаковых размеров, т.е чтоб повторяли друг друга - таким образом можно увидеть разницу.
У вас:
1. Снимки с экрана в формате jpeg.
2. Размеры снимков с экрана произвольного размера.
И да, например в мониторе Sony может выглядеть так, а в мониторе LG уже по другому.
Даже наблюдал такое:
Видеокарта A:
В Windows 7 и Windows 10 отличий нет.
Видеокарта B:
В Windows 10 отображение нормальное.
В Windows 7 отображение букв такое, будто их постирали вместе с цветными.
Ничего ваши снимки с экрана не воспроизводят. У вас:
1. Снимки с экрана в формате jpeg.
2. Размеры снимков с экрана произвольного размера.
Воспроизводят ту картину, которая имеет место в моём окружении (ОС + браузеры + видеокарта). Т.е. хочу сказать, что мои скриншоты, не смотря на то, что имеют формат jpeg, соответствуют той картине, которую я наблюдаю на своём компьютере.
На снимках с экрана изображено отображение страницы в firefox, palemoon и google chrome
1 снимок - FireFox
2 снимок - PaleMoon
3 снимок - Google Chrome
В первых двух случаях используется один и тот же движок (Gecko), поэтому скрины идентичны в плане рендеринга (у меня в FF текст тоже чёткий). В 3-м варианте (Chrome/WebKit) наблюдается слабое размытие. В меньшей степени, чем в моём случае. Но разница есть: Chrome - в худшую сторону. IE и Edge вы не проверили - вполне возможно, что размытость будет более выражена.
IE и Edge вы не проверили - вполне возможно, что размытость будет более выражена. »Потому, что выше изображённые снимки с экрана в Linux - Нет Internet Explorer и Edge.
http://i3.imageban.ru/thumbs/2017.11.20/25c46982cc5781ddf5e60c772020b3cd.png (http://i3.imageban.ru/out/2017/11/20/25c46982cc5781ddf5e60c772020b3cd.png) http://i3.imageban.ru/thumbs/2017.11.20/717df4b60b276381309fc273d924c572.png (http://i3.imageban.ru/out/2017/11/20/717df4b60b276381309fc273d924c572.png) http://i3.imageban.ru/thumbs/2017.11.20/c8962d257167ff914182b01ce4b68806.png (http://i3.imageban.ru/out/2017/11/20/c8962d257167ff914182b01ce4b68806.png) http://i3.imageban.ru/thumbs/2017.11.20/968bea1aa5587db244727e2e19c01979.png (http://i3.imageban.ru/out/2017/11/20/968bea1aa5587db244727e2e19c01979.png)
1 - Google Chrome
2 - Firefox
3 - Internet Explorer
4 - EDGE
В Internet Explorer дикое отображение.
Windows 10 Google Chrome
http://i3.imageban.ru/thumbs/2017.11.20/25c46982cc5781ddf5e60c772020b3cd.png (http://i3.imageban.ru/out/2017/11/20/25c46982cc5781ddf5e60c772020b3cd.png)
Linux Google Chrome
http://i2.imageban.ru/thumbs/2017.11.20/732fcd48e9bafbdc8a15209e086042b4.png (http://i2.imageban.ru/out/2017/11/20/732fcd48e9bafbdc8a15209e086042b4.png)
Windows 10 Firefox
http://i3.imageban.ru/thumbs/2017.11.20/717df4b60b276381309fc273d924c572.png (http://i3.imageban.ru/out/2017/11/20/717df4b60b276381309fc273d924c572.png)
Linux Firefox
http://i1.imageban.ru/thumbs/2017.11.20/7ab8db9a7d707816de3566ebb631fe28.png (http://i1.imageban.ru/out/2017/11/20/7ab8db9a7d707816de3566ebb631fe28.png)
Дискомастер
21-11-2017, 05:38
Ребята, вы наверное будете удивлены:
Я посмотрел ваши картинки в Edge.
У Nordek никакой разницы не заметил - все чётко.
У CyraxZ все наоборот: Firefox, chrome - слегка размыто, но вполне читаемо. В Edge, IE - все чётко
Если бы не предложение - сравнить в разных вкладках, так вообще ничего не заметил. :)
Я посмотрел ваши картинки в Edge.
В вашем случае если посмотреть из других браузеров, картина разве будет иной ?
У Nordek никакой разницы не заметил - все чётко.
Если вы про первые 3 скрина Nordek (Linux), то первые два из них чёткие, 3-й скрин (Chrome) - слабозаметное размытие есть. Вы просто не обратили внимания. Если вы про второй комплект скринов (Windows 10), то там по-прежнему имеется слабое размытие у Chrome и Edge (также могли не обратить внимания), но в IE размытие хорошо заметно - его вы не могли не заметить (если у вас "всё чётко", то вы перепутали вкладки).
Что касается "Firefox, chrome - слегка размыто", то в отношении FF вы скорее всего обратили внимание на жирный текст (в частности, заголовки) - жирный Arial выглядит несколько коряво во всех браузерах. Сравнивайте обычный нежирный текст.
Если бы не предложение - сравнить в разных вкладках »Подогнал снимки с экрана CyraxZ'а из сообщения (http://forum.oszone.net/post-2778394-3.html):
http://i2.imageban.ru/thumbs/2017.11.21/f049a16cbc24a83ddbe21f580e5c6d29.png (http://i2.imageban.ru/out/2017/11/21/f049a16cbc24a83ddbe21f580e5c6d29.png) http://i5.imageban.ru/thumbs/2017.11.21/6f60099c31c5281e9fa6dc92cae9df08.png (http://i5.imageban.ru/out/2017/11/21/6f60099c31c5281e9fa6dc92cae9df08.png) http://i5.imageban.ru/thumbs/2017.11.21/96f01a1ce1f73e94dd256283e2967ba4.png (http://i5.imageban.ru/out/2017/11/21/96f01a1ce1f73e94dd256283e2967ba4.png) http://i2.imageban.ru/thumbs/2017.11.21/106edf0d42a03429dbef695182d96428.png (http://i2.imageban.ru/out/2017/11/21/106edf0d42a03429dbef695182d96428.png)
1-ый снимок экрана - 01 Firefox (чётко).jpg
2-ой снимок экрана - 02 Chrome (небольшое размытие).jpg
3-ий снимок экрана - 03 Edge (заметное размытие).jpg
4-ый снимок экрана - 04 IE11 (заметное размытие).jpg
Меня смутила цветность на снимках пользователя CyraxZ - от чего решил увидеть это на другом железе (сразу оговорюсь: Установлена Windows 8):
http://i1.imageban.ru/thumbs/2017.11.21/fd404d70b2d6703544c4a83d717fd66e.png (http://i1.imageban.ru/out/2017/11/21/fd404d70b2d6703544c4a83d717fd66e.png) http://i6.imageban.ru/thumbs/2017.11.21/6424ed453142d67f82b6bbca50b582aa.png (http://i6.imageban.ru/out/2017/11/21/6424ed453142d67f82b6bbca50b582aa.png) http://i2.imageban.ru/thumbs/2017.11.21/9e0e114de3541c01258a1fa3acf47caf.png (http://i2.imageban.ru/out/2017/11/21/9e0e114de3541c01258a1fa3acf47caf.png) http://i1.imageban.ru/thumbs/2017.11.21/cd963ee8fd03857b2a522b3699f03617.png (http://i1.imageban.ru/out/2017/11/21/cd963ee8fd03857b2a522b3699f03617.png)
Google Chrome
Internet Explorer (Вот такой (http://i3.imageban.ru/out/2017/11/21/9b0a41bf361c43a18e996a7516ffa74d.png))
Internet Explorer
PaleMoon
Harkovchanin1968
21-11-2017, 20:32
http://s019.radikal.ru/i615/1711/32/2b46af7a39f3t.jpg (http://s019.radikal.ru/i615/1711/32/2b46af7a39f3.jpg) http://s019.radikal.ru/i636/1711/d9/b7c91d031222t.jpg (http://s019.radikal.ru/i636/1711/d9/b7c91d031222.jpg) http://s019.radikal.ru/i617/1711/98/a00a862f3bddt.jpg (http://s019.radikal.ru/i617/1711/98/a00a862f3bdd.jpg) http://s010.radikal.ru/i311/1711/12/c19f08ebe264t.jpg (http://s010.radikal.ru/i311/1711/12/c19f08ebe264.jpg)
http://s019.radikal.ru/i629/1711/d1/3c754652af70t.jpg (http://s019.radikal.ru/i629/1711/d1/3c754652af70.jpg) http://s018.radikal.ru/i523/1711/c1/1ed106eba0e9t.jpg (http://s018.radikal.ru/i523/1711/c1/1ed106eba0e9.jpg)
Система установлена как есть, я ничего не настраивал и не менял, вот как установилась так и всё, меня всё устраивает.
Система установлена как есть »Снимки с экрана в JPEG - это гениально.
Radikal - Для добавления контраста или чтоб поиздеваться?
Harkovchanin1968
22-11-2017, 04:48
Nordek, я всегда знал что вы суровый человек но справедливый :). В своё оправдания, знаете я как то привык настраивать image-uploader именно так как есть, jpeg радикал, ещё совремён релизёрства, но я могу перезалить на любой сервер и в любом формате, мне это не сложно, требуется только намёк типа надо вот так :) я серьёзно.
© OSzone.net 2001-2012
vBulletin v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.