Нужна помощь нубу , по поводу размеров баннеров !

[OMGsite]

Подскажите пожалуйста какое должно быть оптимальное разрешение на СЛАЙДШОУ БАННЕРАХ для веб и моб версии ? 

 

1920х584 комп слайд шоу 

774х864  моб  квадрат слайд шоу 

просто сейчас надо заказать баннера и указать размеры ... 

 

[OMGsite]

И какой вес для баннеров у картинки должен быть ? 

[kJlukOo]

для пк нужно ориентироваться по максимальной ширине контейнера в котором находится контент сайта

если не ошибаюсь, то это около 1200 пикселей в 3 бутстрапе

бывают сайты на 100% ширины экрана на пк. там да 1900 ширины надо

формат webp предпочтительный для веба. jpeg тож неплох

[SSHEVA]

15.10.2024 в 14:01, OMGsite сказал:

И какой вес для баннеров у картинки должен быть ? 

Тут бажано пройтись через оптимізатор, щоб банер до 1 мегабату, чим менше по вазі файл, тим краще

[niger]

15.10.2024 в 13:46, OMGsite сказал:

Подскажите пожалуйста какое должно быть оптимальное разрешение на СЛАЙДШОУ БАННЕРАХ для веб и моб версии ? 

 

1920х584 комп слайд шоу 

774х864  моб  квадрат слайд шоу 

просто сейчас надо заказать баннера и указать размеры ... 

 

Якщо замовляти у дизайнера - то для ВЕБ 72dpi(JPG,PNG), для друку 300dpi(TIFF)

нехай присилає в найкращий якості, а ви вже потім його краще стисните до оптимальних розмірів, чим вам потім не вистачить деталізації і буде на виході мильне зображення. 

[OMGsite]

15.10.2024 в 16:35, SSHEVA сказал:

Тут бажано пройтись через оптимізатор, щоб банер до 1 мегабату, чим менше по вазі файл, тим краще

можно название оптимизатора пожалуйста ! 

[SSHEVA]

15.10.2024 в 17:43, OMGsite сказал:

можно название оптимизатора пожалуйста ! 

ну, наприклад tinypng там навіть можна зробити модуль і підключатись по API, але то вже за окремі кошти

[Etegro]

15.10.2024 в 19:53, SSHEVA сказал:

ну, наприклад tinypng там навіть можна зробити модуль і підключатись по API, але то вже за окремі кошти

Такий модуль є безкоштовно ось тут: https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=41244&filter_search=compress&sort=name

15.10.2024 в 16:35, SSHEVA сказал:

щоб банер до 1 мегабату

Не забагато? Наскільки я знаю, то Гугл бажає бачити в своєму пейджспіді до 100Кб

[markimax]

В 16.10.2024 в 00:57, Etegro сказав:

Такий модуль є безкоштовно ось тут: https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=41244&filter_search=compress&sort=name

Не забагато? Наскільки я знаю, то Гугл бажає бачити в своєму пейджспіді до 100Кб

Уточню... Чим менше тим краще
Емпіричнім шляхом ... до 60-70кб
Все що більше, для Гугла вже привід лаятися (І звісно він правий! Скільки буде завантажуватися 1 Мб по 3G мобільному користувача... вічність)
Тому треба шукати компроміс між розміром та якістю

[SSHEVA]

16.10.2024 в 00:57, Etegro сказал:

Такий модуль є безкоштовно ось тут: https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=41244&filter_search=compress&sort=name

Він то є, але останній раз оновлювався давно 

Скрытый текст

Last Update

27 Feb 2021

Але якщо працює, то добре.  Бо я робив таке під клієнта, на версію 2.1.

 

16.10.2024 в 00:57, Etegro сказал:

Не забагато? Наскільки я знаю, то Гугл бажає бачити в своєму пейджспіді до 100Кб

Я ж сказав до 1 Мб, а не більше

 

Наприклад за допомогою інтеграції с вище вказаним сервісом, та модулем

 

 

Фото розміром від 2 Мб розширенням 1000 х 1000 зараз досягли ось такого:

 

Внутрішній розмір:1000 × 1000 px

Вбудований формат:1∶1

Розмір файлу:72.7 kB

 

Так, що все в ваших руках). Більше того гугл у свому сервісі пише, що саме йому не подобається.

