Справочник

Три формата, разные задачи

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

PNG

Графика и прозрачный фон

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

JPEG

Компактные фотографии

JPEG широко используется для фотографий. При сжатии часть информации удаляется: чем сильнее сжатие, тем меньше файл и заметнее изменения.

WebP

Картинки для современных сайтов

WebP поддерживает сжатие с потерями и без потерь, прозрачность и анимацию. Итоговый размер зависит от изображения и настроек.