ДОБРО ПОЖАЛОВАТЬ
на первый проДВИГающий
молодежный портал - Движер!
marker Помощь по порталу


Иконка
Бизнес
центр
Иконка
Молодёжный
кадровый ресурс
Иконка
Универ
сити
Иконка
Творческие
галереи
Иконка
Клуб
«Движ`Ok»
Иконка
Сайты
сообществ

Digital World
Все о цифровой технике.

Дневник сообщества :: Оптимизация размеров фотографии

Оптимизация размеров фотографии

::: Урок 5 :::
Лучше меньше, да лучше, или Оптимизация размеров фотографии
Теория (без практики бесполезна)
:: 1. Правила подготовки изображения к размещению в Интернете ::
Практика (без теории опасна)
:: 1. Оптимизация файла для его публикации в Интернете ::
:: 2. Подготовка фотографии для печати :: 3. Коротко о главном ::
Сегодня вы научитесь:
  1. Подготавливать фотографии для размещения в Интернете.
  2. Повышать резкость изображения.
  3. Подготавливать фотографии для печати.

Теория (без практики бесполезна)

Даже когда цифровая камера имеет разрешение 5 миллионов пикселей, это всего лишь определяет максимальный размер изображения, который можно получить, снимая этой фотокамерой. Конечно, когда вы хотите записать изображение самого высокого качества, вы можете использовать это максимальное количество пикселей. Однако когда цель, с которой снимается фотография, определена заранее, например, вы собираетесь её напечатать или переслать по Интернету, лучше всего сразу задать оптимальный размер изображения, исходя из его назначения. Это ускоряет обработку данных изображения и экономит память.

 

1. Правила подготовки изображения к размещению в Интернете

С каждым годом всё больше людей получают доступ к сети Интернет. Глобальная сеть в современном мире становится важнейшим источником получения необходимой информации. Также появляются возможности по размещению своей информации во «всемирной паутине», в том числе и изображений. И на нашем портале очень часто появляются фотографии, которые не соответствуют необходимому качеству. Для того чтобы опубликовать свою фотографию в Интернете, необходимо придерживаться установленных правил. Для каждого сайта существуют свои требования по размеру картинки и самого файла для размещаемых фотографий.

Цветовая модель изображения — RGB.

Размеры изображения — не более 800 x 600 пикселей (на нашем портале не более 1000 пикселей по большей стороне).

Формат файла: для изображений с небольшим количеством цветовых переходов (текстов, рисунков) — GIF, для фотографий — JPEG.

Размер файла: желательно не более 250 Кб (загрузка файла размером 50 Кб с помощью модема со скоростью 56 Кб/с займёт 9 секунд).

Имя файла может содержать только латинские буквы и цифры.

 

Для подготовки оптимизированного по размеру файла в программе Adobe Photoshop используется команда File → Save For Web (Файл → Сохранить для Web).

Также её можно вызвать сочетанием клавиш Alt+Shift+Ctrl+S. Она позволяет значительно сократить размер файла, что является существенным при размещении в Интернете, и отследить зависимость качества изображения от степени его сжатия. Рассмотрим эту команду с точки зрения сохранения файлов в форматы GIF и JPEG:

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

В левом верхнем углу окна находятся четыре закладки для выбора вариантов просмотра изображений:

  • Original — только исходное изображение;
  • Optimized — только оптимизированное изображение;
  • 2-up — исходное и оптимизированное одновременно;
  • 4-up — исходное и три варианта оптимизирования, расположенные в порядке усиления сжатия и снижения качества изображения.

Инструментами Hand и Zoom, расположенными слева, можно управлять масштабом и размещением изображений.

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

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

В выпадающем списке Preset можно выбрать один из предложенных вариантов оптимизации.

Ниже него находится выпадающий список для выбора формата файла.

JPEG

Ниже списка форматов файла находится выпадающий список выбора уровня качества сжатия: Low, Medium, High. Чем выше качество, тем больше размер файла.

Бегунком Quality можно снижать степень качества изображения, увеличивая тем самым степень сжатия.

Бегунком Blur можно воспользоваться для смягчения результатов ухудшения качества (но при этом будет теряться резкость).

Выбранный цвет в поле Matte предназначен для заполнения прозрачных областей на изображении (если такие имеются).

GIF

Бегунком Lossy устанавливается уровень потерь, допустимых при сжатии.

Флажок Transparency устанавливается для сохранения прозрачных областей на изображении, сквозь которые будет виден фон веб-страницы.

Счётчик Colors предназначен для сокращения количества цветов, участвующих в изображении.

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



Практика (без теории опасна)

 

1. Оптимизация файла для его публикации в Интернете

Итак, у вас получилась фотография, которой вы хотите поделиться с интернет-сообществом, например, портала club.itdrom.com. Для этого необходимо сделать фотографию небольшой по размеру: как в пикселях, так и в килобайтах.

  1. Открытие файла.
  • Запустите программу Adobe Photoshop, откройте файл, который вы собираетесь разместить в Интернете:
  1. Изменение размеров изображения.
  2. Теперь займёмся непосредственно подготовкой изображения к размещению в Интернете.


    • Выполните команду Image → Image Size (Изображение → Размер Изображения).
    • Установите галочку Constrain Proportions (Сохранение пропорции).
    • На верхней панели Pixel Dimensions (Размерность) в поле Width (Ширина) введём значение 650 pixels. Значение высоты установится автоматически:


  3. Восстановление резкости.
  4. Как правило, в результате уменьшения изображения оно теряет резкость, так как происходит выпадание части пикселей. Для восстановления резкости служит команда Unsharp Mask (Маска нерезкости).

    • Выполните команду Filter → Sharpen → Unsharp Mask (Фильтр → Резкость → Маска нерезкости).
    • Введите в числовые поля следующие значения:
      • Amount (Количество) = 200;
      • Radius (Радиус) = 0,5;
      • Threshold (Допуск) = 0.




  5. Сохранение и оптимизация.
  6. Поскольку при размещении в Интернете большое значение имеет размер файла, мы будем сохранять нашу фотографию при помощи специальной команды, которая позволяет отследить зависимость качества изображения от степени его сжатия.

    • Выполните команду File → Save For Web (Файл → Сохранить для Web) или нажмите комбинацию клавиш Alt+Shift+Ctrl+S
    • В появившемся окне выберите вкладку 2-up. Слева будет находиться исходное изображение, а справа — оптимизированное.
    • Щёлкните по правому изображению.
    • Установите для него следующий параметр: формат файла — JPEG.
      Чтобы размер файла уложился в желаемые требования, например, не превышал 250 Кб, необходимо изменять значение качества изображения в поле Quality. Для этого необходимо выставить бегунок поля Quality в крайнее правое положение (100) и перемещать влево (уменьшать качество) до тех пор, пока размер не станет удовлетворять нашим требованиям. Для нашего примера значение Quality равно 78, размер файла 249,4 Кб:

    • Нажмите кнопку Save. Тут будьте внимательны: имя файла и путь к нему на вашем компьютере должны содержать только латинские буквы (большие и маленькие) и цифры. Никаких знаков препинания, пробелов и русских букв! В противном случае программа предупредит вас о том, что использованные символы могут быть не распознаны некоторыми веб-браузерами.

    Советы и подсказки

    Размещая фотографии на сайте, следите за тем, чтобы размер кадра не превышал по горизонтали 1000 пикселей, а по вертикали 650 пикселей, иначе многим пользователям придётся воспользоваться полосой прокрутки, чтобы увидеть кадр полностью.



    2. Подготовка фотографии для печати

    В настоящее время цифровые фотоаппараты являются самыми распространёнными. И если вы печатали цифровые фотографии в специальных салонах, то наверняка замечали, что при печати фотография уменьшается в размере (обрезание) или на ней появляются белые поля. Дело в том, что аппараты для распечатки фотографии рассчитаны для пропорции 2:3, а пропорцией стандартной фотографии является 3:4. Поэтому самое мудрое решение — подготовить фотографии для печати дома.

    1. Открытие файла.
    • Запустите программу Adobe Photoshop, откройте фотографию, которую вы хотите подготовить для печати:
    1. Зададим для фотографии необходимый размер.
    • Для этого выберите инструмент Crop (Кадрирование). Для фотографии размером 10 х 15 на панели свойств инструмента Crop введите следующие значения параметров:
      • Resolution (Разрешение) — 300 pixel/cm (пикселей на дюйм) для качественной печати;
      • Width (Ширина) — 10 cm;
      • Height (Высота) — 15 cm.


    • На фотографии выделите с помощью этого инструмента область, как показано на рисунке ниже:


    • Чтобы провести рамку, нужно отметить левый верхний угол левой кнопкой мыши и, не отпуская её, провести линию вправо вниз. После того как вы отпустите кнопку, у вас будет рамка с маркерами по сторонам. Затемнённая область за пределами рамки будет обрезана. С помощью маркеров можно отредактировать размеры значимой области. Для окончательного кадрирования нажимаем на клавишу Enter.

      Обратите внимание, размер рамки изменяется пропорционально, и какую бы вы область ни захватили, размер её будет именно 10 х 15:



    Коротко о главном

    В Adobe Photoshop

    1. Резкость фотографии повышается при помощи фильтра Unsharp Mask (Маска нерезкости).
    2. Для размещения в Интернете необходимо максимально уменьшить размер файла.
    3. Для подготовки фотографии к печати можно воспользоваться кадрированием с фиксированными размерами.

Автор курса: Анна Котова

18.01.2010 12:13:00 | Просмотров: 5835 | Комментариев: 0 | Оценка: 1

Комментариев нет.

Вы не можете оставлять комментарий т.к. не являетесь участником данного сообщества.


© 2009-2017 первый проДВИГающий
молодежный портал «Dviger.com»

info.paymaster.ru www.megastock.ru Томск