Экспорт векторной графики выглядит размытым

Я пытаюсь экспортировать и загрузить логотип в Facebook из Illustrator. Это выходит немного размытым, и я не знаю, почему!

Логотип из профиля фб:

введите описание изображения здесь

Я экспортирую логотип, используя следующие методы:

  1. Сохранить для Интернета (устаревшая версия)
  2. Изменить ширину и высоту изображения для профиля facebook. Ш = 180 пикселей, В = 180 пикселей

Ответы (2)

См. следующее изображение:

введите описание изображения здесь

Серый квадрат имеет высоту и ширину 180 пикселей. Изображение нарисовано в фотошопе. Он имеет детали того же размера, что и ваш проблемный логотип. Все имеет обычное сглаживание, кроме белого B, который по этой причине очень неровный. Но это не размыто.

180 пикселей настолько малы, что при сглаживании они будут казаться размытыми. Без сглаживания все детали должны быть отрисованы как пиксель-арт. Это означает, что все спроектировано и во время работы по рисованию тщательно подогнано к границам пикселей. Иначе неровно.

У вас есть 3 варианта:

  1. переделайте свой логотип в виде пиксельной графики (в любом случае не знаю, размывает ли его FB, потому что FB хочет изображение размером 180 x 180 и говорит, что оно будет отображаться как 170 x 170)

  2. сделать все мелкие детали на изображении крупнее

  3. экспортировать и выложить в FB в большем размере, чем 180 x 180

Ai позволяет вам фиксировать все по пиксельной сетке во время рисования, если хотите. Что конечно испортит все плавные изгибы. Остерегайтесь оставлять его включенным случайно.

КСТАТИ. Это текущая краткая форма FB для размеров изображений. Размеры отличаются для мобильных дисплеев:

введите описание изображения здесь

Изображение размером 180x180 пикселей довольно маленькое, и при выводе изображений такого размера вы потеряете детали, особенно если некоторые детали уже мелкие/хорошие.

Вы можете попробовать это и посмотреть, поможет ли это: экспортируйте его в большем размере из Illustrator, затем используйте Photoshop, чтобы изменить масштаб изображения с помощью Bicubic Sharper (лучше всего для уменьшения), или, если у вас нет доступа к Photoshop, GIMP имеет Sinc (Lanczos 3) метод интерполяции для масштабирования/передискретизации.

Редакторы растровых изображений дадут вам больше контроля при изменении масштаба изображений. Эти методы интерполяции в некоторой степени помогают повысить резкость изображений, чтобы мелкие детали оставались видимыми. Однако, в конечном счете, если вы сделаете изображения маленькими с мелкими деталями, вы потеряете некоторые детали. Этого следовало ожидать. Вы должны стараться избегать этого при разработке логотипов, чтобы не возникало проблемы, чтобы они хорошо смотрелись в любом масштабе.