Обновить

Комментарии 96

Простите за оффтопик, но мне действительно интересно, откуда вы взяли такой страшный знак для оперы?
это перевод статьи, отмечу только, что авторы использовали этот знак и для предыдущей статьи

www.graphicrating.com/2008/12/15/browsers-war-meet-the-competitors/

в которой он крупнее и не такой страшный :)
Ну в таком случае, стоит отметить, что значок от опера 10 альфа. В статье рассматривается альфа 10-ки или 9.x версия?
Имхо сравнивать альфу с финальными версиями несколько некорректно…
10 версия,
IE8b2 тоже не финальная
Почему-то они использовали такой значок для альфы 10ой версии, хотя в самой опере он классический.
в новой сборке 10й оперы, при установке новый значок — синий, похожий на КвикТайм.

Правда в самой опере — тоже пока старый
Это вообще левая иконка! В 10 альфе стандартная иконка. В той статье все иконки левые, если не заметили. Не думаю, что это правильно – делать подобное :-/
для ИЕ тоже страшенный значек :)
Не увидел преимущества амперсанда от сафари над фф и оперой. Похоже надо пойти еще поспать.
аналогично
есть, есть
у FF немного размыто слева,
у опера вообще скошенная прямая явно хуже рендерится
у Safari — все края четче
Глаза от напряженного зучения разболелись, но все равно одинаково выглядят. Возможно это из-за качества монитора, а может и впрямь недосып.
Сафари рулит. При просмотре вэб-сайта в Сафари складывается ощущение, что это не сверстанный сайт, а целиком картинка из Фотошопа. Я считаю, что именно такой и должен быть рендеринг текста в современных браузерах. Все чисто, гладко, красиво.
вы про safari for mac говорите или вообще?
Сафари для Мак и ПК одинаково рендерят.
Эй да? Проверьте ещё раз.
ps. krunchd.com/mac_vs_win_s
Одинаково хорошо, по сравнению с остальными. Разве нет?
Я ответил на вопрос: «Сафари для Мак и ПК одинаково рендерят.»
плюс, но Вы не на вопрос ответили, а возразили на утверждение ;)
К вашему сведению, уровень сглаживания шрифтов в Маке можно выбирать. И возможно, при другой настройке, рендеринг в Маке будет точно такой же как в Сафари на ПК.
НЛО прилетело и опубликовало эту надпись здесь
Боюсь Вас разочаровать, но это не совсем так во всех случаях.
Мой Safari (mac) рендерит страницы абсолютно так-же, как и у вас на скриншоте win-версии.
нет. в винде сильнее размыт текст. на маках идельно везде текст выглядит
А мне, почему-то, не нравится слишком жирное начератение((
удивительный тест — ни версии браузеров, ни сборки, значок оперы намекает, что использовалась wingogi сборка…
да, правда — ссылки есть. раз уж информация дублируется в начале и в конце, и ссылки не очень информативна на мой вгляд — я бы сформулировал последнее предложение так:
«Доступен список используемых браузеров»
по мне, так проигравший в тесте на рендеринг амперсанда — опера. ИЕ не плох, сафари лучший.


пейнт плохо сохранил, ладно, можно и на оригинале сново посмотреть, а местая отметил :)
по моему, у сафари стоит отметить еще и лучший рендеринг наклонной линии, эффекта от сглаживания почти не видно
ну да, я согласен, дальше просто смысла не было сравнивать, очевидно, что тут сафари лучше
Спавнивать клиртайп-рендеринг с обычным считаю не совсем корректным. Тестирования «основного текста», считай, и не состоялось.

В вот как эти братцы обрабатывают текст в том же Windows XP SP2 со включённым cleartype. Вот они, КРАСАВЦЫ!



Whom how, а мне стало ясно почему иностранный автор не стал включать cleartype :-)
А можно еще сделать такую же, но с тем самым мелким основным текстом?
ClearType имеет огромное множество настроек.

А что в этом примере? У вас ведь даже IE другой версии.
Да? Может тогда расскажите где настраиваются зазубрины? Я бы тогда их немного увеличил.

