Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


OMGsite

Recommended Posts

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

 

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


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

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

 

Надіслати
Поділитися на інших сайтах


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

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

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

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

  • +1 2
Надіслати
Поділитися на інших сайтах

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

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

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

  • +1 2
Надіслати
Поділитися на інших сайтах

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

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

 

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


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

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

 

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

  • +1 1
Надіслати
Поділитися на інших сайтах

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Кб

Надіслати
Поділитися на інших сайтах


В 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 мобільному користувача... вічність)
Тому треба шукати компроміс між розміром та якістю

Надіслати
Поділитися на інших сайтах

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

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

Скрытый текст
Last Update
27 Feb 2021

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

 

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

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

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

 

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

 

 

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

 

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

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

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

 

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

Надіслати
Поділитися на інших сайтах

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

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

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

Змінено користувачем OMGsite
Надіслати
Поділитися на інших сайтах


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

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

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

 

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

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

Змінено користувачем niger
  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

 

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

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

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

Надіслати
Поділитися на інших сайтах


В 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 стискання

  • +1 1
Надіслати
Поділитися на інших сайтах

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

 

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

  • +1 1
Надіслати
Поділитися на інших сайтах

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

 

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

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

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

1131713194_Screenshot2024-10-16at16_38_45.thumb.png.6737f8719fe58c166d156ccc86bc871b.png769610862_Screenshot2024-10-16at16_39_37.png.a04342e1dab36bfd4dae0a71ddccfd24.png

 

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

 

 

  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

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

1131713194_Screenshot2024-10-16at16_38_45.thumb.png.6737f8719fe58c166d156ccc86bc871b.png769610862_Screenshot2024-10-16at16_39_37.png.a04342e1dab36bfd4dae0a71ddccfd24.png

 

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

 

 

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

 

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.