1931 подписчик
Одной из самых частых ошибок новичков в дизайне являются растровые иконки.
⠀
Да, серьезно. Недостаточно взять png с флетикона и думать, что это нормально. После дизайна сайт идет в верстку и твои растровые иконки на одном из устройств точно пойдут пикселями.
⠀
Почему? Реальный размер твоего изображения будет не 100 пикселей, как на макете, а 200 или вообще 400, так как разрешение экрана гораздо больше, чем мы рисуем. Например, если это iPhone, то реальное разрешение не 414, а 1242. Или не 1920 на десктопе, а 5120 пикселей.
⠀
Растр имеет свойство пикселизации при увеличение, вектор же сохраняет свои свойства. Именно поэтому важно знать форматы, и понимать как это все работает.
⠀
Окей, Крис, а что с фотками? Тут тоже не все однозначно. Допустим, ты нарисовал иллюстрацию в фотошопе размером 1920. На ретине она будет «мылить». Но если ты возьмешь при отрисовке двойное разрешение - 3840, то мыла не будет.
⠀
⁃ Но ведь оно будет огромным и будет долго грузится?
⠀
Да, если это png или jpg без сжатия, конечно. Но есть специальный формат, читаемый всеми современными браузерами, сокращаемый вес картинок на 25-30%. Сжимая до безумия джипег ты получишь мыло. А вот с этим форматом все получается четче.
⠀
Все описала в посте, а с тебя лайк и коммент ❤️
1 минута
10 мая 2023
1233 читали