Спасибо за ссылку на сайт, Мэри - теперь я точно вижу, в чем проблема. Это действительно не по теме для этого форума (это проблема веб-разработки, а не фотографии), но я уверен, что другие могут быть заинтересованы в ответе.
Я вижу, что на iPhone я получаю мобильную версию вашего сайта. Если я нажму О , я перейду на на эту страницу . И вот главное фото, использованное на этой странице:
http://marycarrollphotography.com/userfiles/images/mob/7749983bbe7aa0ec48708da7576e5660b9a6dbbd13015216591112779103.jpg
(Надеюсь, вы не возражаете, если я упомяну это здесь. Я не загрузил копию, я использовал прямой URL-адрес изображения на вашем сайте.)
Размер изображения составляет 280 х 385 пикселей. Это отличный размер для смартфонов старшего поколения, таких как iPhone 3GS и более ранних версий, у которых имел разрешение экрана 320 x 480 пикселей . Тем не менее, iPhone 4 и другие сопоставимые смартфоны, использующие Android и т. Д., Имеют гораздо более высокое разрешение экрана. Дисплей Retina на iPhone 4 и 4S имеет разрешение 640 x 960 пикселей: хотя экран такого же размера, как и на более ранних моделях, пиксели намного меньше, что обеспечивает более четкое изображение.
На iPhone 4S вы видите изображение размером 280x385, увеличенное вдвое по сравнению с оригинальной шириной и высотой. Это приводит к тому, что он выглядит мягче по сравнению с изображением «родного разрешения». Я вижу то же самое на моем iPhone 4: это особенно заметно по оправе ваших очков.
Решение, безусловно, здесь не по теме, боюсь, но вам нужно посмотреть, сможете ли вы опубликовать версию вашего сайта с более высоким разрешением, которая все еще будет работать на старых телефонах.