2016-09-09 6 views
-1

Я создал это изображение с фотошопом 4500x2646px 72dpi, я хочу показать свою фотографию в div 700x412px.Разрешение изображения на сайте, когда размер изменяется

  • 1 размер фотошоп, 700x412px 72dpi качество 12 (макс) -> 216Kb и качество (по моей шкале) на моем сайте 8 (от 0 до 10).
  • 2 размер с фотошопом, 1400x824px 72dpi качество 12 (макс.) -> 683Kb, а качество (по моему масштабу) на моем сайте составляет 10 (от 0 до 10).

Почему если браузер изменить размер исходного изображения 1400px на 700px качество картинки лучше не использовать фотографии изменить размер фотошопе?

Способ изменения размера браузера лучше всего в Photoshop?

Я использую полный экран hd.

Благодаря

+0

Нет, это не лучше. Вы также не сохраняете какой-либо трафик, если вы позволите изменить размер браузера. И вы определенно хотите сохранить трафик. –

+0

Когда вы используете изображение с высоким разрешением на нижнем экране или div (то есть: изображение 700x700px в div с размерами 350x350 пикселей), тогда вы получаете лучшее качество - так же работает сетчатка. – debute

+0

Этот вопрос не имеет никакого отношения к программированию, поскольку для его поддержки нет кода. –

ответ

1

Если изменения размера 4500x2646px изображение с HTML/CSS в браузере, то все равно придется загрузить полный образ и использование полосы пропускания. Это не похоже на изменение размера программы на сервере и сохранение нового изображения, как миниатюра.

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

Посмотрите на различные параметры в Photoshop для изменения размера/повторной выборки. И сначала сгладьте изображение, чтобы края не размылись, а затем сохранили как JPEG. Но не экономьте над своим PSD как сплющенный или вы не получите свои слои обратно.

Photoshop Image Resize

Есть несколько вариантов качества, если вы выбираете Сохранить для Web.

Photoshop Save for Web

И если изображение еще не хрустящий достаточно, я положил Smart Sharpen Filter 15%, 1.0px Radius.

+0

У вопроса нет кода для его поддержки и не имеет отношения к программированию. Они помечены как php, html, css, но без кода. Я не вижу, как ваш ответ поможет решить эту проблему. Конечно, надеясь, что вы ничего не делали. –

+0

@ Fred-ii- Я вижу, я думал, что они также отметили его в Photoshop. Если я правильно понимаю, они говорят, что браузер лучше масштабируется, чем фотошоп, но я должен сам это увидеть. –

+0

Я удалил те теги и оставил им комментарий по вопросу. Они могут добавить их обратно в «после», они добавили соответствующий код. –