Отдельная картинка товара для мобильных

[maxximum]

Здравствуйте! Подскажите, а можно ли сделать так, чтобы при просмотре с дестопа отображалась одна картинка товара, а при просмотре с мобильных - другая? Именно другой файл, не просто та же картинка просто с другими стилями, а с дестопа - img1.jpg, а с мобильных - img2.jpg ?

 

И в идеале чтобы эту картинку можно было отдельно задавать через админку, примерно как на скриншоте: http://prntscr.com/kkubpq

[Tom]

Может быть поделитесь причиной по которой это необходимо?

[mazein]

1 час назад, maxximum сказал:

Здравствуйте! Подскажите, а можно ли сделать так, чтобы при просмотре с дестопа отображалась одна картинка товара, а при просмотре с мобильных - другая? Именно другой файл, не просто та же картинка просто с другими стилями, а с дестопа - img1.jpg, а с мобильных - img2.jpg ?

 

И в идеале чтобы эту картинку можно было отдельно задавать через админку, примерно как на скриншоте: http://prntscr.com/kkubpq

 

Могу сделать. Платно. Обращаться в ЛС.

[maxximum]

@Tom, ну мы просто сделали картинки товаров довольно широкими и большими, поскольку на десктопных мониторах 1920x1080, 1366x768 и т.д. такие картинки смотрятся классно.

 

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

[Xelen]

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

С целью облегчения загрузки страницы ставишь превьюшкам для категории размер 200px-250px, смотрится вполне прилично.

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

По 2 в ряд ставить для мобильной версии не всегда вариант.

Задавать жесткие размеры карточке товара, меньше, чем экран мобильного тоже не хочется. Красиво, когда на весь экран картинка, особо, если это одежда или украшения.

Приходится картинки для страницы категории задавать чуть больше, чем нужно.

 

 

[Agatha65]

Показиват маленкие картинки на мобилних устройств очен хотошо с точки зрения сео и скорост.

Думала об етом но не пробовала:

srcset

https://html.com/attributes/img-srcset/

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

[maxximum]

 Agatha65, очень интересный атрибут srcset, не слышал о нем, спасибо! 

 

Только, насколько я понимаю, что его использовать для моих целей, нужно будет изменить исходный код вывода изображений категории и отдельного товара?

А где его можно изменить, не подскажите?