Размер картинок в мобильной версии сайта

Автор Тема: Размер картинок в мобильной версии сайта  (Прочитано 6534 раз)

Оффлайн bibikaАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 218
  • Сообщений: 772
  • Карма: 19
  • Пол: Мужской
    • Просветительская интернет-программа “Моллюски”

Оффлайн bibikaАвтор темы

  • Ветеран
  • *****
Уважаемые такой вопрос. Создаю мобильную версию сайта, и стала проблема отображения картинок, точнее их размера. Подскажите как их масштабировать  в зависимости от размера экрана.

До может кто-то подскажет офлайн программу-эмулятор смартфонов, пока использую MobiOne но триал скоро кончится.
Спасибо


Оффлайн bibikaАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 218
  • Сообщений: 772
  • Карма: 19
  • Пол: Мужской
    • Просветительская интернет-программа “Моллюски”

Оффлайн bibikaАвтор темы

  • Ветеран
  • *****
Отвечаю сам себе.  ;D

Для картинок прописываем:
 
Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.
и все работает, и картинка пропорционально изменяет размеры исходя из размера экрана девайса.

И не по теме, прикольная и легкая реализация фотогалереи для мобильной версии https://github.com/bradbirdsall/Swipe. Я выбрал ее для использования на мобильной версии своего сайта. Правда автор в последней версии подключил jquery, в предыдущих версиях он ее не использовал.


Оффлайн Нол

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 198
  • Сообщений: 351
  • Карма: 31

Оффлайн Нол

  • Старожил
  • ****
Спасибо за ссылку на свайп, надо попробовать.

Может еще мне подскажете? Вопрос больше философский, правда. Как-то анализировал трафик по годам и месяцам и понял, что процентов 65-70% мобильных заходов идет с i-девайсов, 2/3  c айпадов, и 1/3 с айфонов, андроиды сильно проигрывают, не говоря уже про остальные смартфоны, да и если на ПФ и конверсию смотреть вообще доминирование айпадов. Вопрос у меня по картинкам, да и по темам, вот какой, может быть вы его для себя обдумывали...  Во-первых, вроде бы в мобильном трафике крайне важна скорость загрузки, а она в России слабая. Так что надо без жалости резать дизайн до минималистического и стараться под самый хилый 3G тариф подстраиваться в первую очередь. Но с другой стороны, ... так жалко не использовать возможности ретины для четверок, ведь смотрится на порядок красивее, даже простые иконки и на тех глаз со временем разницу ловит... Стараетесь ли вы картинки (да и темы) под ретину оптимизировать или все же в России быстродействие важнее и вообще не ай-продукты рулят трафиком?  Никакого решения кроме как ретино-дубли на сайте держать на сайте не видел. Но в долгосрочной перспективе ведь те картинки, что мы в сайты сейчас суем из-за слабости сетей, по идее, когда-то мусором станут и придется назад на нормальное качество все галереи опять переводить? Какой-то парадокс мобильного трафика, по-моему. 
« Последнее редактирование: 27-03-2013, 23:57:52 от Нол »

Оффлайн bibikaАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 218
  • Сообщений: 772
  • Карма: 19
  • Пол: Мужской
    • Просветительская интернет-программа “Моллюски”

Оффлайн bibikaАвтор темы

  • Ветеран
  • *****
Я так не заворачивался, поскольку трафик у меня не большой, а количество людей приходящих на сайт с мобильных девайсов вообще мизерный.
Поэтому все картинки, которые я собираюсь показывать на мобильной версии сайта берутся с основного сайта, они уже оптимизированы в фотошопе их средний размер до 100Кб и всем картинкам выставлены свойства приведены в предыдущем посте.

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

Насчет ретины не знаю. В принципе на ИПадах мой основной сайт нормально смотрится и использовать мобильную версии нет никакого смысла.

Надо понимать, что пользователи мобильных девайсов работаю с сайтами по другому, не так как пользователи компов. Я старался выдать посетителю в максимально краткой форме полную информацию.

Оптимизацию под ретину, графики думаю больше нужна создателям игр и приложений.


 

Похожие темы

  Тема / Автор Ответов Последний ответ
5 Ответов
7503 Просмотров
Последний ответ 10-05-2011, 14:17:39
от Владимир75
8 Ответов
4332 Просмотров
Последний ответ 05-01-2014, 16:21:54
от Clever
4 Ответов
3485 Просмотров
Последний ответ 19-03-2013, 20:25:03
от paulic
2 Ответов
2317 Просмотров
Последний ответ 05-01-2015, 19:21:17
от ВикторияИ
0 Ответов
944 Просмотров
Последний ответ 22-08-2016, 12:35:40
от shoplte