1-е место - WEBP. Как правило, для "стандартного", не векторного изображения, наименьший формат изображения, поддерживаемый всеми основными современными браузерами, - формат WEBP следующего поколения. В этом формате можно уменьшить размер файла на 30% больше, чем JPEG (сохранив при этом тот же индекс качества SSIM), и на 90% больше, чем PNG изображения, поддерживая при этом сопоставимое качество внешнего вида.

2-е место - Формат изображения JPEG находится между WEBP и PNG с точки зрения сжатия размера файла.

3-е место - PNG, как правило, создает файлы самого большого размера. Разумеется, есть исключения, в зависимости от особенностей изображения.

Примерное сравнение размеров (и качества) изображений форматов PNG, JPEG и WEBP:

Сжатие изображения

Хотите узнать больше о сжатии изображений? Пожалуйста, ознакомьтесь со следующими разделами для получения более подробной информации:

• Сжатие PNG
• Сжатие JPEG
• Сжатие GIF

Преобразование изображения

Хотите узнать больше о том, когда, зачем и как конвертировать различные форматы изображений? Пожалуйста, ознакомьтесь со следующими разделами для получения более подробной информации:

• PNG vs. JPEG - Качество vs. Сжатие
• JPEG vs. WEBP - Универсальный vs. следующего поколения

1. Перетащите изображение(я) PNG в любое место на странице и выберите Преобразовать изображение(я) в JPEG.
2. PNG-изображения будут мгновенно преобразованы в пакет оптимизированных JPEG файлов, что приведет к значительному уменьшению размера файла.
3. В большинстве случаев PNG-изображения, преобразованные в JPEG, будут на 90% меньше по размеру.

Случаи, когда лучше использовать JPEG либо PNG, зависят от ваших потребностей

JPEG-изображения содержат данные сжатия с потерями. Таким образом, некоторые данные утрачиваются, т.к. переданы не точно, а приблизительно, для достижения более высокой степени сжатия. В результате может пострадать качество изображения.

Когда JPEG подходит лучше всего

Формат JPEG наилучшим образом подходит для фотографий и изображений "реального мира", где можно обеспечить очень высокую степень сжатия данных, при этом человеческий глаз не способен воспринимать создаваемый потерей данных шум.

Когда PNG подходит лучше всего

PNG, напротив, содержит данные сжатия без потерь (без потери данных), и больше подходит для:

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

Иллюстрация воспринимаемых шумов при сжатии JPEG с потерями в сравнении с сжатием PNG без потерь:

Всякий раз, когда уменьшение размера файла принципиально важно, например, для изображений на веб-страницах, следует всерьез задуматься о преобразовании PNG в JPEG (или WEBP).

Время загрузки имеет большое значение для UX и SEO, а изображения занимают в среднем 50% от общего веса веб-страницы, значительно влияя на длительность загрузки. Чем быстрее сайт, тем больше пользователей будут взаимодействовать с ним, тем легче он будет проиндексирован, и тем выше он будет ранжироваться в Google.

1. Перетащите JPEG (или PNG) изображения в любое место на странице, и они будут мгновенно преобразованы в пакет оптимизированных WEPB изображений, что приведет к значительному уменьшению размера файла.
2. В большинстве случаев изображения, преобразованные в WEBP, достигают максимально возможного сжатия без каких-либо ощутимых потерь качества изображения.

Практически по всем параметрам, имеющим значение в Интернете, формат WEBP добивается лучших результатов по сравнению с JPEG:

1. WEBP выдает гораздо лучшее соотношение размера и качества и сжимает размер файла примерно на 30% лучше по сравнению с JPEG.
2. По сравнению с JPEG, WEBP сжимает файл до значительно меньшего размера, при равном визуальном качестве с JPEG.
3. WEBP поддерживает анимацию, JPEG – нет.
4. WEBP поддерживает альфа-прозрачность - JPEG нет.
5. WEBP поддерживает прогрессивную загрузку, как и JPEG.
6. WEBP поддерживается всеми основными современными браузерами.
7. WEBP поддерживает как сжатие изображений без потерь, так и сжатие изображений с потерями - в то время как JPEG-сжатие всегда с потерями.

Формат изображения WEBP был разработан компанией Google, и хотя ему уже несколько лет, он до сих пор считается далеко идущим форматом следующего поколения в Интернете. Однако есть некоторые нюансы, преимущественно в использовании за веб-пределами:

1. Будучи гораздо более новым форматом, чем хорошо известный формат изображения JPEG, WEBP еще не поддерживается Microsoft Office, а также многими другими широко используемыми офисными приложениями.
2. JPEG является гораздо более распространенным форматом изображения, что практически гарантирует поддержку целого ряда приложений и платформ.

WEBP имеет множество преимуществ по сравнению с JPEG:

1. превосходное сжатие
2. поддержка альфа-прозрачности
3. поддержка анимации

Примеры анимации WEBP и функции альфа-прозрачности: