Я столкнулся с некоторыми хорошими конструкциями CSS, которые я пытаюсь воспроизвести на своем собственном сайте. Проблема в том, что проекты были представлены как изображения ... скриншоты на реальной странице. Это означает, что я пытался воспроизвести дизайн в моем собственном CSS.Серый текст на веб-сайте имеет цвет
Вот проблема: текст Я рендеринг окрашен в оттенках серой (все RGB значение равно) в моем CSS, но если я скриншот моей страницы и увеличить, вы можете увидеть цветных пикселей по всему тексту. В оригинальном дизайне нет таких ... он совершенно серый, и, следовательно, выглядит намного более гладким.
Вот оригинал в обычный размер (очень гладкий ищет):
И здесь увеличено (заметьте, что все пиксели в оттенках серого):
Теперь, вот моя попытка обычного размера (обратите внимание, как грубо это выглядит):
И увеличено (см все цветные пиксели):
Что здесь происходит? Как я могу добиться гладкого внешнего вида оригинального дизайна без цветных пикселей?
Это [рендеринг подпикселя] (http://en.wikipedia.org/wiki/Subpixel_rendering). Не о чем беспокоиться. –
«Цветные» пиксели - это артефакты субпиксельной визуализации шрифтов. Насколько я могу судить, мало что можно сделать по этому поводу. –
@PeterO. Ну, вы можете изменить настройки на своем собственном компьютере. Но если вы хотите, чтобы пользователи на вашей веб-странице отображали то же самое, что и вы, да, тогда у вас есть проблема. Вам нужно будет прибегнуть к трюкам замены изображений. –