сохранить для Интернета создает размытые png с белой трассировкой

У меня проблема, которую я никак не могу обойти. Я бы не назвал себя графическим дизайнером, так как я использую фотошоп и иллюстратор только в отношении веб-дизайна, поэтому я знаю достаточно, чтобы быть опасным. В прошлом у меня много раз возникала проблема, когда я использовал «Сохранить для Интернета» и сохранял изображение в формате png-24, оно получалось размытым и часто имело белую трассировку вдоль внутреннего края частей изображения. Я не уверен, что это имеет смысл, но вы можете увидеть его в действии с логотипом здесь:

Обратите внимание, что серый самолет на заднем плане имеет слабый белый след. Хотите верьте, хотите нет, но это один из лучших, так как я много читал здесь и пробовал разные вещи. Последнее, что я пробовал, это увеличить размер исходного изображения в 4 раза по сравнению с тем, что я хотел, и убедился, что оно будет уменьшаться точно без половины пикселей. Не повезло.

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

Если открыть картинку с сайта в другой вкладке, то текст выглядит четче, но белые линии на самолете все равно есть. Итак, я предполагаю, что Wordpress вызывает некоторые из них, но я не уверен, как это исправить. Я также попытался загрузить изображение в размере, который я хочу использовать, который составляет 120 пикселей в высоту.

У кого-нибудь есть советы?

выкладываю скриншот по запросу, но здесь его почти не видно:

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

не могли бы вы опубликовать реальный скриншот с видимой проблемой? На моем W7, Firefox 29.0.1, логотип находится на белом фоне, что делает трассировку невидимой.
Я добавил скриншот, но на самом деле трассировка находится на серой части самолета на заднем плане. Это похоже на внутреннюю трассировку, за неимением лучшего слова. Это слабая белая линия прямо внутри края самолета.
Вы используете «Сохранить для Интернета» из Illustrator? И если да, то у вашего логотипа прозрачный фон?
Я пытался использовать функцию «Сохранить для Интернета» в иллюстраторе, но версия, которая сейчас существует, — это функция «Сохранить для Интернета» в Photoshop. Я получил аналогичные результаты с обоими. и у него прозрачный фон.

Ответы (1)

Это похоже на проблему рендеринга браузера, а не на метод, который вы используете для экспорта изображения из Photoshop (изображение выглядит идеально в Chrome).

Ваш PNG действительно нуждается в прозрачном фоне? Вы можете сохранить для Интернета, сняв флажок «Прозрачный», чтобы получить сплошной белый фон.

Наконец, поскольку исходное изображение имеет одинаковый размер, вы можете использовать исходную загруженную версию логотипа (Synergy-316_120.png) вместо изображения с измененным размером Wordpress (Synergy-316_120-316x120.png). Возможно, Wordpress плохо сжал ваше изображение во время загрузки/изменения размера/сжатия.

это странно, потому что я использую Chrome, но я загрузил его в Firefox, и там он выглядит великолепно. ФУ! На самом деле мне не нужен прозрачный фон, поэтому я сохранил как png без прозрачности, и у самолета больше нет белой трассировки. Тем не менее, в хроме он все еще размыт, так что я должен понять это. Что касается изображения с измененным размером, я думаю, что моя тема делает это, хотя загруженное мной изображение имеет желаемый размер. Я собираюсь копаться в этом.
хорошо, я создал гораздо большую версию в фотошопе, а затем уменьшил размер в диалоговом окне «Сохранить для Интернета» и удалил прозрачность. Теперь он выглядит четким в Chrome и Firefox. Спасибо за вашу помощь!