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

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

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

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

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

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

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

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

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

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


person BrewGold    schedule 23.08.2016    source источник


Ответы (1)


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

person Max Van Middendorp    schedule 07.09.2016