Я хочу знать об использовании png файлов. Для png-изображений доступны два формата; один png8, а другой - png24.
Я хотел бы знать, что если я использую любой тип на моей странице html, будет ли какая-нибудь ошибка? Или это только качественный вопрос?
Существует только один формат PNG, но он поддерживает 5 типов цветов.
PNG-8 относится к варианту палитры, который поддерживает только 256 цветов, но обычно меньше по размеру. PNG-8 может быть заменой GIF.
PNG-24 относится к истинному варианту цвета, который поддерживает больше цветов, но может быть больше. PNG-24 можно использовать вместо JPEG, если требуется формат изображения без потерь.
Любой современный веб-браузер будет поддерживать оба варианта.
Из Руководство по веб-дизайнерам формата PNG
PNG-8 и PNG-24
Существует два формата PNG: PNG-8 и PNG-24. Числа являются сокращенными для обозначения "8-битного PNG" или "24-битного PNG". Не слишком много технически - потому что, как веб-дизайнер, вы, вероятно, не заботитесь - 8-битные PNG означают, что изображение составляет 8 бит на пиксель, в то время как 24-битные PNG означает 24 бит на пиксель.
Подводя итог разнице в простом английском языке: Давайте просто скажем, что PNG-24 может обрабатывать намного больше цветов и хороши для сложных изображений с большим количеством цвет, такой как фотографии (как JPEG), в то время как PNG-8 больше оптимизированный для вещей с простыми цветами, таких как логотипы и пользователь элементы интерфейса, такие как значки и кнопки.
Другое отличие заключается в том, что PNG-24 изначально поддерживает альфа прозрачность, которая хороша для прозрачного фона. Эта разница не равна 100%, поскольку продукты Adobe Save for Web команда позволяет PNG-8 с альфа-прозрачностью.
Базовая разница: 8-битный PNG содержит макс. из 256 цветов. PNG-24 - формат без потерь и может содержать до 16 миллионов цветов.
Воздействие:
Вы задали два вопроса: один в заголовке о различии между PNG8 и PNG24, который получил несколько ответов, а именно, что PNG24 имеет 8-битные красные, зеленые и синие каналы, а PNG-8 имеет один 8-битный индекс в палитру. Естественно, PNG24 обычно имеет больший размер файла, чем PNG8. Кроме того, PNG8 обычно означает, что он непрозрачен или имеет только двоичную прозрачность (например, GIF); он определен таким образом в ImageMagick/GraphicsMagick.
Это ответ на другой вопрос: "Я хотел бы знать, что если я использую любой тип на моей странице html, будет ли какая-нибудь ошибка? Или это только вопрос качества?"
Вы можете поместить любой тип на HTML-страницу и нет, это не вызовет ошибку; все файлы должны быть названы с расширением ".png" и упомянуты таким образом в вашем HTML. Несколько лет назад ранние версии Internet Explorer не обрабатывали PNG с альфа-каналом (PNG32) или PNG с индексированным цветом с полупрозрачными пикселями должным образом, поэтому было полезно преобразовать такие изображения в PNG8 (индексированный цвет с двоичной прозрачностью, передаваемой через PNG tRNS) - но все равно используйте .png расширения, чтобы они отображались правильно в IE. Я думаю, что PNG24 всегда был в порядке в Internet Explorer, потому что PNG24 либо непрозрачен, либо имеет GIF-подобную одноцветную прозрачность, передаваемую с помощью блока PNG tRNS.
Имена PNG8 и PNG24 не упоминаются в спецификации PNG, которая просто называет их "PNG". Другие имена, изобретенные другими, включают
Есть еще много возможных комбинаций, включая оттенки серого с 1, 2, 4, 8 или 16-битными выборками и индексированный PNG с 1, 2 или 4-битными выборками (и любой из них с прозрачными или полупрозрачными пикселями) но у них нет специальных имен.
Основное отличие состоит в том, что 8-битный PNG содержит макс. из 256 цветов, например GIF. PNG-24 - формат без потерь и может содержать до 16 миллионов цветов.
При создании изображения с полностью прозрачным фоном в PNG-8 контур изображения выглядит заметным с небольшими белыми битами. Но в PNG-24 контур ушел и выглядит идеально. Прозрачность в PNG-24 больше и чище, чем PNG-8.
PNG-8 содержит 256 цветов, в то время как PNG-24 содержит 16 миллионов цветов.
Размер файла почти равен PNG-24, чем PNG-8.