Kasenka (11 Июль 2013 - 10:00) писал:
Изображения товаров- ? Максимальный размер по высоте/ширине в пикселях для иконок
- ? Максимальный размер по высоте/ширине в пикселях для маленьких изображений
- ? Максимальный размер по высоте/ширине в пикселях для средних изображений
- ? Максимальный размер по высоте/ширине в пикселях для больших изображений
- ? Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений
А исходное фото СУПЕР четкое(прилагаю)! www.nilovashop.ru
На самом деле думаю проблема в 2х-3х вещах. Рассмотрим на примере:
http://i2.nilovashop...andreevskij.jpg
http://i2.nilovashop...andreevskij.jpg
1) в том что изображение 450x314 пережимаясь до размера 250x75 пережимается не 2 пикселя к одному, а с пропорцией 1,8, естественно один пиксель соседний получает 20% от соседнего, что вызывает размытость, т.к. шаг сжатия разный,
2) затем для оптимизации изображения для веб сайта изображения изменяются в качестве со 100% всех пикселей до 80%, это позволяет сократить размер изображения почти в 3 раза без видимой потери качества, думаю на этот пункт валить нет смысла, т.к. разницу Вы реально между 80% и 100% jpg на сайте не увидите если будете сидеть от монитора хотя бы в 30-40см. Поэтому о
сновная причина возникновения проблемы размытости на мой взгляд как раз первая.
3) Также бывают ещё и случаи когда изменяя настройки на сервере изображений они ещё не успевают пережаться, либо пережимаются но в кэше браузера висят старые изображения. Это происходит потому что адреса у изображений с изменением их размеров не меняются и браузер считает что нужно брать изображение из кэша, к новому на сервере просто не ходит. Отчего до нужного размера, в соответствии с настройками сайта изображения уже пережимает ваш браузер, в итоге если была картинка 450x314, которая пережата до 250x75, Вы не обновили кэш браузера и поставили в настройках размер 300, то из кэша будет взято изображение 250x75 и затем его браузер пережмёт с пропорцией 15.4% без реального улучшения качества, что добавит ещё искажений к уже существующим, отчего будет казаться что картинка очень сильно размыта.
Проверял на опыте ресайз изображения в photoshop-е: что с сайта до указанного размера и качества, что в PS, результат почти одинаков, разницу можно отличить лишь вглядываясь на IPS мониторе в каждый пиксель. Поэтому думаю что проблема основная всё-таки в пунктах 3, затем 1 и в редких случаях 2. Соответственно решается очисткой кэша браузера (Ctrl+F5), а также возможным подбором размеров изображений для пережатия с пропорцией без плавающей точки, хотя я честно говоря так никогда не поступал, как жмётся в PS, так и выкладываю, разницу можно заметить лишь при очень внимательном вглядывании в пиксели, чего в 99% случаев пользователь на сайте не делает и соблюдение пропорций становится актуальным лишь для иконок на retina дисплеях.