Попытался каталогизировать ситуацию на странице ривера. https://docs.google.com/document/d/1BWetjDiF3g6xGA5LKdgIx3zjT... там есть большое количество разных улучшений, которые можно/нужно сделать для более эффективного расходования места на мобилах и планшетах. Я написал несколько пока, более полный список буду постепенно добавлять (и исправлять те, с которым способен справиться). #mokum-dev
вообще блок картинок нужно перепридумывать, чтобы он стал чисто client-side и реактовским (с сохранением сырого html-представления для роботов и тупых клиентов, которое люди не увидят). Есть желание перейти на https://www.imgix.com/, в принципе там прайсинг вполне разумный, мне кажется, что на ближайший год будет долларов 10-20 в месяц. ‎- псы в рапиде
основная проблема с картинками состоит в том, что юзер может залить такую комбинацию ориентаций, что она будет убого выглядеть полюбасу — например, ландшафт + ландшафт + портрет — портрет будет смотреть убого. В принципе можно для загрузки более чем двух картинок включать более мощный редактор, и заставлять пользователя выбирать layout, как это делается на tumblr (кажется). Тогда можно очень красиво ставить рядом почти все комбинации портретов и ландшафтов. Также (из-за imgix, который позволяет сервировать буквально любые размеры картинок) это может быть сколь угодно responsive на любых размерах. ‎- псы в рапиде
за просто ресайз платить не надо, для nginx модуль есть. конфиг с кэшированием выглядит СТРАННО, но работает ‎- urquan
@urquan: imgix умеет очень много чего, кроме "просто ресайза". Главное, что интересно в применении к мокуму — это client hints и автоматический выбор формата. Что касается "модуля" — речь про http://nginx.org/en/docs/http/ngx_http_image_filter_module.html? ‎- псы в рапиде
да. конечно, ресайзить картинки nginxом не самая лучшая идея, но экономия же. ‎- urquan
@urquan: как гласит анекдот, "я могу себе и импортную позволить" ‎- псы в рапиде
ну да, главная проблема - это выбор размера и лэйаута в зависимости от девайса, ресайзилка делается за пять минут ‎- urquan
Про алгоритм ресайза можно посмотреть как сейчас фликр ленту формирует. Там картинки делаются одинаковыми по высоте, причём есть какой-то диапазон размеров и количества в строке, под которые они все эти превьюшки подгоняют. И, когда, например, из-за удаления какой-то картинки из набора, пересчёт заставляет изменить высоту строки, чтобы они выглядели выровненными по обеим сторонам, то высота меняется. (словами описание получается более запутанным, чем если глазами посмотреть, например, — сюда: https://www.flickr.com/groups/sittingpeople/pool/page4 ) ‎- earlyadopter
@earlyadopter: ага, он делает это горизонтальными полосами. мы обсуждали тайлинг здесь: https://mokum.place/squadette/46285#c225615 Кажется, никто не делает глобального двухмерного тайлинга (на самом деле я понял, что в общем случае он невозможен). ‎- псы в рапиде

2015-2016 Mokum.place