Как известно в интернете очень большое значение имеет размер фотографии. Если фото имеет слишком большой объём, то изображение будет загружаться очень долго, особенно у тех, кто имеет не очень большую скорость интернета. Поэтому нетерпеливый пользователь не дождавшись загрузки фото может просто уйти с Вашего сайта.

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

В этом уроке по работе с фотошопом будет показано, как с помощью функций "Размер изображения" и "Сохранить для Web" подготовить фото к размещению в интернете.

Готовим фотографию для размещения в Web

Подобные публикации:

Откроем исходное фото, которое мы хотим разместить в интернете.

Исходное фото для размещения в Web

Нажмём сочетание клавиш Ctrl+Alt+I, чтобы посмотреть размер нашего фото. Что мы видим: огромный размер (для интернета) - 17 Мб, слишком большое разрешение - 180 пикс/дюйм и очень большая ширина картинки - 2816 пикселов. Если в таком виде загрузить фото в интернет, ни один пользователь не дождётся конца загрузки картинки на монитор, даже при наличии довольно быстрого соединения.

Параметры окна Размер изображения

Что же делать?

1. Уменьшаем разрешение до 72 пикс/дюйм (для просмотра на мониторе большее значение не требуется). Как только Вы поставите значение 72, то Вы сразу заметите, что объём картинки значительно упал (в поле "Размерность" Вы увидите сколько было и сколько стало).

2. В нижнем поле "Бикубическая" щёлкаем по стрелочке и в появившемся списке выбираем "Бикубическая, чётче". Почему мы выбрали этот пункт можно прочитать в статье: "Настройка Photoshop CS3 - вкладка "Основные".

3. Если имеется ограничение по ширине картинки, то в поле "Ширина" вводим необходимое значение (предполагается, что ширина картинки при загрузке на сайт не должна превышать 500 пикселов).

Как Вы видите, размер исходного фото был 17 МБ, а после изменений уже стал 549,3 Кб. Что уже неплохо, но для картинки всё равно ещё очень много. Продолжим работу по уменьшению объёма картинки.

Параметры окна Размер изображения

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

Фото после уменьшения его размеров

Повысим резкость изображения. Перейдём в "Фильтр - Резкость - Контурная резкость".

Фильтр - Резкость - Контурная резкость

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

Окно фильтра Контурная резкость

Фотография стала выглядеть получше.

Фото после повышения резкости

Продолжим уменьшать объём фото. Перейдём в "Файл - Сохранить для Web" или просто нажмём сочетание клавиш Shift+Ctrl+Alt (очень полезное сочетание, позволяет сильно экономить время при работе с фотошопом). Если у Вас не работает эта функция, посмотрите материал: "Решение проблемы для тех, у кого не сохраняется документ для WEB", возможно Вам это поможет.

Файл - Сохранить для Web

Появится окно "Save For Web" (Сохранить для Web). Прежде всего выберите позицию "JPEG", практически все фото сохраняются в этом формате. Вверху Вы видите 4 вкладки, по моему мнению, самая удобная это - 4-Up, которая позволяет видеть оригинальное изображение (левое верхнее) и три оптимизированных с различной степенью качества. Чтобы изменить качество фото необходимо щёлкнуть по изображению и ползунком "Quality" поставить необходимую степень. Теперь визуально оцениваем качество фотографий с различной степенью качества. Нижнее правое имеет вес всего 7,4 КБ при качестве равном 15, что очень хорошо, но по сравнению с оригиналом очень плохо выглядит. Нижнее левое имеет вес 15,9 Кб при качестве равном 43 и по сравнению с оригиналом выглядит уже неплохо. Но, по моему скромному мнению, самый лучший вариант - это верхний правый, вес фото 26,6 Кб при качестве равном 60. В этом случае фото практически не отличается от оригинала (а вес оригинала 549 Кб!). Выбираем последний рассмотренный вариант и нажимаем на "Save". Вот таким образом, при сохранении фотографии для Web, приходится выбирать между качеством фото и его размером.

Готовим фотографию для размещения в Web

 

Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.

Форма для подписки находится ниже.

Комментарии  

Лена
0 # Лена 03.06.2013 17:17
Срочно нужен ответ я все так же и делаю для сохранения в веб но у меня минималка получается 400 при нужном 250!!! что дела и почему так???
Ответить | Ответить с цитатой | Цитировать
Nic
+1 # Nic 03.06.2013 18:55
Или уменьшать качество фото или уменьшать размер по ширине, тогда объём файла уменьшится.
А вообще у Олега есть хорошая Skype-консультация по этой теме. Посмотрите здесь - [censored]://[censor ed].photoshopsunduch ok.ru/obuchenie/#p14
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите уникальное имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить код проверки.


Защитный код
Обновить

Кто на сайте

Сейчас 275 гостей и ни одного зарегистрированного пользователя на сайте

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

Администрация сайта.

Пользователи, внесшие вклад

Вход на сайт

 Начните свой путь в мир ФОТОШОПА сейчас!

Соглашение

 

 

 

 

PhotoshopSunduchok

В контакте

 

 

PhotoshopSunduchok

на You Tube

You Tube

PhotoshopSunduchok

в Instagram

 

 

PhotoshopSunduchok

в Twitter

Поиск по сайту

Что в сундучке?

  • Текстовых уроков - 1093
  • Видеоуроков - 734
  • Вебинаров и тренингов - 66
  • Практических советов - 163
  • Программ - 7
  • Шаблонов, обоев и клипартов - 354
  • Наборов кистей, фигур - 305
  • Календарей - 114
  • Наборов рамок - 543
  • Книг, журналов - 124
  • Текстур, узоров и фонов - 37
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 48
  • Шрифтов - 78
  • Разное - 62