Что является различием между уменьшением масштаба изображения к 150 пкс в Photoshop и затем использованием что в HTML:
<img src="blah.png" />
по сравнению с
Используя изображение на 500 пкс и затем использование, что в HTML:
<img src="blah.png" width="150px"/>?
Существует ли качественное различие?
Интересный, Вы почти не можете сказать различию эти days1. Это выглядит хорошим в Chrome/IE, но Firefox не масштабируется также. Так или иначе, для добавления к точке Mike's о пропускной способности:
(1) 500x500 вызванный к 150x150 на левом, 150 собственных компонентах на праве
Photoshop позволяет Вам выбирать метод масштабирования, такой как 'bicubic более резкий', который часто более подходит для сокращения размеров изображения, чем стандарт 'bicubic' изменение размеров.
Если Вы сделаете масштабирование браузера, то качество будет варьироваться между браузерами, и Вы не будете иметь никакого контроля об этом.
Кроме того, если Вы всегда делаете браузер, масштабирующийся на изображении, и никогда не отображаете его в его полном разрешении, затем Вы тратите впустую пропускную способность.
Да существует. Большинство браузеров не имеет хорошего изображения resampler как Photoshop, имеет. Изображения, уменьшенные в HTML, будут выглядеть немного массивными, требовать большего количества пропускной способности, памяти и использования CPU.
Это - лучшая практика для использования передискретизируемых изображений от Photoshop, который будет отображен в родном разрешении.