Оптимизация изображения

Question

Я хочу знать, как преобразование изображения (gif или jpeg) в png8 с помощью yslow smushit увеличит скорость работы сайта? Будет ли это работать в ie6?

Answer 1

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

Уменьшение размера файла поможет, но уменьшение количества файлов помогает наиболее (как правило).

Answer 2

Это ускорит загрузку. PNG (AFAIK) всегда будет иметь меньший размер файла, чем GIF, потому что он использует лучший алгоритм сжатия. Хотя некоторые программы, такие как Photoshop, добавляют немного метаданных. Это также без потерь, то есть вы не потеряете качество изображения.

Он будет работать в IE6, потому что он поддерживает PNG8. PNG с 24-битной альфа-прозрачностью не поддерживаются в IE6. Существует хак , но он не оптимален, хотя лучше, чем ничего.

Answer 3

Ваш вопрос очень расплывчатый. Я все равно попробую ответить.

Прежде всего, производительность имеет два конца: просмотр вашего сайта и машины, на которых он работает. Зритель определенно выиграет от меньших (в отношении размера файлов) изображений, поскольку он позволяет странице загружаться быстрее. Для сервера разница обычно не важна, если только вы не близки к пиковой пропускной способности соединения.

Для (не анимированных) изображений в формате GIF преобразование в формат PNG8 должно быть безболезненным и полезным, поскольку сжатие PNG намного лучше. Также в Internet Explorer 6 нет проблем с отображением изображений PNG с 1-битным альфа-каналом (что, по сути, также имеет GIF). При использовании 8-битного альфа-канала IE6 будет отображать артефакты.

Преобразование изображений JPEG в PNG почти наверняка увеличит размер файла и не улучшит качество изображения, поэтому я бы посоветовал против этого.

Answer 4

Здесь задействовано множество факторов:

• размер в пикселях изображения
• размер в (мегабайтах) байтов изображения
• скорость, с которой изображение может быть отправлено пользователю. Это сочетание скорости вашего сервера и скорости соединения пользователя.
• время, которое требуется браузеру, чтобы прочитать изображение и преобразовать его в растровое изображение для отображения
• скорость комбинации компьютера / видеокарты пользователя.

Я не уверен, что преобразование изображений в png сильно повлияет на производительность вашего сайта, если вы не знаете, что узкое место связано с размером (в байтах) ваших изображений. Если у пользователей медленное соединение, это не поможет.