Актуальный способ размещения изображений

MZ
На сайте с 11.09.2011
Offline
142
745

Всем привет! Есть страницы( продвигаемые разделы, подразделы с текстовым и структурным контентом). Нужно дополнить страницы тематическими фотографиями. Столкнулся с выбором при размещении фотографий на сайте. Помогите определиться, как актуальней на сегодняшний день.

1. Все фотографии уменьшены до 500 - 600 кб и в таком виде загружены на сайт, на странице размещаются в уменьшенном формате 4000X260. Кол-во фото на странице 1 - 5

2. То же, что в пункте 1, только на странице 4000X260 уменьшить на 30 - 40%

3. Оптимизировать изображения до 30 - 50кб и размещать их в исходном формате на странице ( без миниатюры).

4. Сделать миниатюры по 20 - 30 кб, и поставить на них ссылки на эти же изображения в хорошем качестве (миниатюра и основное фото получаются разными фото по сути).

5. Ваш вариант.

Хочется и фото в достойном качестве загрузить и тут же не уменьшить скорость загрузки страницы таким образом, что это негативно отобразится на позициях. Спасибо, тем, кто выскажет свое мнение.

A
На сайте с 07.01.2010
Offline
123
#1

Фотки на странице должны быть в том размере в котором показывается, показываете миниатюры 200x200 - уменьшайте 200x200 для отображения на странице и делайте увеличение на большую фотку (больше чем 1200x1200 вроде как при увеличении для сайтов делать смысла нет).

Создаем и продвигаем сайты различных тематик
MZ
На сайте с 11.09.2011
Offline
142
#2
Alfinnov:
Фотки на странице должны быть в том размере в котором показывается, показываете миниатюры 200x200 - уменьшайте 200x200 для отображения на странице и делайте увеличение на большую фотку (больше чем 1200x1200 вроде как при увеличении для сайтов делать смысла нет).

Т.е полноценное фото 500 - 600 кб оставлять в таком виде, а на странице размещать миниатюту это фотографии? Я правильно понял? Но если я правильно понимаю, то при загрузке страницы происходит загрузка полноценного изображения 500-600кб? а не миниатюры.

fargus10
На сайте с 22.09.2010
Offline
60
#3

тяжелые фото сильно увеличивают время загрузки картинки. просто для себя сделайте две стр и замерьте время с маленькими миниатюрами по ~50кб и то же самое, но чтоб загружались большие картинки, просто в scc уменьшены до нужной ширины.

у меня разница доходила до 1,5-3 сек.

оно вам надо?

_
На сайте с 24.03.2008
Offline
381
#4
ManagerZ:
Т.е полноценное фото 500 - 600 кб оставлять в таком виде, а на странице размещать миниатюту это фотографии? Я правильно понял? Но если я правильно понимаю, то при загрузке страницы происходит загрузка полноценного изображения 500-600кб? а не миниатюры.

Скорее всего прелоад в скрипте показа дуркует...

Но вопрос на самом деле довольно интересный, надо посмотреть на порядок загрузки реальный.

ЗЫ. посмотрел, не грузятся большие картинки вообще, пока не кликнешь. По крайней мере у меня.

Vladimir
На сайте с 07.06.2004
Offline
583
#5
ManagerZ:

1. Все фотографии уменьшены до 500 - 600 кб и в таком виде загружены на сайт, на странице размещаются в уменьшенном формате 4000X260. Кол-во фото на странице 1 - 5
2. То же, что в пункте 1, только на странице 4000X260 уменьшить на 30 - 40%
3. Оптимизировать изображения до 30 - 50кб и размещать их в исходном формате на странице ( без миниатюры).
4. Сделать миниатюры по 20 - 30 кб, и поставить на них ссылки на эти же изображения в хорошем качестве (миниатюра и основное фото получаются разными фото по сути).
5. Ваш вариант.

- Мне так сдается у вас один ноль лишний, может все таки 400 * 260 ?🍿

- Минимальный размер фото по ширине 600 ( данное условие вам пригодится при работе с соцсетями, это у них заложено)

Максимальная ширина где-то 1200

3. оптимизация, до 200-500 к вполне. Особо не парюсь, гоню как есть🍿

4. И на главную и в категорию вывод миниатюры фото - в тех же размерах , что и на странице.

Аэройога ( https://vk.com/aeroyogadom ) Йога в гамаках ( https://vk.com/aero_yoga ) Аэройога обучение ( https://aeroyoga.ru ) и просто фото ( https://weandworld.com )

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий