Адаптив или мобильная версия - что лучше?

1 234 5
R
На сайте с 04.12.2016
Offline
60
#21
danforth:
Если есть возможность, можно использовать WebP.

Подскажите что посмотреть/почитать по настройке WebP?

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

В то же время, если смотреть на Lamoda, то при одинаковом качестве WebP почти вдвое меньше чем jpg.

Соответственно думаю что у нас что то не так с настройками качества WebP

danforth
На сайте с 18.12.2015
Offline
153
#22

Redgektor, я юзаю стандартную либу от гугла. Покажите примеры ваших фоток.

Junior Web Developer
R
На сайте с 04.12.2016
Offline
60
#23

danforth спасибо за ссылку.

Вот пробовали седалать webP

jpg

webP

danforth
На сайте с 18.12.2015
Offline
153
#24

С какими параметрами запускаете? Вот что у меня вышло из вашего jpg. Так-же учитывайте, что ваш JPG может быть сделан со студийной фотки. WebP сделанный из этого JPG так-же возьмет все артефакты в себя, т.е. его так-же нужно делать со студийной фотки.

cwebp 100045.jpg -m 6 -q 80 -o 100045.webp

Можно ещё с параметрами поиграться, будет выше качество. Сейчас ваш вес 110кб и видны артефакты, у меня вес 50кб, т.е. в два раза меньше вашего webp, тоже есть к чему придраться, но мне кажется он похож на jpg даже больше чем ваш, при размере меньше.

Но вообще webp под товарные фотки нужно тюнить, иначе можно легко получить мыльные фотографии которые будут не приятны для человеческого глаза.

B
На сайте с 05.11.2008
Offline
97
#25

А в чём сложность то? Раз настроил фильтр в редакторе и работай.

SeVlad
На сайте с 03.11.2008
Offline
1609
#26
danforth:
Под крупные проекты где есть финансирование, две версии: десктоп + адаптив, и отдельно мобильная.

Тут ключевое слово - "финансирование". Освоение и распил бюджета. К реальной необходимости наличия зоопарка не имеет никого отношения. ;)

ЗЫ. Проекты с финансам, кому надо охватить мобильных юзеров и создать удобство пользования услугами (не путать с пользованием сайтом!!!) делают мобильное приложение.

---------- Добавлено 10.04.2019 в 11:33 ----------

Redgektor:
Подскажите что посмотреть/почитать по настройке WebP?

Первое, что надо прочитать - это то, что он не всеми браузерами поддерживается.

---------- Добавлено 10.04.2019 в 11:37 ----------

Redgektor:
jpg

Лёгким движение руки из твоих 142кб получается 66 кб. А если уменьшить физ размер до реально необходимых - будет ещё много меньше.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
danforth
На сайте с 18.12.2015
Offline
153
#27
SeVlad:
делают мобильное приложение.

Мобильное приложение по цене встанет раза в 3-4 дороже мобильной темы. Это при условии что юзать React Native, который потом можно кроссплатформенно использовать на Android/iOS. И это, внезапно, будет та же мобильная верстка, просто не открытая в браузере телефона.

SeVlad:
Первое, что надо прочитать - это то, что он не всеми браузерами поддерживается.

Поддержка добавляется двумя строчками кода в html (попутно можно прикрутить ретина версии изображений).

SeVlad
На сайте с 03.11.2008
Offline
1609
#28
danforth:
Мобильное приложение по цене встанет раза в 3-4 дороже мобильной темы.

Кто-то говорил про "крупные проекты где есть финансирование". Не?

danforth:
И это, внезапно, будет та же мобильная верстка, просто не открытая в браузере телефона.

Ты путаешь хрен с пальцем... Это дешевое приложение так работает. У нормального - своя внутренняя "верстка", а с сайтом обмениваются при помощи АПИ (ну или на худой конец прямые запросы в базу).

Поди никогда приложения не юзал..

danforth:
Поддержка добавляется двумя строчками кода в html (попутно можно прикрутить ретина версии изображений).

ШТА?!!! Опять с яичницей попутал?

"двумя строчками кода в html" можно только показать РАЗНЫЕ картинки, а не добавить поддержку в ядро браузера :).

danforth
На сайте с 18.12.2015
Offline
153
#29
SeVlad:
Ты путаешь хрен с пальцем... Это дешевое приложение так работает. У нормального - своя внутренняя "верстка", а с сайтом обмениваются при помощи АПИ (ну или на худой конец прямые запросы в базу).
Поди никогда приложения не юзал..

Не при помощи API, и не при помощи прямых запросов в базу (боже упаси). Это называется RPC, и основной стандарт сейчас это gRPC + protobuf. Можешь мне про это не рассказывать.

SeVlad:
"двумя строчками кода в html" можно только показать РАЗНЫЕ картинки, а не добавить поддержку в ядро браузера .


<picture>
<source src="image.webp"/>
<img src="image.jpg">
</picture>

Если есть поддержка - загрузиться webp. Если нет - jpg.

Можно даже не стороне сервера отдавать нужный файл, если в заголовке Accept есть image/webp.

И гонор убавь свой.

SeVlad
На сайте с 03.11.2008
Offline
1609
#30
danforth:
Не при помощи API, и не при помощи прямых запросов в базу (боже упаси). Это называется RPC, и

RPC - это одна из разновидностей использования АПИ, что бы знал.

danforth:
основной стандарт сейчас это gRPC + protobuf. Можешь мне про это не рассказывать.

Я бы тебе мог многое рассказать, но вижу что бесполезно.

danforth:
Если есть поддержка - загрузиться webp. Если нет - jpg.

Это и есть подмена, а не "Поддержка добавляется двумя строчками кода в html".

danforth:
И гонор убавь свой.

Не говори что мне делать и я не скажу куда тебе идти.

1 234 5

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