Писелит логотип (не только на сайте)
Привет. Сразу еще при скачивании заметила этот косяк, но думала Винда лагает. Поняла, что эта проблема везде. Сайты не делала, управлять ими не знаю как, но по идее нужно же векторную иконку вставлять. Вот разница между текстом на одной панели (видно, что твикинариум это часть сайта, а текст из логотипа вставленная пнгшка). Четкость ведь дожна быть одинаковая, а то будто логотип криво вырезали с фотки и лепанули на прозрачный фон.
Скрины:
[MNotice]Убирайте под спойлер большие скриншоты.[/MNotice]
Добрый день.
Векторные картинки на сайты не вставляются.
На ваших скриншотах вид как будто-вы их масштабировали.
У себя вижу нормальную четкость.
У вас на картинке тоже пикселит, у меня ничего не масштабировано. Можете взглянуть даже на свой рабочий стол и сравнять иконку твикера с другими программами.
На ваших скринах я вижу размазанность, но ни на форуме, ни на иконке твикера я этого не вижу.
Вот даже лого с сайта увеличил в 10 раз (смотреть надо в оригинальном разрешении):
Не вижу я тут никаких артефактов.
И на рабочем столе иконка ничем не выделяется на фоне остальных.
Иконка программы имеет максимальное разрешение 48x48 пикселей, так что если её пытаться вывести с большим разрешением отображения иконок, то она естественно будет размазана.
Даже на телефоне посмотрел. Разве что более заметна "лесенка" на кривых внутри логотипа. Текст надписи, если его не масштабировать абсолютно четкий.
P.S. Написал Хачатуру, пусть посмотрит сам. Может у меня со зрением совсем плохо...
А почему у вас на скрине размер лого заметно больше, чем он должен быть?
Сверху оригинальный, а ниже, по центру ваш, а в самом низу мой скриншот с сайта. Все в 5x увеличении.
У вас явно где-то включено масштабирование...
Всем привет 🖐
Если сделаю скриншот и посмотрю его на компе, то вижу лого немного размытым, но на самих телефонах выглядит всё отлично.
Так или иначе, размер выставлен в соответствии с рекомендацией самой темы + Google PageSpeed Insights.
На скрине он еще больше пиксельный (кроме того, что с телефона), не хотела указывать ибо это вроде и так понятно, тут или видео записать или вживую с моего монитора смотреть - иначе не знаю. Может пнг в плохом качестве тогда. Вот например лого дриббла на их сайте (увеличила для наглядности что на том, что на другом сайте) и лого твикера:
У первого четкое, без пикселей. На нашем же одни пиксели вокруг.
Я что-то не пойму, что не так? У вас на ВСЕХ скриншотах (хоть с телефона, хоть компьютера) логотип в большем разрешении, чем он есть. Т.е. он у вас растянут.
Даже скриншот с рабочего стола у вас имеет размер иконки 64x64 при том, что дефолтный размер иконок рабочего стола 48x48. В ресурсах нет иконки 64x64.
На телефоне да, он растягивается в зависимости от разрешения, и на скриншоте, если его смотреть на компьютере он размазан, но даже при этом, на моем скриншоте c телефона он меньше, чем у вас. (сверху ваш, снизу мой, по середине лого в оригинальном размере). Или это не с телефона скриншот? В любом случае он растянут.
И при это вы говорите, что у вас ничего не масштабируется?
Вид и четкость изображения при его растягивании зависит напрямую не так от исходного изображения, как от того "движка" который производит интерполяцию. Смазывания происходит, как раз при интерполяции. А то, что логотип dribble.com выглядит на много четче, так это потому, что он монотонный, там нету никаких градиентов или полутонов.
У меня, кстати, тоже с телефона логотип на сайте всегда был мыльным, будто в маленьком разрешении. Если приблизить страницу, то это особенно заметно. Не уверен, про это ли масштабирование вы говорили, но на этом скрине видно и мыльный логотип, и то, что масштаб страницы 100%. С пк все отлично.
Добрый🖐.
На телефоне у меня тоже логотип мытый, как то не замечал раньше, пока не сказали).