Я делала подробную-приподробную заготовку под статью в своем блоге:
https://grandgames.net/post/190912 Там я распиналась как раз на тему "как сайт уменьшает изображения" и почему при этом все становится резким. В данном случае уменьшить размер исходного изображения - простейший путь повысить качество, так почему бы им не воспользоваться? При этом можно еще совершить некоторые шаманские танцы, чтобы еще уменьшить эффекты от местных алгоритмов сжатия, но этого я уже не считаю в праве требовать, так как там уже сложнее будет.
По поводу рекомендованных уменьшений. Они более универсальны, а я сидела с калькулятором и считала, как сделать так, чтобы потери качества были
минимальны. Привожу результаты расчетов:
Для просто горизонтальных - 1067+ х 800 (плюс означает «и более», то есть картина 2000х800 загрузится в том же качестве, что и 1067х800).
Для просто вертикальных наоборот - 800 х 1067+.
Для просто панорамных - 1600+ х 800.
Если нужна обрезка только по бокам:
Горизонталь + вертикаль - 1067+ х 800.
Остальные комбинации (ГП, ВП, ГВП) - 1600+ х 800.
Если нужна обрезка только сверху и снизу:
Горизонталь + вертикаль - 800 х 1067+.
Горизонталь + панорамный - 1200 х 900+ (у горизонтального качество будет немного хуже, чем в остальных вариантах).
Вертикаль + панорамный или комбинация всех трех - 1200 х 1600+, но в вертикали тогда качество может заметно просесть.
Смешанная обрезка, когда изображение в одном варианте обрезается по бокам, в другом сверху/снизу. Тут везде можно немного изменять пропорции, чтобы отрегулировать, где больше отрезать, а где меньше:
Горизонталь + вертикаль - 800 х 800.
Остальные комбинации (ГП, ВП, ГВП) - 1200+ х 800.