Сожми его мягко
Вы знаете, что на сайте изображение сжимается? Более того, оно сжимается либо с потерями в качестве, либо без потерь.
Разберемся?
Представьте, что вы разрабатываете веб-сайты. При сжатии с потерями некоторые ваши данные будут потеряны на веки вечные. Сжатие с потерями навсегда удаляет данные изображения и ухудшает изображение в процессе.
Иногда в этом нет ничего страшного, так как какие-то дополнительные детали человеческий глаз даже не сможет воспринять.
Сжатие изображений без потерь сохраняет все необходимые данные для точного воссоздания изображения.
В идеале
В идеале ваше изображение сначала пройдет фазу сжатия с потерями, а затем фазу без потерь, где то, что осталось, будет оптимизировано.
Итак, форматы изображений, которые нам понадобятся при разработке веб-сайта:
JPEG
JPEG использует сжатие с потерями, чтобы сохранить небольшой размер файла.
У него есть классное преимущество: вы можете настроить степень сжатия от 0% (сильное сжатие) до 100% (без сжатия).
Записывайте: сжатие изображения на 75-100% будет поддерживать высокое качество изображения, но при 75% изображение будет в два раза меньше 100%-ного.
PNG
Суперсила PNG в том, что его алгоритм сжимает изображение без потерь. PNG сохраняет мелкие детали на изображениях, даже когда речь идет о тексте. Смиритесь – благодаря этой суперсиле размеры файлов PNG гораздо больше по сравнению с другими форматами.
Эх, соединить бы JPEG и PNG!
Впрочем… Google подумал об этом первым и изобрел WebP.
WebP
Гиганты вроде YouTube и eBay уже начали использовать этот формат для повышения эффективности сайта.
Существует два вида изображений WebP.
WebP использует сжатие с потерями. Эдакий JPEG формата WebP.
Вторая разновидность называется WebP Lossless и похожа на PNG.
Оба типа WebP создают изображение, которое намного меньше, чем их аналоги JPEG и PNG. В среднем изображения WebP на 25-34% меньше, чем сопоставимые JPEG, и на 26% меньше, чем PNG.
Как видите, сжатие файлов – не такой уж и сложный вопрос по части разработки веб-сайтов.
Следуйте за нами на : 
и 