Использование изображений PNG на веб-сайтах

Ответ 1

IE 6 будет отображать только GIF-прозрачность в изображениях PNG, если вы не используете фильтры.
Для получения дополнительной информации см. здесь

Кроме того, они отлично работают, и теперь они становятся все более популярными.

Ответ 2

Вот несколько корпоративных сайтов Fortune 500, которые используют PNG на своей первой странице:

• microsoft.com
• apple.com
• google.com(логотип Google - PNG)
• hp.com(они фактически используют двухэлементные IEPNGFIX и прозрачные PNG).

на самом деле единственное, что я нашел, что нет (я смотрел только около 10), был Siemens.com

Ответ 3

В наши дни их можно использовать просто отлично. Старые версии IE (6.0 и старше) не поддерживали все режимы прозрачности, что было самой большой причиной, по которой люди избегали формата. Другие браузеры, такие как Firefox, Chrome, Opera, Konqueror или Links, не имели таких проблем.

Ответ 4

Да, хорошо использовать png, но есть некоторые вещи, которые стоит указать.

• Internet Explorer 6 не поддерживает прозрачность. Как указано в нескольких комментариях, вы можете использовать фильтры, чтобы исправить эту проблему. Однако есть определенные проблемы, которые могут возникать при использовании его над относительным контейнером, или трижды использовать фоновый повтор. Лично я использую vml implementation, у которого нет этих проблем.

• Обычно не рекомендуется смешивать (как в случае перекрытия) png с другими типами изображений, такими как jpeg. Несмотря на то, что они имеют одинаковый цвет фона, IE может отображать их несколько иначе, поэтому они не очень хорошо сочетаются.

• Mac OS X отображает png с сохраненной гамма-коррекцией. Возможно, вам придется удалить его. Я использую pngcrush.

• Вложенные полупрозрачные поверхности могут быть очень медленными в некоторых браузерах.

Ответ 5

Файлы PNG сегодня становятся стандартом, особенно потому, что PNG - это открытый формат, специально предназначенный для Интернета. W3C рекомендует использовать PNG для веб-сайтов, так как PNG будет создавать более компактные файлы при работе с графикой, логотипами и т.д. PNG - это формат сжатия без потерь.

Пока PNG является единственным форматом, который позволяет использовать прозрачность, вы можете использовать JPG (который в основном представляет собой формат сжатия с потерями) для больших изображений.

И угадайте, что? Даже Google использует png-изображение для своего логотипа olympics.

Ответ 6

PNG на самом деле очень часто используются сегодня. Немногие - сайты без по крайней мере нескольких PNG. И их тоже не следует опасаться. Единственная проблема с IE6, которая имеет два возможных решения:

• Фильтр DirectX. Просто Google, сеть, полная этого. Он работает без каких-либо изменений в PNG файле, но есть несколько GOTCHA-подобных прозрачных областей, также будет прозрачным для ввода пользователем (щелчок), и вы не можете комбинировать его с другим фоновым изображением.
• Настройка цвета фона для PNG. Это не требует специального кодирования на веб-странице, но это не всегда подходит. Идея состоит в том, что PNG файл может указывать по умолчанию "фоновый" цвет, а IE6 выполняет это. Так как довольно часто PNG отображаются на сплошном или почти сплошном фоне, это работает удивительно хорошо. Используйте утилиту TweakPNG для установки фона.

Ответ 7

И не забывайте, что логотип Qaru - это PNG, еще одна причина для его использования!

Ответ 8

PNG - это более универсальный графический формат для Интернета, имеющий отличную альфа-прозрачность, а также хорошее сжатие и отсутствие собственных ограничений (GIF когда-то был предметом затянувшегося случая прав IP, когда Compuserve заявлял о принадлежности к используемому формату сжатия).

Тем не менее, присяжные все еще не используют их в целом. Они кажутся особенно хорошими для небольших логотипов и значков, но для больших подробных изображений GIF в значительной степени сопоставим по размеру файла, и JPEG по-прежнему имеет наилучшее общее соотношение размеров файлов к качеству (и это может иметь большое значение для времени загрузки веб-сайта).

PNG набирает силу как формат, хотя вы можете ожидать, что он будет использоваться все больше и больше везде, где вы смотрите. Функции альфа-прозрачности делают PNG полезным форматом для интересных элементов интерфейса, таких как наложения и вырезки.