[OMGsite]

15.10.2024 в 19:53, SSHEVA сказал:

ну, наприклад tinypng там навіть можна зробити модуль і підключатись по API, але то вже за окремі кошти

этот сайт хоть и уменьшает по 98 процентов как пишет , но я не заметил что бы до 100 кб опускало вес , я все картинки пропускал через этот сайт... 

Змінено 16 жовтня користувачем OMGsite

[niger]

15.10.2024 в 17:43, OMGsite сказал:

можно название оптимизатора пожалуйста ! 

Можете цей спробувати - https://www.freeconvert.com/image-compressor. Там не тільки зображення можна стискати, та не тільки стискати можна.

 

Або можете взяти ось цей - https://imageresizer.com/image-compressor

там ви можете задавати до кількох КБ треба стиснути, чи наскільки % і воно буде намагатися це зробити

Змінено 16 жовтня користувачем niger

[OMGsite]

16.10.2024 в 13:11, niger сказал:

Можете цей спробувати - https://www.freeconvert.com/image-compressor. Там не тільки зображення можна стискати, та не тільки стискати можна.

 

Або можете взяти ось цей - https://imageresizer.com/image-compressor

там ви можете задавати до кількох КБ треба стиснути, чи наскільки % і воно буде намагатися це зробити

Спасибо за информацию ! 
Буду пробовать ! 

[markimax]

В 16.10.2024 в 13:11, niger сказав:

Можете цей спробувати - https://www.freeconvert.com/image-compressor. Там не тільки зображення можна стискати, та не тільки стискати можна.

 

Або можете взяти ось цей - https://imageresizer.com/image-compressor

там ви можете задавати до кількох КБ треба стиснути, чи наскільки % і воно буде намагатися це зробити

 

В 16.10.2024 в 15:23, OMGsite сказав:

Спасибо за информацию ! 
Буду пробовать ! 

А потім серверний GD при ресайзі розтисне... обріже, потім стисне (вже за своїм алгоритмом!) і зображення буде ще більше "вагою" (набагато) )))
Треба в Фотошопі шукати компромісу якість/розмір в Export to WEB (макс. 60-80 Кб для зображень)
А потім на фронті вже WEBP стискання

[OMGsite]

16.10.2024 в 15:34, markimax сказал:

 

А потім серверний GD при ресайзі розтисне... обріже, потім стисне (вже за своїм алгоритмом!) і зображення буде ще більше "вагою" (набагато) )))
Треба в Фотошопі шукати компромісу якість/розмір в Export to WEB (макс. 60-80 Кб для зображень)
А потім на фронті вже WEBP стискання

та емаё , простому админу сложновато всосать всю правильность движухи ) 

[SSHEVA]

16.10.2024 в 15:41, OMGsite сказал:

та емаё , простому админу сложновато всосать всю правильность движухи ) 

а ви як думали)). Тому і наймають тих хто вже розібрався) і в цьому постійно вариться

[niger]

16.10.2024 в 15:34, markimax сказал:

 

А потім серверний GD при ресайзі розтисне... обріже, потім стисне (вже за своїм алгоритмом!) і зображення буде ще більше "вагою" (набагато) )))
Треба в Фотошопі шукати компромісу якість/розмір в Export to WEB (макс. 60-80 Кб для зображень)
А потім на фронті вже WEBP стискання

Тут я згоден з вами - ставиш на сервері якість 100, щоб воно нічого не стискало. І завантажуєш заздалегідь підготовлені зображення. А фронт лише віддає у браузері WEBP.

Це мастхев, але якщо люди розуміють і вміють. 

 

JPEG, progressive, quality 60  - цього в більшості випадків вистачить для зображень товарів. Інколи від 60 до 80 треба погратися

 

 

[OMGsite]

16.10.2024 в 16:41, niger сказал:

Тут я згоден з вами - ставиш на сервері якість 100, щоб воно нічого не стискало. І завантажуєш заздалегідь підготовлені зображення. А фронт лише віддає у браузері WEBP.

Це мастхев, але якщо люди розуміють і вміють. 

 

JPEG, progressive, quality 60  - цього в більшості випадків вистачить для зображень товарів. Інколи від 60 до 80 треба погратися

 

 

Спасибо за предоставленную информацию ! Буду познавать что то нвоое !