Как стать автором
Обновить

Комментарии 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
вообще странное сравнение. в ие и сафари сглаживание включено, в остальных — отключено. как можно сравнивать? в этом сравнение ИЕ победил за счет того, что он игнорирует системную настройку сглаживания и включает его
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории