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

[bibika]

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

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

[bibika]

Отвечаю сам себе. 

Для картинок прописываем:

Код Выделить Развернуть


max-width:450px; width: 100%;height: auto;


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

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

[Нол]

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

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

[bibika]

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

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

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

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

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