Оптимизация фотографии для интернета
Зачем оптимизировать фотографии для интернета - ведь мы потеряем в качестве? Часто такие вопросы возникают у начинающего фотографа при упоминании о сжатии фотографий для размещения в интернете.
Замечательно, если у вас скоростной интернет! Но не у всех есть такая возможность. Большая часть населения России (да и многих других стран Восточной Европы и Азии) не могут пока позволить себе быстрое интернет соединение. Чаще всего, это подключение через обычный телефон - Dial Up. Скорость такого соединения не
превышает 56.6 Кбит/сек. При такой скорости 1 Мбайт информации загружается не менее 4 мин, а средний размер фотографии 5Мп фотоаппарата составляет 2 Мб. Теперь представьте, что на вашей интернет-страничке не одна фотография, а несколько.... Вы же размещаете свои фотографии для того, чтобы их могли посмотреть другие пользователи интернета? А сами вы будете ждать загрузки страницы более 4 минут? Скорее всего нет! Да и по электронной почте посылать такие объёмы информации другу с "медленным" интернетом, просто неуважительно! А если учесть, что количество пикселей в цифровых фотоаппаратах растёт с той же скоростью, что и интернет технологии, то вряд ли мы сможем не думать об этом вопросе в будущем. Остаётся только один выход - сжимать фотографии перед отправкой в
мировую электронную сеть.
Итак цель оптимизации фотографий для интернета мы уже выяснили, а исходя из цели ставим перед собой задачу: изменить размер фотографии до принятого в интернете 800 Х 600 пикселей и немного ужать объём файла, контролируя при этом качество картинки.
Размер изображения не более 800 Х 600 пикселей определяется самыми старыми мониторами ещё находящимися в эксплуатации. При таком размере снимка он "влезет" в экран целиком на любом мониторе. Рекомендуемый объём файла после сжатия 50-90 Кбайт. Кстати, все иллюстрации этого сайта сжаты способом описанным ниже и объём
большинства фотографий не превышает 60 Кбайт.
Один из самых качественных и достаточно быстрых оптимизации
фотографий для интернета - это использование
соответствующей функции Adobe Photoshop - Sawe For Web.
Итак, открываем нашу фотографию в фотошопе, запускаем команду File>Save For Web & Devices... или просто жмём "хитрое" сочетание клавиш: Alt+Shift+Ctrl+S и пред нами открывается вот такое "страшное" на первый взгляд окно под названмем Save For Web & Devices, что в переводе обозначает Сохранить Для Интернета и др. Устройств.
Но не нужно боятся большого количества кнопочек и настроек - мы будем использовать лишь некоторую часть предлагаемых функций - нужные нам зоны я выделил красным цветом. Но и в этих зонах, нам понадобятся не все настройки.
Если вы уже успели изучить, что находиться в открывшемся окне (для просто поводите мышкой по картинке выше, задерживая там, где появится знак вопроса), то мы приступаем к сжатию вашей фотографии.
Пошаговая инструкция по оптимизации фотографий для интернета с помощью фотошоп
- Уменьшаем размер изображения - Image Size.
Ставим галочку Constrain Proportions (Сохранить Пропорции).
В окошке With (Ширина) поля New Size (Новый Размер) ставим 800 для горизонтального снимка или 600
для вертикального снимка. Ширина снимка (Height) и процент уменьшения (Percent) изменятся автоматически.
В окошке Quality (Качество) выбираем Bicubic Smoother (Бикубический сглаженный).
Нажимаем кнопку Apply (Применить) и в окне просмотра видим изменения.
- Настраиваем величину сжатия снимка (оптимизации) изображения.
Фотографии лучше сохранять в JPEG формате, поэтому выбираем или оставляем JPEG.
Чтобы совсем не потерять качество, рекомендую установить качество компрессии High (высокое), а потом немного "дожать файл" до нужного объёма используя движок в окне Quality (Качество) - 60% и ниже,
контролируя при этом качество и объём файла в окне просмотра.
Eсли на сжатом изображение начинают появляются заметные глазу артефакты (изображение начинает "рябить"),
то можно немного размыть картинку используя движок в окошке Blur (Размытие). Будьте осторожны - в большинстве случаев достаточно размытия 0,1-0,2.
Ну и напоследок, ставим галочку в окошке Progressive - в этом случае, при загрузке фотографии посититель сайта будет видеть вашу фотографию почти сразу, но в очень плохом качестве. Качество будет улучшаться по мере загрузки изображения, пока не загрузиться полностью.
- Сохраняем сжатое изображение.
На любом этапе оптимизации изображения вы можете прямо из этого же окна запустить браузер и посмотреть как будет
выглядеть ваша работа в его окне - обратите внимание на значок Internet Explorer внизу окна оптимизации.
После выполнения указанных выше настроек остаётся нажать кнопку Save (Сохранить) и сохранить результат сжатия, указав папку и имя файла.
| Внимание! |
Не сохраняйте оптимизированный для интернета снимок вместо исходного файла - обратно его уже не улучшить! |
Это самый простой способ оптимизации фотографий для интернета с использованием фотошоп. Есть ещё некоторые настройки и возможности, особенно полезные, когда нужно оптимизировать большое количество фотографий, например для интернет галереи... Но это уже отдельная тема.
А пока скачивайте бесплатный видеоурок и смотрите сами,
как просто уменьшить объём фотографии с помощью фотошоп!
|
