Адрес для входа в РФ: exler.world

По поводу верстки и размеров фотографий на Exler.ru и в трансляциях

30.08.2013 10:04  8169   Комментарии (17)

Периодически задают вопросы из серии "А чо ты такие маленькие фото в ЖЖ выкладываешь? Вот, например, Сергей Доля какие большие фото выкладывает. А ты маленькие выкладываешь".

Объясняю популярно. Я в ЖЖ вообще ничего не выкладываю. Я выкладываю на Exler.ru. В ЖЖ идет просто трансляция ленты блога - как и в Facebook, и в LiveInternet, и еще в несколько блог-хостингов.

На Exler.ru максимальный размер выкладываемого изображения зависит от ширины колонки статьи (записи блога). Исторически ширина колонки была задана в 600 пикселов. Под эту ширину и заданный размер шрифта заточены иллюстрации к статьям и рецензиям. Менять этот размер я не собираюсь. Во-первых, потому что полетит верстка в тысячах старых статей. Впрочем, теоретически эту проблему можно решить (например, оставив 600 пикселов в старых статьях, а новые делать уже на более широкой колонке). Но тут сразу идет во-вторых. А во-вторых, колонка в 600 пикселов, по моему мнению, является оптимальной для нормального восприятия текста при чтении. Даже 800 пикселов по ширине - текст на такой колонке читается заметно хуже. А уж "резиновый" дизайн для статей я не собираюсь делать ни под каким видом - по очень многим соображениям.

Так что колонка в 600 пикселов как была, так и останется. А с фотографиями проблема давно решена. Фотографии (и некоторые изображения/скриншоты) к статьям выкладываются размером 1280 пикселов по ширине (Сергей Доля выкладывает фото размером 1050 пикселов по ширине). При публикации специальный скрипт делает к ним превьюшку в 600 пикселов по ширине и так показывает. Если щелкнуть по фотографии, то во всплывающем окне фотография разворачивается на полный экран браузера (именно браузера). При необходимости ее можно сохранить на диск - получите оригинал в 1280 пикселов. На каждой из таких открытых на полный экран фотографий можно навести курсор справа и слева по центру - появятся навигационные стрелки, позволяющие пролистывать изображения в этом посте (статье). При щелчке по центру экрана окно закрывается.

Минус тут в том, что при этом не получается читать мои комментарии к фотографиям. Но мы эту проблему скоро решим: скрипт будет текст комментария выводить снизу на развернутом изображении.

Разумеется, для трансляций этот механизм недоступен. Большие изображения выкладываются и в трансляциях, но они просто открываются по щелчку на предпросмотре: навигации по большим изображениям там нет. Но уж извиняйте, это просто трансляции.

Такой механизм, на мой взгляд, очень удобен (особенно когда решим проблему с комментариями). И колонка выглядит и читается нормально, и большое изображение всегда можно посмотреть и сохранить при необходимости. Кроме того, трансляция ленты блога не разрывает колонку при чтении френд-ленты - это тоже актуально. А то мне в свое время приходилось выносить из френдов любителей выкладывать фоточки в 1500 пикселов безо всякого предпросмотра.

30.08.2013 10:04
Комментарии 17

Алекс, ради эксперимента сделайте шаблон index2 на 800 или 1000px, выкинув правую колонку (она все равно нагрузки не несет), но вставив фото нормального размера. Сравните по счетчикам, какой дизайн больше смотрят.
03.09.13 04:14
0 0

Адаптируйте картинки для ретины. Чтобы на айпадах было красиво. Тем более сделать технически это просто - если сайт понимает что зашло устройство с ретиной, кладете в тэг img картинку в 2 раза большую чем прописано в свойствах width и height. Типа

<img src="pic_200x200.jpg" style="width:100px;height:100px" /> для ретины и

<img src="pic_100x100.jpg" style="width:100px;height:100px" /> для обычных.
01.09.13 09:46
0 0

ну тут каждому свое....

кому-то тексты, кому-то картинки...


01.09.13 02:26
0 0

600 пикселей в ширину полностью поддерживаю. Во первых, действительно хорохо читается. Во вторых, на мобильных устройствах с ретина экранами, все получается очень мелко. Читать сайты с широкими колонками в портретной ориентации становится просто невозможно.
А широкие картинки Доли часто рвут ленту. Хотя красиво, не спорю.
31.08.13 13:23
0 0

Конечно, смотреть большые фоты, тыкая в них, однозначно неудобно, намного одобнее смотреть сразу большие в ленте
31.08.13 09:15
0 0

vodoley213: Конечно, смотреть большые фоты, тыкая в них, однозначно неудобно, намного одобнее смотреть сразу большие в ленте

