Как правильно сохранять изображения для geektimes?

Question

[iva2000]

Готовлю черновик поста на geektimes. Графики и таблицы выглядят плохо.



Пример - принтскрином взял с экрана из ворда таблицу, менял форматы, размеры изображения - буковки в посте выглядят мутно. И на огромной картинке, автоуменьшаемой для просмотра, и на картинке заведомо меньшего размера, чем ширина полосы. И jpg и png.

Как сделать, чтобы текст в таблице выглядел также четко, как и основной текст?

Answer 1

[Сергей Соколов]

Разница в сглаживании (anti-aliasing).
В Windows текст сглаживается довольно жестко – алгоритм допускает искажения формы символо ради лучшего попадания в пиксельную сетку и буква выглядит почти как пиксельная графика:

Увеличенный фрагмент

На Маке ситуация иная – текст сглаживается сохраняя дизайн шрифта, но выглядит мягче.

скрин вашего вопроса

Подробнее про разности анти-алиасинга на разных платформах.

Маковский вариант больше похож на то, что получается у вас с иллюстрацией, и ваша картинка мне не кажется некорректно замыленной.

Чтобы картинка выглядела так же «кристально» чётко как и текст под Windows, надо, чтобы в публикации её размер был 1:1 от сделанного снимка экрана. Надо избежать перерасчёта картинки в браузере.

Разберитесь, какого размера становятся изображения в публикации, и подготовьте иллюстрацию 1:1 пиксель-в-пиксель.

При этом читатели на Маке среди гармоничного мягкого текста увидят «явно-виндовый» скрин с пиксельным текстом.

Comments

[Nekto_TM]

В Windows текст не сглаживается

читатели на Маке среди гармоничного мягкого текста увидят «явно-виндовый» скрин с пиксельным текстом

Поразительно, насколько у людей отшибает мозг после присяги эпплу) В винде текст сглаживается, иначе он бы выглядел в стиле 8-битных игр и приложений под дос. Просто винда стремится уложить контуры букв в пиксельную сетку, чтобы текст выглядел чётко, а не замылено (как на маке).

[Сергей Соколов]

Nekto_TM, батхёрт детектед )

[Nekto_TM]

Сергей Соколов, не отрицаю. Молись своему богу, только не пудри людям мозги заведомо ложной информацией)

[Сергей Соколов]

Nekto_TM, посмотрите на межбуквенные расстояния. Пишут, что хотя и MS и Apple стараются попадать в пиксельную сетку, различаются приоритеты:

• Apple ставит целью сохранить дизайн шрифта при этом: формы и положение символов;
  
• MS допускает искажать формы символов ради лучшего попадания в сетку.
  

p.s. обновил ответ, убрал категоричность про черно-белые пиксели.

[Nekto_TM]

посмотрите на межбуквенные расстояния.

Что я должен увидеть?

p.s. обновил ответ, убрал категоричность про черно-белые пиксели.

Хрен таки редьки не слаще, господин эксперт. "Буква выглядит почти как пиксельная графика"? Чувак, ну серьезно? Глянь в инете образцы пиксельной графики.

А теперь добавим к твоему увеличенному скриншоту виндового текста увеличенный скриншот маковского текста (вверху - мак, снизу - винда):


Любой маковод с яблоком вместо сердца и портретом Джобса на стене вместо портрета Ленина скажет, что конечно же "Apple ставит целью сохранить дизайн шрифта". Однако реально эппловский способ рендеринга шрифта утолщает шрифт, и не только визуально (как следствие, строка становится длиннее, это можно заметить сравнив местоположение начала слова "принтскрином").

Суть в том, что ближе всего к оригиналу шрифта - виндовый рендеринг. Это можно проверить открыв иллюстратор и наложив растровый скриншот на векторный текст.

Второе, кстати, следствие - засилье супер-тонких шрифтов в модных дизайнах сайтов. В полиграфии еще они нормально пропечатываются, а дизайнеры на маках ставят в свои макеты сайтов супертонкие шрифты и думают, что это ок, т.к. на маке шрифты искусственно утолщаются. 95% остального мира видит разорванные контуры в буквах толщиной меньше пикселя.

---

Вообще, я бы ничего не имел против такого рендеринга, если бы он, во-первых, оставался в рамках пользовательских настроек операционной системы (как clear type на виндоуз), а во-вторых - не приводил к голословным и неверным утверждениям вроде "Эппл сохраняет дизайн шрифта, делает его как в полиграфии" и "Винда искажает шрифты".

Ну и "виндовые шрифты - пиксельные". Да не пиксельные они. Они адаптированные к электронным носителям, причем минимально уходя от исходного дизайна шрифта. Как в полиграфии отталкиваются от размера точки, минимальной толщины линии и растискивания краски, так и в экранах следует отталкиваться от пикселя.

Любой эксперт по шрифтам и их рендерингу скажет тебе, что у эппла со шрифтами - пока еще беда, а вот у винды в этом плане нет конкурентов.

Answer 2

[iva2000]

Я специально делал картинку чуть уже ширины ленты, чтобы ее не сжимало и не растягивало, результат тот же.