Изображения в адаптивных версиях сайтов

A
На сайте с 20.08.2010
Offline
775
772

При использовании превьюшек 100x100, 150x150, 200x200 точек и т.д. при просмотре с мобилки изображения размазываются в стиле худших традиций сжатия. Это касается и жпг, и пнг. Нужно использовать векторные изображения, либо, например, брать картинку 300x300 и сжимать ее при выводе до 100x100. Я правильно мыслю? Если с новыми сайтами понятно, то как быть со старыми, можно ли что-то сделать, чтобы изображения не плыли?

Оптимизайка
На сайте с 11.03.2012
Offline
396
#1

Use <picture> tag to provide multiple image resolutions (for different devices).

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
Z0
На сайте с 03.09.2009
Offline
827
#2
Оптимизайка:
Use <picture> tag to provide multiple image resolutions (for different devices).

Мы раз сверстали сайт под html5, а потом заказчик орал на нас, что не кроссбраузерно 🤣 Извините за офтоп

WebJunior
На сайте с 11.06.2010
Offline
155
#3
ziliboba0213:
Мы раз сверстали сайт под html5, а потом заказчик орал на нас, что не кроссбраузерно 🤣 Извините за офтоп

Ну, если это наезд на html5, то он, я считаю, не причем :)

Мой сайт на этом хостинге - https://tuthost.ua/?from=2558 / Верстаю шаблоны (темы с отзывами: https://searchengines.guru/ru/forum/763758, https://searchengines.guru/ru/forum/600404 ).
totamon
На сайте с 12.05.2007
Offline
437
#4
awasome:
При использовании превьюшек 100x100, 150x150, 200x200 точек и т.д. при просмотре с мобилки изображения размазываются в стиле худших традиций сжатия.

оно ведь не само собой происходит, нужно понимать из-за чего... скорей всего на мобилах размер изображения меняется на 100%, те получается больше 100 или 200пх.

awasome:
например, брать картинку 300x300 и сжимать ее при выводе до 100x100.

делать трумбы нескольких размеров...

awasome:
сли с новыми сайтами понятно, то как быть со старыми, можно ли что-то сделать, чтобы изображения не плыли?

чем старый сайт от нового отличается? на старом нельзя открыть файл стилей и поправить их?))

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
Aisamiery
На сайте с 12.04.2015
Offline
319
#5
ziliboba0213:
Мы раз сверстали сайт под html5, а потом заказчик орал на нас, что не кроссбраузерно 🤣 Извините за офтоп

Это было сколько лет назад? 6? :)

Мне кажется сейчас нет устройств с доступом в интернет без поддержки html5, а если и есть, то скорее всего это не ваша ЦА (и не заказчика в том числе) и в конце концов, есть html5shiv и прочие заплатки. ИЕ8 перестал поддерживаться в 2014 году вместе с xp, хотя под ie8 (winxp) можно доп стили накатать и скрипты адаптировать под детект браузера, по факту +100к баблинских за поддержку неподдерживаемого г... к проекту никому не помешают, все остальные обновляются в фоне самостоятельно.

Например Яндексом пользоваться на ИЕ6 невозможно, не кроссбраузерно у него 😂

Разработка проектов на Symfony, Laravel, 1C-Bitrix, UMI.CMS, OctoberCMS

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий