Размытие изображений на мобильных устройствах

Сообщение **codeorlov** » 24 фев 2017, 15:48

Доброго времени суток, почему на экранах мобильных устройств любая графика (png,jpg, итд.) выглядит немного размыто? На экране компьютера, все четко. Много читал, но решения так и не нашел. Может кто-то сталкивался и сможет помочь.Заранее спасибо! :nez-nayu:

Безымянный.jpg

-Вид на компьютере

HT_JQbFSwF4.jpg

-Вид на мобильном

Сообщение **Alex15963** » 24 фев 2017, 16:10

Мне кажется, все зависит от разрешения

Сообщение **codeorlov** » 24 фев 2017, 17:59

Alex15963, не совсем,даже на планшетах имеем нечеткие картинки в мобильных браузерах, тут в чем то-другом подвох, спасибо за ответ.
Они как будто немного масштабируются и теряют качество, хотя высота и ширина фиксированная.

Сообщение **Alex15963** » 24 фев 2017, 18:45

Ну хочу поспорить. Разрешение экрана на мобильных сильно отличается от разрешения в браузере. То-есть, если вы смотрите картинку в большом разрешении и экран у Вас тоже имеет хорошее разрешение, естественно Вы будете видеть очень хорошее качество фотки Но если Вы зайдете на сайт и у Вас хорошее разрешение экрана на мобильном, это не значит, что Вы будете смотреть сайт тоже в этом разрешении. Вы будете видеть то, что Вам дает смотреть браузер. К примеру у меня телефон с разрешением экрана 1200х720 пх а разрешение экрана браузера 320х456. к планшетам это тоже относится. Вот и смотрите где теряется качество. Есть куча сайтов где можно проверить разрешение он-лайн. Один из них - http://myresolutionis.ru/

Сообщение **codeorlov** » 24 фев 2017, 19:22

Alex15963, конструктивно, но, давайте посмотрим на m.vk.com через мобильный браузер, иконки размером 20х20 отображаются четко, лого тоже, а после на profiwm.com(как пример), где видим размытие как у меня, хотелось бы найти решение проблемы. :cry_ing:

Сообщение **anonimus** » 25 фев 2017, 00:34

а что, ссылку никак нельзя написать?
тут вроде как телепатов нет :-)

Сообщение **codeorlov** » 25 фев 2017, 12:30

anonimus, можно конечно.
denyhouse.zzz.com.ua - комьютерная версия
m.denyhouse.zzz.com.ua - мобильная

Сообщение **anonimus** » 25 фев 2017, 17:03

вы как svg опубликовали
сделайте точно так же, как и на обычной версии и не мудрите ничего

Сообщение **codeorlov** » 26 фев 2017, 17:38

anonimus, svg тут не при чём, посмотрите на другие картинки в мобильном браузере.

Сообщение **anonimus** » 26 фев 2017, 18:54

кстати, а вас не волнует, что главная страница m.denyhouse.zzz.com.ua весит чуть менее 9,4 мегабайт?
ничего себе мобильный сайт :-)

у вас denyhouse.zzz.com.ua/ весит меньше, чем мобильная версия (не находите это немного странным?), но тоже ооочень много, для сайта в том виде в котором он есть сейчас

ваш основной сайт должен весить пару-тройку сотен килобайт, а мобильная версия и того меньше
кстати, ваша не мобильная версия так же фигово выглядит на смартфоне

наведите порядок на сайте, оптимизируйте изображения и браузеры мобильных телефонов возможно не так сильно и по уродски пережмут картинки вашего сайта

Сообщение **codeorlov** » 27 фев 2017, 10:54

anonimus, смущает конечно)Это -так сказать, черновой вариант))Обязательно проведу оптимизацию, а Вам, спасибо, что уделяете внимание)

Сообщение **igorweb** » 27 фев 2017, 12:27

У меня Avira вообще блокирует ваш сайт, определяет как потенциально опасный. Что вы вообще там разместили? Даже заходить боюсь :ps_ih:

Отправлено спустя 8 минут 10 секунд:
О, еще и с моего шаблона слямзили элементы, которые лично я делал :ni_zia:

. На моем шаблоне все элементы на кпк нормально показываются - это просто вас сверхъестественные силы наказали за пиратство :men:

. Причин может быть несколько: настройка мобильного браузера выставлена для отображения фото низкого качества, для экономии трафика; неправильно выставили расширение при импорте картинок; неправильно обработали фото и др./ И вообще, если что-то воруете с других сайтов, то воровать нужно тоже с умом :men:

Сообщение **codeorlov** » 27 фев 2017, 15:27

igorweb, да обьясняю же,это черновик, увидел ваш шаблон на форуме и просто скопировал стиль, чтобы разобраться с возможностями программы.Пиратство не приветствую и Вас понимаю.Спасибо за ответ!
P.S. А касаемо Ваших сайтов - они шикарны! :co_ol:

Сообщение **igorweb** » 27 фев 2017, 15:45

Я думаю это все таки связано с пределом увеличения изображений. Экран компа большой, но если бы начнете увеличивать картинку, то в итоге получите такое же размытое изображение, т.к. картинки для веба ставят в разрешении 72 или 96 dpi. А на экране мобильного телефона вы приближаете страницу, т.е. сразу делаете увеличение, при котором уже данного разрешения картинок "не хватает". Ради эксперимента: поставьте картинку в разрешении как на печать - 300 dpi и думаю в этом случае картинки будут смотреться нормально, но тогда будет сайт очень тяжелым.

Сообщение **codeorlov** » 27 фев 2017, 19:40

igorweb, благодарю Вас, интересно как оптимизирует свои изображения GOOGLE -выглядят отлично везде, попробую поэкспериментировать))

Сообщение **SkylinG** » 09 мар 2017, 22:59

в настройках скорее намутил. Что-то вроде растяжение элементов...

Кто сейчас на конференции

Добро пожаловать на форум!