Работа с изображениями
Если работа с текстом для большинства начинающих создателей сайтов технически понятна, то работа с изображениями (картинками, фотографиями) может вызывать некоторые сложности.
В чём принципиальная разница между фотографией предназначенной для публикации в глянцевом журнале и фотографией публикуемой на сайте?
Пропуская рассуждения о художественной ценности, здесь разницы никакой, поговорим о размере, или о разрешении.
Разрешение – это плотность точек на дюйм, например 300 dpi ( dot per inch). Чем разрешение выше, т.е. точек на дюйм больше, тем больше фотография, тем она «тяжелее». «Вес» фотографии измеряется в килобайтах. Вот мы и подошли к принципиальному различию фотографий для полиграфии и фотографий для веб-публикаций.
Для полиграфии требуются фотографии большого размера, т.е. максимально высокого разрешения, именно здесь востребовано гигантское разрешение вашей 8-10ти мегапиксельной камеры. Соответственно такие изображения имеют очень большой вес даже в сжатом виде. Просматривая глянцевый журнал у вас нет потребности закачивать изображения по сети, они уже перед вашими глазами.
С сайтом все с точностью до наоборот. Для просмотра изображение должно быть доставлено с компьютера, где оно храниться (компьютер вашего хостера), на домашний компьютер читателя. Причем за доставку платит читатель, и платит не Вам, автору фотографии, а Интернет-провайдеру (тому, кто читателя подключил к Интернету).
И, одно дело доставить (скачать) фотографию весом 30 килобайт и другое дело1500 килобайт. Содержание и качество при правильной оптимизации изображения не сохраняется полностью.
Для фотографий размещаемых на сайтах применяется формат файла jpg, а для пиктограмм (маленьких картиночек, декоративных элементов меню) применяется формат файла gif.
Важно! Пробуйте, экспериментируйте над копиями изображений, иначе можете потерять оригинал.
Уменьшение изображения с помощью Фотошопа - оптимизируем фотографии для WEB
1. Всегда работайте с копиями фото, чтобы не потерять исходные изображения!
2. Для этого создайте отдельную папку и СКОПИРУЙТЕ в неё отобранные для работы изображения.
3. Откройте программу Фотошоп.
4. Теперь откройте файл фотографии, который будете редактировать. Для этого кликните на меню ФАЙЛ и выберите OPEN. В ткрывшемся окне найдите созданную папку с копией нужной фотографии. Кликнув на папке, войдите в папку, выберите нужное фото для редактирования и откройте его.
5. На рабочем поле программы Фотошоп появилась необходимая фотография.
6. Чтобы изменить размер фото, кликните в меню Image и далее Image Size
7. Появится окно Image Size, позволяющее менять размер фото - для наглядности прилагаю изображение этого окна.