Как лучше/проще/правильно сжимать фото для сайта?

Question

[Lichail_Leonov]

Начал публиковать статьи на свой небольшой сайт и столкнулся с проблемой, что уменьшать фото с помощью фотошопа долго и размер остается достататочно большой. Если же сжимать сильно, то на экранах retina получается плохое качество. Обычно статья на одну стрицу и 7-10 фото во весь экран.

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

Comments

[Ankhena]

Для обычных экранов одна картинка, для ретины другая

Answer 1

[Shinso]

Ну я лично этим пользуюсь https://tinypng.com/ я падения качества после него не заметил

Answer 2

[AngReload]

Недавно была публикация https://habr.com/post/422531/
Для ретины лучше сделать альтернативный вариант изображения с помощью srcset.

Answer 3

[xmoonlight]

Создайте доп. папки в /images/ с сегментацией под каждое стоп-поинт разрешение (для разных устройств) и сконвертируйте через ImageMagick все оригинальные изображения.
Для загрузки нужного - указывайте нужное через тег srcset.
Полифил для старых браузеров - здесь.

Здесь написано как: https://habr.com/post/261625/

Answer 4

[Михаил Лялин]

1. Photoshop тут как пушка по воробьям
2. Оптимизировать бесплатно через FileOptimizer (как и другие форматы файлов!)
3. для разных устройств сделать отдельные варианты вывода