Как я могу сделать так, чтобы мой текст в Photoshop выглядел так, как в Интернете?

Мне действительно нужно проектировать все в Photoshop со сглаживанием, установленным на «нет»? Я уверен, что есть лучший способ.

Я хотел бы иметь настройку, чтобы при выборе базового веб-сейфа (например, Tahoma) в Photoshop я мог видеть, как он будет выглядеть на самом деле в Интернете.

Например: разница между Tahoma со сглаживанием, установленным на «четкое» в Photoshop, и тем, как он отображается в Firefox, очень велика. В фотошопе это выглядит красиво и плавно, а в сети выглядит как дерьмо.

Есть ли вариант сглаживания, с которого лучше всего начать (который дает наиболее похожий результат), когда вы планируете размещать контент в Интернете?

То, как шрифт выглядит «в Интернете», полностью зависит от браузера, настроек браузера, ОС и настроек ОС. Другими словами, у разных людей он выглядит по-разному.

Ответы (5)

Большинство операционных систем и браузеров отображают изображения со сглаживанием или субпиксельным сглаживанием. Субпиксельное сглаживание распространено на настольных платформах, таких как Windows (с ClearType) и OS X. Стандартное монохромное сглаживание распространено на мобильных платформах, где порядок субпикселей устройства может меняться в зависимости от ориентации устройства и где субпиксельный рендеринг невозможен. Это очень важно, потому что они часто имеют дисплеи с более высокой плотностью пикселей.

Отображение текста с псевдонимами распространено в Windows XP, где функция ClearType по умолчанию отключена. В Windows Vista и более поздних версиях функция ClearType включена по умолчанию.


Рендеринг в Photoshop, Windows, OS X, iOS, Android, WebKit, Firefox (Gecko) обычно отличается. Таким образом, вы абсолютно никак не можете построить что-то в Photoshop и знать, что рендеринг текста будет таким же, если только вы не сделаете снимок экрана и не добавите его в свой документ в виде растрового слоя.

После ответа на этот вопрос Adobe добавила в Photoshop параметры «Mac» и «Mac LCD» (плюс эквиваленты в Windows), которые используют рендеринг системного шрифта. Теперь он часто очень близок или идентичен Safari.

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

Передавая клиенту фактический URL-адрес, а не композицию Photoshop, вы избегаете обмана ожиданий клиента, когда конечный продукт отображается в выбранном им браузере немного иначе, чем в композиции Photoshop.

В конечном счете, мы обязаны обучать клиента и информировать его о неизбежных типографских несоответствиях, возникающих между браузерами и ОС.

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

В Photoshop CC мы добавили новые режимы псевдонимов для ваших шрифтов. Вместо «четкий» или «сильный» попробуйте новый «Mac LCD». Вы получите 100% веб-безопасный дизайн.

Не существует такого понятия, как «100% безопасный веб-дизайн», поскольку не существует такого понятия, как 100% согласованность между браузерами, шрифтами и операционными системами.

Краткий ответ: вы не можете.

Мало того, что Photoshop никогда не идеален для того, чтобы знать, как ваши шрифты будут отображаться вне его, он просто не идеален для работы со шрифтами в целом. (Когда я работал в дизайнерской фирме/типографии, по той же причине все, что было разработано в PS, нужно было экспортировать в формате PDF). Затем возникает проблема Интернета, это браузеры и ОС, которые запускают эти браузеры. На данный момент, насколько я знаю, OS X является лучшей с точки зрения правильного отображения шрифтов, тогда как Linux занимает второе место, а Windows, конечно, последнее. Реальность такова, что все они используют разные алгоритмы рендеринга шрифтов, и вы не получите везде одинаковый результат. Если бы существовало решение, мы бы все перешли на Linux, Mac или подождали, пока Microsoft в следующий раз либо добьется успеха с Windows Metro (извините, я ненавижу называть это Windows 8), либо полностью провалится.

Просто мои 2 цента,

Пластырь

На мой взгляд, рендеринг в браузере находится где-то между «четким» и «четким» в Photoshop на Mac и между «четким» и «сильным» в Windows. Графическим дизайнерам, с которыми я работаю, я предлагаю использовать «Crisp» для живого текста. Значение по умолчанию «Сильный» всегда вызывает у них разочарование. ;)