Ну что же, если ИЕ7 ведёт себя по-другому в этом окружении, честь ему и хвала. И как же он себя ведёт?
не помогло
У ClearType, насколько я знаю, есть только одна настройка, которая влияет на «вес» или «жирность» шрифта. Больше настраивать нечего, разве что совсем отключить сглаживание.

Так что если вам очень-очень нужно настроить зазубрины, то у вас один выход — линукс. В гноме и в кде такие настройки точно есть)
вы не забывайте — это огромное множество настроек очень нужно людям
пожалуйста, поделитесь добром
Ну незнаю, все как-то субъективно очень. Сглаживание довольно индивидуальная вещь, а тут просто ставят перед фактом, что «так вот» хорошо, а «вот так», значит, плохо. Не им судить, как мне приятнее читать текст, на моем пк
Полностью согласен. По мне — лучше всех рендерит сафари. А автор его на последнее место поставил.
ну можно глянуть на хединг6. что там у сафари второй буквой? «с» или «е»?
судя по результатам safari действительно утяжеляет текст по сравнению с другими, что в этом хорошего?
мне лично это совсем не нравится
Мне очень нравится, как он сглаживает текст.
Сейчас уже месяца 2 работаю на макоси, пересаживаясь за винду уже подташнивает от тамошнего сглаживания.
На винде было тоже ощущение, при включение фаерфокса после сафари, но из-за плагинов все равно приходилось его использовать :-)
НЛО прилетело и опубликовало эту надпись здесь
Сама по себе эта новость, конечно, неприятна. Но в данном случае куда важнее сила привычки. Привык человек к тяжелым шрифтам — все остальное будет казаться ему неправильным. И наоборот.
А зачем так пристально рассматривать амперсанды и экстрабольшие шрифты? Когда вы их последний раз в вебе видели? :)

Качество сглаживания проявляется на мелких шрифтах, вся полезная инфа же рисуется ими. И ИЕ тут однозначный лидер, надо отдать ему должное — www.graphicrating.com/wp-content/uploads/2008/12/bw-content.png.
А почему ClearType включен только у IE? Это неравные условия.
потому что в ИЕ можно включить клеартайп
У ИЕ на данном скриншоте включен ClearType, в остальных же браузерах он выключен, включи его, картина будет везде одинаковая, кроме, конечно же, Сафари =)
хорошее сравнение. но тот же файрфокс в линуксе сглаживает шрифты совершеннно по другому… ИМХО сафари в «родной» среде тоже должен улучшить свои результаты… про оперу ничего не скажу (не пользуюсь активно), но имхо в ней от платформы тоже многое зависит.
достаточно запустить firefox на windows и linux (убунту например) открыть yandex.ru и понять всю разницу. Шрифт русского текста отличаеться кардинально, что зачастую непривычнее человеку который пересел с десктопа windows на linux.
Согласен. Даже если дополнительно установить виндовые шрифты, то сглаживать их будут совсем по-другому. Так что лучше оставлять встроенные, которые, как я понимаю, разработаны именно под линуксовый хинтер.
Всё-таки мне маковское сглаживание Safari (и приближенное к нему то, что у меня настроено в Линуксе) нравится больше всего. Так символы получаются наиболее близкими к их реальным формам в шрифте, а искусственно отшарпленные границы не рябят в глазах — как результат, текст читается гораздо легче. Ещё приятный побочный эффект — гораздо лучше получаются мелкие кегли.

