Я уже давно являюсь веб-разработчиком, и я привык преобразовывать все свои проекты в формат файла png, чтобы создавать свои веб-страницы. Несмотря на то, что png, в отличие от jpg, позволяет прозрачность изображений, это лучшее решение?
Вопрос касается времени загрузки страницы и лучших методов веб-дизайна, а также размера файла и качества изображений.
Как вы думаете, как лучше всего использовать?
Учитывая постоянно растущую скорость среднего сетевого соединения, я не склонен думать, что время загрузки страницы вызывает большую озабоченность [утки!]; На самом деле гораздо полезнее подумать о том, чего вы пытаетесь достичь, используя ресурсы, которые у вас есть в конце: например, ограниченная пропускная способность? Тогда стремление к более тяжелой компрессии не вызывает затруднений. Разве графический контент сайта будет расширяться, гарантируя, что стоимость пространства на сервере будет увеличиваться с течением времени? Тогда стремление к более тяжелой компрессии задержит эту стоимость. Это арт-портфолио? Тогда - ага! - Артефакты сжатия в работе с пробником могут быть действительно желательными! Вы пытаетесь выпороть игру? Тогда скриншоты, вероятно, должны быть ультра-четкими.
В общем случае, я бы повторил сказанное, хотя, возможно, на немного другом языке: для мебели для сайтов, которые, как правило, генерируются компьютером и будут кэшироваться для повторного использования между страницами, имеют тенденцию к png; Для контента сайта, который часто будет специфичным для страницы и, вероятно, большим и сложным, чтобы маскировать сжатие с потерями, склоняйтесь к jpg.
С особой ссылкой на переключение на png, где вы решите, что это уместно, запустите все через PNGCrush, как само собой разумеющееся - в противном случае они не будут отображаться с цветами, которые вы ожидаете в каждом браузере, и общим качеством вашего дизайна будет уменьшаться.
Это зависит.
PNG лучше для четких изображений с низким количеством цветов,
JPG лучше подходит для изображения с низкой пропускной способностью - однако он не такой четкий и, следовательно, не очень хорош для графического интерфейса пользователя.
Как правило, JPG предназначен для фотографий и изображений, тогда как PNG (или GIF) предназначен для компоновки.
Вы можете найти эту страницу, поскольку она затрагивает основы PNG и GIF.
Google написал об этом очень хорошо. Из Выбор правильного формата изображения вы можете найти блок-схему, чтобы принять решение:
"Учитывая постоянно растущую скорость среднего сетевого соединения, я не склонен думать, что время загрузки страницы больше беспокоит"
Согласно оптимизации SEO сайта, Google оценивает ваш сайт хуже, если время загрузки страницы превышает 2 секунды, поэтому необходимо сжатие, особенно на новых веб-сайтах, тяжелых по графике.
jpg обычно предпочтительнее для фотографических изображений, которые имеют много тонко разных цветов. png хорошо работает с компьютерной графикой.
Это мое эмпирическое правило.
Я стартер, и в основном то, что я делаю, - если изображение слишком велико, я делаю маленькое, если это не фоновое изображение. И если это для макета, я выбираю PNG и JPG для изображений.