Оптимизация изображения для полностраничного рабочего стола с поддержкой адаптивного дизайна

Question

Недавно я попросил одного из моих друзей разработать веб-сайт для некоммерческой благотворительной организации. Мой друг разработал с использованием HTML и начальной загрузки. Он доставил сайт. Я обнаружил, что сайт загружается медленно.

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

Пожалуйста, обратитесь к изображению ниже для ссылки на детали изображения

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

1) Согласно изображению, все размеры изображения составляют 1900 x 920 пикселей. Разрешения 300 и 72 точек на дюйм. Учитывая текущее разрешение дисплеев для настольных ПК / ноутбуков и сотовый телефон, какое разрешение я должен сохранить, какой должен быть размер?

2) Если мне нужно более высокое разрешение (поскольку одно из моих изображений составляет 72 dpi) Могу ли я просто увеличить разрешение до более высокого разрешения в Photoshop? Изображения естественной сельскохозяйственной фермы.

3) Как уменьшить размер файла, не влияя на размеры изображения (ширина х высота)? Любое руководство? Учебные ссылки? Ценю:)

4) Я хотел бы заменить одно изображение s2.jpg другим изображением, которое я сделал с помощью цифровой камеры. Размер изображения соответствует размеру замещающего изображения. Что мне делать в Photoshop, чтобы оптимизировать изображение?

Спасибо и ценим ваш вклад:)

Answer 1

1). Размер я бы использовал 1500x1000. Это идеальный размер для слайдеров.
2). Вы можете легко изменить dpi с этим http://convert.town/image-dpi
3). Чтобы уменьшить размер файла без изменения разрешения, я рекомендую использовать http://www.jpegmini.com/
4). В фотошопе с открытым изображением перейдите в Изображение> Размер изображения> и измените разрешение на 1500x1000.