Всё субъективно, в общем.
Странная какая-то статья. Ведь, если я не ошибаюсь, все браузеры, кроме Safari, рендерят текст не своими силами, а системными функциями, и всё сильно зависит от того, что за система и как она настроена. Вот тут взяли Windows XP, где отключили ClearType. Opera, Crhome и Firefox так или иначе сводят создание шрифтов (через прослойки, возможно) к Windows API фукнции CreateFont, передавая в параметре fdwQuality значение DEFAULT_QUALITY. IE7 при этом имеет настройку, в зависимости от которой он передаёт либо DEFAULT_QUALITY, либо CLEARTYPE_QUALITY. Так что (не считая Safari) тест лишь показывает преимущества ClearType. Теперь о Safari. Туда Apple включили свой, очень хороший движок рендеринга шрифтов. Он субъективно мне больше нравится. Попробуйте на бумаге распечатать, там будет как раз ближе к тому, как Safari рендерит. Насчёт того, что «тяжёлый». Как раз наоборот, благодаря этому буквы лучше видны. А если объективно — об этом очень подробно на RDSN писал пользователь McSeem2. К сожалению, сейчас не могу найти статью. Замечу тем, кто захочет найти, что это статья не про рендаринг в Safari, а про рендеринг шрифтов вообще. Там было про всё — и про ClearType, и про Linux и про Mac.
если я не ошибаюсь 10 альфа оперы имеет свой собственный движок рендеринга текста
В линуксе, по крайней мере, это не заметно. Рендерит так же как и вся система.
О! Я тоже всё читал комменты и ждал, ну когда же кто-то скажет про то, что рендерит шрифты система. Кстати, мне кажется, что вся разница сводится просто к тому, что в разных браузерах разные дефолтные css и там разные размеры шрифтов, отличающиеся на значения сильно меньше одного пикселя, отсюда и визуальное различие. ИМХО.
Не знаю насчет Safari, но рендеринг текста в ИЕ мне всегда нравился. Одно из его немногих достоинств как кажется.
А теперь включите ClearType не только для IE, но и для остальных приложений.
Какое-то предвзятое сравнение, мне кажется.
Посмотрите на первую картинку с H1-H6. По моему мнению, набор от H1 до H6 цельным выглядит только у Сафари и IE, потому что у ФФ, Оперы и Хрома H3 жирнее H2, а H5 жирнее H4 — все вразнобой.

zencd правильно отметил, что вырезаный текст сравнивать не совсем гуд. Мне кажется, надо сравнивать текст вообще в реальных страницах. Там и пунктуация, и sub, и sup и самое главное — общее впечатление и удобочитаемость.
Опера 9.61, Windows XP, с ClearType и без него:



Что сравнивали в статье — непонятно.

ЗЫ. Только заметил, что в статье Georgia 15px а не 13px. Переделывать уже не буду. =)
сравнивали без cleartype так в статье и сказано
IE, однако, использовал ClearType независимо от настроек системы, и Safari использовал свой движок. В чём смысл тогда?

Разве что, посмотреть, что увидят рядовые пользователи WinXP, не интересующиеся настройками системы… Вполне себе цель, если только она где-нибудь обозначена.
Скриншоты с ClearType пришлось бы делать для разных порядков тройки rgb.
Вот например данная картинка у меня отображает фиолетово-салатовые буквы.
Кто-нибудь из тех, у кого порядок тройки цветов отличается и на картинке буквы разноцветные: сделайте свой скриншот сглаженного ClearType текста и выложите. Хочется почувствовать разницу. :)
Можно даже тот же текст.
Слева — «тот же текст» у меня, справа — копия того что наверху, для наглядности.
Кажется, порядок субпикселов в данном случае не при чём. Ваш вариант на моём рабочем мониторе выглядит определённо лучше. И тяжелее.
Как я понимаю, чем тоньше линии, тем заметнее цветовые искажения.
У меня ClearType ни разу не настроен был. Надо будет завтра на работе поиграться с ClearType Tuner (выше упомянут).

На домашнем ноутбуке получается такая картинка (слева):



ClearType Contrast Setting на 1.3.
А справа как раз выбрал другой порядок следования субпикселов.
Для тестирования использовалась машина с Windows XP без включенного ClearType.
Насколько я помню, в Internet Explorer, так же как и в Микрософт Офисе есть отдельная опция «Использовать сглаживания ClearType», которая работает независимо от системных настроек.

Отключил ли эту опцию автор? Нет. Что и было ему сказано в первом же комментарии к оригинальной статье. :)
думаю вы прочитали и ответ автора на этот вопрос
As default ClearType is not active in Windows XP.
Safari has similar feature built in so I think that it is fair for Internet Explorer to use its ClearType feature.
Тогда нафига, извините, всё это псевдо-научное тестирование? Когда и так всё понятно — это соревнование микрософтовского ClearType и эппловского сглаживания (холиварная тема).
Спасибо, что обратили внимание. Авторы исследования скромно проигнорировали этот момент — а ведь как раз эта фраза во всем этом «исследовании» ключевая, ее надо было выделить красненьким и повесить сверху :)

