Оптимизация графики под Web Оптимизация графики под Web
Вы наверное замечали, что некоторые фотографии (изображения) очень долго открываются в окне компьютера. Это потому, что они не оптимизированы под Web-страницу. На данной страничке мы будем оптимизировать изображение с помощью программы Photoshop (7 версия).
Но, прежде чем приступить к оптимизации, необходимо изображение перевести в формат .jpg или .gif, а в случае необходимости, кадрировать его, т.е. обрезать до необходимого размера (см.ЗДЕСЬ).
Итак, открываем в Фотошоп Файл->Открыть (File->Open) изображение с расширением .jpg (см.ЗДЕСЬ). На верхней панели программы выбираем Файл->Сохранить для Web (Fail->Save for Web), откроется панель оптимизации изображений, предназначенных для размещения в Интернете. (см.ЗДЕСЬ)
На верху панели увидим четыре закладки: Original->Optimized->2-up->4-up. Если выбрать закладку 4-up, то появиться 4 изображения, вверху слева - оригинал, а вот три остальных (одно справа и два внизу) мы будем изменять настройками и подбирать подходящий нам вариант. Можно выбрать закладку 2-up, тогда появится только два изображения, одно из которых - оригинал, а правое для настроек.
Из четырех выбираем вариант справа вверху. В поле "Settings" находим формат "jpg" (у нас изображение в таком формате), под ним сразу будут доступны в нижнем окошке варианты: Low, Medium, High и Maximum. Настраивая эти варианты, будем видеть, как меняются значения под оптимизированным изображением, там указывается "вес" изображения и время на его загрузку. Выбираем максимальное уменьшение файла и смотрим, чтобы изображение не потеряло своего качества.
Для себя я выбрал "Maximum", размер файла оказался чуть больше 12 килобайт, и время загрузки 5 секунд. Это нормально. Желательно, чтобы изображение не превышало 30 килобайт. Это совет.
Теперь осталось Сохранить (Save) выбранный вариант оптимизированного изображения (фотографии) с расширением .jpg под новым именем (см.ЗДЕСЬ)
Можете сравнить, насколько первоначальное изображение отличается от оптимизированного. Если в начале изображение имело 130 килобайт памяти, то оптимизированное стало "весить" только 13 килобайт (и на загрузку всего 6 секунд), по качеству оно нас тоже устраивает.
Жду Ваших предложений и статей по ведению данного проекта. Пишите, высказывайте своё мнение, задавайте вопросы.
<<<Предыдущая На главную Следующая>>>
|