Какой размер картинки в адаптивном слайдере использовать?

Question

[Niko True]

Собственно задумался над встраиванием слайдера на сайт, но проблема в том, что фото весят достаточно много. Решил что их можно немного сжать и обрезать, а вот только какой размер использовать для обрезания? Хотелось бы , что бы при любом разрешении картинка выглядела хорошо и не смазано. Гуру подскажите дураку.
P.S. сайт на WP. В качестве слайдера думаю использовать Meta Slider.

Answer 1

[Дмитрий Энтелис]

Размер для обрезания должен быть равен размеру изображения на слайдере при размерах окна 1920x1080.
Если стоит задача что бы все было красиво на retina экранах, то в 2 раза больше. (можно сохранять в jpg с качеством ~20%, будет нормально выглядеть)

Comments

[Niko True]

@saratovdae, т.е. ширина изображения должна быть под разрешение ретины, а для остальных оно просто в css будет сжиматься, так?

[Дмитрий Энтелис]

@buloshnik Да

[Дмитрий Энтелис]

@buloshnik Можно заморочиться и в зависимости от разрешения экрана грузить картинки разных размеров. Но это явно не укладывается в идею WP и готовых библиотек)

Answer 2

[Дамир Рысаев]

Возьми изображения в два раза больше максимального разрешения у слайдера и сожмите с 20% сжатием.
Оптимизируй изображение через один из оптимизаторов.