И да, с такими настройками исследование действительно полностью лишено смысла, и сводится к известному холивару.
у меня IE почему Cleartype не использует, хотя в настройках галка стоит. но всё равно нравится как рендерит текст Сафари, хотя и в правду он тяжелее становится, возможно это так же зависит от настроек
Под никсами у меня и фф и опера одинаково клёво рендерят текст. Ну разве что опера там text-shadows поддерживает, а огнелис нет.
Не знаю как вам, но по мне, так у сафари самый приятный для глаза рендер текста. Не спорю что по началу непривычно, но после намного проще читается текст.
И откуда такие „эксперты“ берутся?
Шрифты со сглаживанием выглядят лучше, чем без сглаживания. — Спасибо, мы и сами бы догадались.

Надо предложить в следующем тесте рассматривать зачёркнутый текст: положение линии, близость его к золотому сечению…
В разделе с блоками текста сравнивают непонятно что, но точно не браузеры. В ИЕ текст обрабатывает ClearType, который не является непосредственной частью ИЕ. В опере, фоксе и хроме этот самый ClearType отключен и мы видим, как винда рисует несглаженный текст. Насчет сафари не знаю, но что-то мне говорит, что там тоже рисует не браузер, а менеджер рабочего стола.

Какой-то странный обзор. Его бы перенести в Операционные системы, то нечто похожее, на намного более информативное есть в Типографике: habrahabr.ru/blogs/typography/18291/.

Ерунда полная.
вы нечестно проводили тестирование, используя шрифты Windows.

используйте Mac / OpenType / FreeType, которые идут под другими ОС и увидите лидеров.
Конечно. Берем свежеустановленную Убунту, запускаем свежустановленный FireFox и набираем родной до боли адрес habr.ru/

Такое шоковое впечатление вы вряд ли когда-либо еще испытаете (особенно от крупных заголовков, и!!! разного размера латинских и руских букв — это что-то).

Фуу. несглаженный текст, неужели удобно?

А сафари сглаживает как Линукс (то есть не очень)
скриншот из линукса:


почему-то мне о сафари не напоминает.
Потому что в примере вверху шрифт другой. У меня эта картинка: www.graphicrating.com/wp-content/uploads/2008/12/bw-content.png шрифт из сафари в первом абзаце, с грязными краями бкув ассоциируется с Линуксом (хотя может это только мое восприятие, но именно в Линуксе я видел такие края букв, на максимальном сглаживании). Сравните с ИЕ рядом — разница огромная!

Кстати, я смотрю, вы недефолтными шрифтами пользуетесь! Что ж вы исконно Линуксовые то не используете? Правда Ариал в Линуксе все равно как-то не так выглядит, вот скрин из винды: www.picamatic.com/show/2008/12/23/07/29/1593489_504x292.png
Я конечно поставил стандартные вебовские шрифты, в других местах в основном DejaVu использую, либо стандартные.
Да, раньше были проблемы со сглаживанием в линуксе, оно мне тоже не нравилось (его можно и сейчас переключать на старое), но теперь гораздо лучше с FreeType2.
Сглаживание в сафари на скриншоте, мне субъективно не нравится.
А можно как то определить, какая версия FreeType используется? У меня нестрашное сглаживание только при самом млабои значении.
НЛО прилетело и опубликовало эту надпись здесь
хотя я и не являюсь автором статьи, но замечу, что тестирование проводилось на платформе windows для браузеров этой платформы
мне не понятно, при чем тут mac os
НЛО прилетело и опубликовало эту надпись здесь
Почему то совсем не напрашивался вывод, что IE лучший :) Да и статья мало похожа на нормальный анализ проблемы.
вроде рендеринг в ie всегда был в сторону наиболее удобного чтения/восприятия, а не в для красивостей и правильностей — за это его и любят
удобств восприятия, как выше показано, нет, а кто его любит вообще непонятно
вот так примерно в сафари — s61.radikal.ru/i174/0812/ee/e5e09456d422.jpg
вообще странное сравнение. в ие и сафари сглаживание включено, в остальных — отключено. как можно сравнивать? в этом сравнение ИЕ победил за счет того, что он игнорирует системную настройку сглаживания и включает его
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации