Это PNG плохо для совместимости браузера

Question

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

Answer 1

Старые браузеры, такие как IE6 (который сейчас устарел), не поддерживают прозрачные файлы PNG, поэтому все зависит от того, какие браузеры вы планируете поддерживатьВ целом, PNG-файлы хороши и будут работать во всех основных браузерах.В отличие от JPEG, PNG без потерь, и это может работать против него при сжатии.Если изображение сложное, может быть лучше сохранить его в формате JPEG для лучшего качества.Здесь есть небольшая таблица , которая кратко объясняет каждый формат.Инструмент, который я использую для реального сжатия файлов PNG, это PNG Monster .Это часто дает лучшее сжатие, чем некоторые графические приложения.

Answer 2

.png изображения намного лучше для фонов и логотипов, где .jpg изображения гораздо лучше для фотографий. Если вы пытаетесь использовать анимированные изображения (которые .jpg не поддерживает), я рекомендую .gif (хотя я не рекомендую их для обычных изображений; именно поэтому был создан .png). Анимированные изображения .gif поддерживаются практически на всех устройствах, тогда как анимированные изображения .png (.apng) поддерживаются большинством веб-браузеров ПК. Если вы хотите посмотреть, как ваш веб-сайт будет отображаться в другом веб-браузере (например, IPhone, PSP, Android и т. Д.), Вы можете использовать User Agent Switcher для Firefox (я не знаю, работает ли он с 4.0). Чтобы получить больше пользовательских агентов, вы, вероятно, можете просто найти что-то вроде «Пользовательские агенты для User Agent Switcher» в Bing (или Google).

На своих веб-сайтах я всегда использую .png для изображений (фон, значок, логотип, пользовательские кнопки и т. Д.) И .jpg для изображений (скриншоты (иногда), фотографии и т. Д.)

Answer 3

Размер изображения в формате JPEG или PNG меньше, зависит от изображения. Например, большая фотография без или с несколькими одноцветными областями будет лучше сжиматься с JPEG. Сжатие PNG без потерь, что делает его более подходящим для иконок и подобных вещей.

В настоящее время каждый настольный браузер поддерживает как PNG, так и JPEG. Android и iOS, оба использующие WebKit (AFAIK), поддерживают его. Поэтому выбрал формат, который лучше всего подходит для изображения .

Answer 4

Кроме старых версий Internet Explorer, я не знаю ни одной платформы, которая не поддерживает PNG.

Википедия: Поддержка веб-браузера для PNG

Answer 5

PNG подходит для "ICON", "THUMBNAIL", "ПРОЗРАЧНЫЕ ИЗОБРАЖЕНИЯ"

В то время как JPG подходит для "LAGGE IMAGE", "SCREENSHOT", "PHOTOGRAPH"

GIF isхорошо для "ANIMATION"

PNG хорош для некоторых браузеров.Вы можете увидеть разницу, когда вы пытаетесь создать изображение с помощью php.Качество PNG лучше, чем у JPG, когда вы это сделали.