Готовим фотографию для размещения в Web
Как известно в интернете очень большое значение имеет размер фотографии. Если фото имеет слишком большой объём, то изображение будет загружаться очень долго, особенно у тех, кто имеет не очень большую скорость интернета. Поэтому нетерпеливый пользователь не дождавшись загрузки фото может просто уйти с Вашего сайта.
Поэтому перед загрузкой картинки в интернет её размер уменьшают. И здесь на первый план выступает вопрос - насколько необходимо уменьшить размер фото, чтобы его качество при этом минимально пострадало.
В этом уроке по работе с фотошопом будет показано, как с помощью функций "Размер изображения" и "Сохранить для Web" подготовить фото к размещению в интернете.
Подобные публикации:
- урок по работе с фотошопом: "Как передать файл через Интернет"
- урок по работе с фотошопом: "Как изменить размер в фотошопе при размещении картинки в Интернете"
- урок по работе с фотошопом: "Готовим фотографию к качественной печати в фотолаборатории"
- урок по работе с фотошопом: "Как правильно уменьшить размер изображения"
- урок по работе с фотошопом: "Печатаем фотографию с разрешением 72 ppi"
- урок по работе с фотошопом: "Готовим фотографию к печати и создаём предустановленные параметры инструмента Рамка (С)"
- урок по работе с фотошопом: "Увеличиваем размеры изображения без потери качества"
- урок по работе с фотошопом: "Изменение размеров и разрешения изображения"
- урок по работе с фотошопом: "Как правильно подготовить фото для размещения в Web"
- урок по работе с фотошопом: "Сохраняем резкость фото при сохранении картинки для WEB"
Откроем исходное фото, которое мы хотим разместить в интернете.
Нажмём сочетание клавиш Ctrl+Alt+I, чтобы посмотреть размер нашего фото. Что мы видим: огромный размер (для интернета) - 17 Мб, слишком большое разрешение - 180 пикс/дюйм и очень большая ширина картинки - 2816 пикселов. Если в таком виде загрузить фото в интернет, ни один пользователь не дождётся конца загрузки картинки на монитор, даже при наличии довольно быстрого соединения.
Что же делать?
1. Уменьшаем разрешение до 72 пикс/дюйм (для просмотра на мониторе большее значение не требуется). Как только Вы поставите значение 72, то Вы сразу заметите, что объём картинки значительно упал (в поле "Размерность" Вы увидите сколько было и сколько стало).
2. В нижнем поле "Бикубическая" щёлкаем по стрелочке и в появившемся списке выбираем "Бикубическая, чётче". Почему мы выбрали этот пункт можно прочитать в статье: "Настройка Photoshop CS3 - вкладка "Основные".
3. Если имеется ограничение по ширине картинки, то в поле "Ширина" вводим необходимое значение (предполагается, что ширина картинки при загрузке на сайт не должна превышать 500 пикселов).
Как Вы видите, размер исходного фото был 17 МБ, а после изменений уже стал 549,3 Кб. Что уже неплохо, но для картинки всё равно ещё очень много. Продолжим работу по уменьшению объёма картинки.
Вот так сейчас выглядит наша фотография. Если сравнить с исходной, то можно заметить, что качество фото конечно упало.
Повысим резкость изображения. Перейдём в "Фильтр - Резкость - Контурная резкость".
В окне фильтра поставим примерно такие значения (не старайтесь ставить большие цифры, так как качество картинки может упасть ещё больше).
Фотография стала выглядеть получше.
Продолжим уменьшать объём фото. Перейдём в "Файл - Сохранить для Web" или просто нажмём сочетание клавиш Shift+Ctrl+Alt (очень полезное сочетание, позволяет сильно экономить время при работе с фотошопом). Если у Вас не работает эта функция, посмотрите материал: "Решение проблемы для тех, у кого не сохраняется документ для WEB", возможно Вам это поможет.
Появится окно "Save For Web" (Сохранить для Web). Прежде всего выберите позицию "JPEG", практически все фото сохраняются в этом формате. Вверху Вы видите 4 вкладки, по моему мнению, самая удобная это - 4-Up, которая позволяет видеть оригинальное изображение (левое верхнее) и три оптимизированных с различной степенью качества. Чтобы изменить качество фото необходимо щёлкнуть по изображению и ползунком "Quality" поставить необходимую степень. Теперь визуально оцениваем качество фотографий с различной степенью качества. Нижнее правое имеет вес всего 7,4 КБ при качестве равном 15, что очень хорошо, но по сравнению с оригиналом очень плохо выглядит. Нижнее левое имеет вес 15,9 Кб при качестве равном 43 и по сравнению с оригиналом выглядит уже неплохо. Но, по моему скромному мнению, самый лучший вариант - это верхний правый, вес фото 26,6 Кб при качестве равном 60. В этом случае фото практически не отличается от оригинала (а вес оригинала 549 Кб!). Выбираем последний рассмотренный вариант и нажимаем на "Save". Вот таким образом, при сохранении фотографии для Web, приходится выбирать между качеством фото и его размером.
Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.
Форма для подписки находится ниже.
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Комментарии
А вообще у Олега есть хорошая Skype-консультация по этой теме. Посмотрите здесь - https://www.photoshopsunduchok.ru/obuchenie/#p14