Почему мои фотографии на сайте выглядят хорошо на компьютере и iPad, но размыты на смартфоне (iPhone 4s)? Как увеличить резкость и сохранить для использования на смартфоне?
Спасибо за ссылку на сайт, Мэри - теперь я точно вижу, в чем проблема. Это действительно не по теме для этого форума (это проблема веб-разработки, а не фотографии), но я уверен, что ответ может быть интересен и другим.
Я вижу, что на iPhone я получаю мобильную версию вашего сайта. Если я нажму « О программе», я попаду на эту страницу . А вот основное фото, использованное на этой странице:
(Надеюсь, вы не возражаете, что я включил это сюда. Я не загружал копию, я использовал прямой URL-адрес изображения на вашем сайте.)
Размер изображения 280 х 385 пикселей. Это отличный размер для смартфонов старшего поколения, таких как iPhone 3GS и более ранние модели с разрешением экрана 320 x 480 пикселей . Однако iPhone 4 и последующие модели, а также другие сопоставимые смартфоны на Android и т. д. имеют экраны с гораздо более высоким разрешением. Дисплей Retina в iPhone 4 и 4S имеет разрешение 640 x 960 пикселей: хотя размер экрана такой же, как и на более ранних моделях, пиксели намного меньше, что обеспечивает гораздо более четкое изображение.
То, что вы видите на своем iPhone 4S, — это изображение размером 280x385, увеличенное вдвое по сравнению с исходной шириной и высотой. Это приводит к тому, что оно выглядит мягким по сравнению с изображением с «родным разрешением». То же самое я вижу на своем iPhone 4: это особенно заметно вокруг оправы ваших очков.
Боюсь, решение здесь определенно не по теме, но вам нужно посмотреть, сможете ли вы опубликовать версию своего сайта с более высоким разрешением, которая будет работать на старых телефонах.
Используете ли вы один и тот же набор изображений для Интернета и мобильных устройств? Я буду удивлен, если вы этого не сделаете, потому что вам следует использовать фотографии меньшего размера для мобильных устройств.
Если этот сайт был сгенерирован автоматически с использованием какого-либо инструмента/программы, то, возможно, он уменьшил размер фотографий и их разрешение для мобильных устройств, что могло снизить их резкость.
Мой Samsung Google Nexus тоже делает это — я полагаю, что в действии есть какое-то сжатие быстрого просмотра.
Если они выглядят нормально на ПК и iPad, то, боюсь, вы ничего не сможете исправить для смартфонов.
Марк Уитакер
Мэри