Да вроде написал, что можно ткнуть в одну, а потом просто перелистывать. Если и это неудобно, то я уже ничем помочь не могу.
31.08.13 09:21
0 0

А это тот самый скрипт, который EXIFы ест?
30.08.13 11:59
0 0

Док Браун:
А это тот самый скрипт, который EXIFы ест?


Вообще уже несколько месяцев как не ест.
30.08.13 13:44
0 0

Когда уже я дождусь приложение для i-OS Exler.

Я бы заплатил, рублей 66 😉
30.08.13 11:55
0 0

pirotehnik:
Когда уже я дождусь приложение для i-OS Exler.

Я бы заплатил, рублей 66


А чем pda.exler.ru в браузере не устраивает?
30.08.13 13:43
0 0

Пара оффтопов:




Алекс, в последних комментариях к статье о о тест-драйве и заезде в Нюрнберг кинул пару ссылок на ЖЖ о Франконской Швейцарии и ресторан в Нюрнберге.



Не хотелось бы "злоупотребить" высокой цитируемостью блога, поэтому если "лучше не стоит" - скажите, исправлю. 😄


Почему-то в Хроме странно ведут себя механизмы обработки переноса строки в комментах (т.е. Enter) - иногда пустая строка и перенос воспринимаются, как отступ и новый абзац, а иногда - пустая строка выкидывается.



Хром балуется или просто существует возможность дополнительной разметки?


30.08.13 10:56
0 0

Kababok: Почему-то в Хроме странно ведут себя механизмы обработки переноса строки в комментах (т.е. Enter) - иногда пустая строка и перенос воспринимаются, как отступ и новый абзац, а иногда - пустая строка выкидывается.



Вообще перенос строки в подобных редакторах это shift+enter, а enter это новый абзац, т.е. тег <p>
30.08.13 11:00
0 0

Kababok: Алекс, в последних комментариях к статье о о тест-драйве и заезде в Нюрнберг кинул пару ссылок на ЖЖ о Франконской Швейцарии и ресторан в Нюрнберге. Не хотелось бы "злоупотребить" высокой цитируемостью блога, поэтому если "лучше не стоит" - скажите, исправлю.

Да без проблем, ссылки по теме - наоборот очень приветствуются.



Kababok: Почему-то в Хроме странно ведут себя механизмы обработки переноса строки в комментах (т.е. Enter) - иногда пустая строка и перенос воспринимаются, как отступ и новый абзац, а иногда - пустая строка выкидывается.

Я так понимаю, что это хром дурит.
30.08.13 11:06
0 0

Alex Exler: Так что колонка в 600 пикселов как была, так и останется.

Это все понятно, но бывают у Вас в блоге просто абалденные пейзажи с кучей деталей которые хочется рассматривать поближе, или опять же недавно было, часовой механизм крупным планом и 1280 к этому никак не распологает, ведь какчество позволяеет выложыть 1-2 лучших (где есть что рассматривать) на Ваш взгляд фото, в полном разрешении ( отдельной ссылкой например), темболее с такой камеры как rx1r.(разрешение можно уменьшить до 4000 с чемто и джепег сильно не раздувать)

Я думаю это бы сильно оживило картинку, ведь Вы там были? и нам хочется поприсутствывать...

Кстати, смотрел недавно с Ytoobe 4к ролик, просто афигеть сколько деталей....
30.08.13 10:42
0 0

vitaliy stavash: Это все понятно, но бывают у Вас в блоге просто абалденные пейзажи с кучей деталей которые хочется рассматривать поближе, или опять же недавно было, часовой механизм крупным планом и 1280 к этому никак не распологает, ведь какчество позволяеет выложыть 1-2 лучших (где есть что рассматривать) на Ваш взгляд фото, в полном разрешении ( отдельной ссылкой например), темболее с такой камеры как rx1r.(разрешение можно уменьшить до 4000 с чемто и джепег сильно не раздувать)

Я пока не знаю, как решить эту проблему. Я не могу выкладывать фото в 4000 пикселов по ширине - у меня даже 1280 через ADSL проползают довольно медленно. А выборочно выкладывать - тогда не понятно, что именно выбирать.
30.08.13 11:05
0 0

А какими средствами осуществляется трансляция из блога в ЖЖ?
30.08.13 10:36
0 0
Теги
Сортировать по алфавиту или записям
BLM 21
Calella 143
exler.ru 272
авто 442
видео 3997
вино 359
еда 500
ЕС 60
игры 114
ИИ 29
кино 1581
попы 191
СМИ 2759
софт 930
США 132
шоу 6