,

Как сжать фотографию без потери качества
для размещения в интернете

Зачем оптимизировать фотографии для интернета - ведь мы потеряем в качестве? Часто такие вопросы возникают у начинающего фотографа при упоминании о сжатии фотографий для размещения в интернете. Замечательно, если у вас скоростной интернет! А если у вас ещё и скоростной мобильный интернет - тогда вам очень повезло!

Однако, не стоит забывать, что не у всех есть такая возможность. Большая часть населения России (да и многих других стран Восточной Европы и Азии) не могут пока позволить себе быстрое и, самое важное, устойчивое интернет соединение. Особенно если есть возможность использовать только мобильный интернет. При низкой скорости интернет соединения 1 Мбайт информации может загружается более 2 минут, а средний размер фотографии 10Мп фотоаппарата в формате JPEG составляет примерно 6-8 Мб.

Теперь представьте, что на вашей интернет-страничке не одна фотография, а несколько.... Вы же размещаете свои фотографии для того, чтобы их могли посмотреть другие пользователи интернета? А сами вы будете ждать загрузки фотографий на странице так долго? Скорее всего нет! А если интернет-соединение в добавок ещё и неустойчивое?

Да и по электронной почте посылать такие объёмы информации другу с "медленным" интернетом, просто неуважительно! А если учесть, что количество пикселей в цифровых фотоаппаратах растёт с той же скоростью, что и интернет технологии, то вряд ли мы сможем не думать об этом вопросе в будущем. Остаётся только один выход - сжимать фотографии перед отправкой в мировую электронную сеть.

Итак цель оптимизации фотографий для интернета мы уже выяснили, а исходя из цели ставим перед собой задачу: изменить размер фотографии до принятого 1 в интернете размера 800 × 600 пикселей и немного ужать объём файла, контролируя при этом качество картинки.

Один из самых качественных и достаточно быстрых способов оптимизации сжатия фотографий для интернета - это использование соответствующей функции Adobe Photoshop - Save For Web.

Оптимизация сжатия фотографий для размещения в интернете

Пошаговая инструкция для Photoshop


1. Загрузка фотографии в окно Sawe For Web & Devices

Итак, открываем нашу фотографию в фотошопе, запускаем команду File>Save For Web & Devices... или просто жмём "хитрое" сочетание клавиш: Alt+Shift+Ctrl+S и пред нами открывается "страшное" на первый взгляд окно под названмем Save For Web & Devices, что в переводе обозначает Сохранить Для Интернета и др. Устройств.

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

На любом этапе оптимизации фотографии для интернета вы можете прямо из окна Save For Web & Devices запустить браузер и посмотреть как будет выглядеть ваша работа в его окне - значок Internet Explorer внизу окна оптимизации фотографий для интернета.

оптимизация фотографий для интернета

Save For Web & Devices - инструменты сжатия изображений

Если вы уже успели изучить, что находится в открывшемся окне (просто поводите мышкой по картинке выше, задерживая там, где появится знак вопроса), то мы приступаем к оптимизации фотографий для размещения в интернете.

оптимизация фотографий для интернета

Save For Web & Devices - инструменты сжатия изображений
Загрузить увеличенный вариант куртинки

2. Уменьшаем размер изображения - Image Size

Ставим галочку Constrain Proportions (Сохранить Пропорции).
В окошке With (Ширина) поля New Size (Новый Размер) ставим 800 для горизонтального снимка или 600 для вертикального снимка. Ширина снимка (Height) и процент уменьшения (Percent) изменятся автоматически.

3. Оптимизируем качество сжатия фотографии

Для того, чтобы объём файл фотографии "вписался" в требуемый объём 80-100 Кбайт и при фотография не сильно отличалась от несжатого оригинала делаеем следующее:

  • В окошке Quality (Качество) выбираем Bicubic Smoother (Бикубический сглаженный)
    Нажимаем кнопку Apply (Применить) и в окне просмотра видим изменения.
  • Настраиваем величину сжатия снимка (оптимизации) изображения
  • Выбираем или оставляем JPEG 2
  • Ставим галочку в окошке Progressive старых Интернет-браузеров или Optimized– для современных 3
  • Сохраняем сжатое изображение, нажав последовательно кнопки Apply (Применить) и Save (Сохранить). После этого, Photoshop предложит указать папку и имя файла 4

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

Это самый простой способ оптимизации фотографий для интернета с использованием фотошоп. Есть ещё некоторые настройки и возможности, особенно полезные, когда нужно оптимизировать большое количество фотографий, например для интернет галереи... Но это уже отдельная тема. А пока скачивайте бесплатный видеоурок и смотрите сами, как просто уменьшить объём фотографии с помощью фотошоп!

ВИДЕО-УРОК: Оптимизация сжатия фотографий для интернета

продолжительность видео 3мин 56сек, 3,73Мб

Скачать видео-урок «Save For Web & Devices»

Комментарии и советы по сжатию фото для интернета

1Размер изображения не более 800 Х 600 пикселей определяется самыми старыми мониторами ещё находящимися в эксплуатации. При таком размере снимка он "влезет" в экран целиком на любом мониторе. Рекомендуемый объём файла после сжатия мене 60-100 Кбайт. Кстати, все иллюстрации этого сайта сжаты способом описанным ниже и объём большинства фотографий не превышает 80 Кбайт

2Качество сжатия фотографии (компрессии) удобно сначала установить на High (высокое), а потом немного "дожать файл" до нужного объёма используя движок в окне Quality (Качество) - 60% и ниже, контролируя при этом качество и объём файла в окне просмотра.

Eсли на сжатом изображение начинают появляются заметные глазу артефакты (изображение начинает "рябить"), то можно немного размыть картинку используя движок в окошке Blur (Размытие). Будьте осторожны - в большинстве случаев достаточно размытия 0,1-0,2

3Фотографы практически никогда не используют форматы GIF и PNG - это фоматы изображения для web-дизайна. Фотографии сохранённые в GIF теряют очень много цветов, что будет сильно заметно на переходах цветов (остаётся не более 256 цветов и градаций). Зато в этом формате можно определить цвета, которые будут прозрачные, а также делать меняющиеся изображения – GIF-анимацию.

Формат PNG тоже позволяет сделать цвета прозрачными, но в зависимости от настроек потеря цветов менее заметна, чем при сохранении фотографии в GIF.

4Если вы поставили галочку в окошке Progressive - в этом случае, при загрузке фотографии в старом Интернет-браузере она будет появляться как бы слоями: посетитель сайта будет видеть вашу фотографию сразу, но в очень плохом качестве. Качество будет улучшаться по мере загрузки изображения, пока не загрузиться полностью. Современные браузеры эту опцию уже не поддерживают, поэтому смело можете поставить галочку Optimized


Photohop
для фотографа

уроки по обработке фото

ТЕОРИЯ

ПРАКТИКА

ФОТО – ОПРОС

В каком формате вы фотографируете?
только JPEG
только RAW
всегда JPEG+RAW
по ситуации
не знаю