Можно ли использовать PNG-изображения на веб-сайте? Я на самом деле не видел, чтобы их использовали много, поэтому было интересно, каковы недостатки. Должны быть какие-то, наверняка, все будут использовать их?...
Являются ли они, например, совместимыми с MSIE и Chrome и т.д....
IE 6 будет отображать только GIF-прозрачность в изображениях PNG, если вы не используете фильтры.
Для получения дополнительной информации см. здесь
Кроме того, они отлично работают, и теперь они становятся все более популярными.
Вот несколько корпоративных сайтов Fortune 500, которые используют PNG на своей первой странице:
- microsoft.com
- apple.com
- google.com(логотип Google - PNG)
- hp.com(они фактически используют двухэлементные IEPNGFIX и прозрачные PNG).
на самом деле единственное, что я нашел, что нет (я смотрел только около 10), был Siemens.com
В наши дни их можно использовать просто отлично. Старые версии IE (6.0 и старше) не поддерживали все режимы прозрачности, что было самой большой причиной, по которой люди избегали формата. Другие браузеры, такие как Firefox, Chrome, Opera, Konqueror или Links, не имели таких проблем.
Да, хорошо использовать png, но есть некоторые вещи, которые стоит указать.
Internet Explorer 6 не поддерживает прозрачность. Как указано в нескольких комментариях, вы можете использовать фильтры, чтобы исправить эту проблему. Однако есть определенные проблемы, которые могут возникать при использовании его над относительным контейнером, или трижды использовать фоновый повтор. Лично я использую vml implementation, у которого нет этих проблем.
Обычно не рекомендуется смешивать (как в случае перекрытия) png с другими типами изображений, такими как jpeg. Несмотря на то, что они имеют одинаковый цвет фона, IE может отображать их несколько иначе, поэтому они не очень хорошо сочетаются.
Mac OS X отображает png с сохраненной гамма-коррекцией. Возможно, вам придется удалить его. Я использую pngcrush.
Вложенные полупрозрачные поверхности могут быть очень медленными в некоторых браузерах.
Файлы PNG сегодня становятся стандартом, особенно потому, что PNG - это открытый формат, специально предназначенный для Интернета. W3C рекомендует использовать PNG для веб-сайтов, так как PNG будет создавать более компактные файлы при работе с графикой, логотипами и т.д. PNG - это формат сжатия без потерь.
Пока PNG является единственным форматом, который позволяет использовать прозрачность, вы можете использовать JPG (который в основном представляет собой формат сжатия с потерями) для больших изображений.
И угадайте, что? Даже Google использует png-изображение для своего логотипа olympics.
PNG на самом деле очень часто используются сегодня. Немногие - сайты без по крайней мере нескольких PNG. И их тоже не следует опасаться. Единственная проблема с IE6, которая имеет два возможных решения:
И не забывайте, что логотип Qaru - это PNG, еще одна причина для его использования!
PNG - это более универсальный графический формат для Интернета, имеющий отличную альфа-прозрачность, а также хорошее сжатие и отсутствие собственных ограничений (GIF когда-то был предметом затянувшегося случая прав IP, когда Compuserve заявлял о принадлежности к используемому формату сжатия).
Тем не менее, присяжные все еще не используют их в целом. Они кажутся особенно хорошими для небольших логотипов и значков, но для больших подробных изображений GIF в значительной степени сопоставим по размеру файла, и JPEG по-прежнему имеет наилучшее общее соотношение размеров файлов к качеству (и это может иметь большое значение для времени загрузки веб-сайта).
PNG набирает силу как формат, хотя вы можете ожидать, что он будет использоваться все больше и больше везде, где вы смотрите. Функции альфа-прозрачности делают PNG полезным форматом для интересных элементов интерфейса, таких как наложения и вырезки.