Сохранение изображений

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

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

Сегодня поговорим об оптимизации изображений для размещения их в сети Интернет.

Урок показан в русифицированой программе Photoshop CS6.

 6

 Начало серии уроков:

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

Оптимизация файлов в Photoshop настраивается в диалоговом окне, которое вызывается командой «Файл (File) | Сохранить для Web и устройств» (Save for Web & Devices) или клавиатурной комбинацией <Alt>+<Shift>+<Ctrl>+<S>.

5

В этом окне возможно сохранение файла в формате JPEG, GIF, PNG и WBMP.

1

Левая часть окна занимает область предварительного просмотра, которая может находиться в одном из четырех режимов, устанавливаемых с помощью вкладок:
Исходное (Original). Изображение в исходном виде.
Оптимизация (Optimized). Вид изображения после оптимизации.
2 варианта (2-Up). Одновременный просмотр оригинала и оптимизированного изображения.
4 варианта (4-Up). В этом режиме область просмотра делится на четыре области. В первой области отображается оригинал изображения, в остальных можно задать различные уровни сжатия (для формата JPEG) и варианты палитры цветов (для форматов GIF и PNG). Этот режим удобно использовать для визуальной оценки качества вариантов изображения и выбора наилучших параметров. Так, на скриншоте ниже первый вариант оптимизации в формате JPEG с довольно высоким значением качества 80 выглядит значительно лучше остальных вариантов со значениями качества 18 и 4.

2

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

3

Для того чтобы увидеть, как будет отображаться выбранный вариант оптимизации в браузере, необходимо нажать кнопку Просмотр (Preview). Если на вашем компьютере установлено несколько браузеров, то, нажав кнопку, расположенную справа от кнопки Просмотр (Preview), вы сможете выбрать именно тот браузер, в окне которого в дальнейшем будет открываться оптимизированное изображение. На скриншоте ниже эта кнопка имеет такой вид, который указывает на браузер Mozilla Firefox, в вашем случае данная кнопка может выглядеть иначе.

 4

Продолжение следует.

 

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

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

 

 recommend7   

 

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

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


Кто на сайте

Сейчас 516 гостей и 2 зарегистрированных пользователей на сайте

  • OlegNakroshaev
  • Student

Помощь сайту

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

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

В примечании к платежу, при желании, укажите свои данные.

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

Вход на сайт

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

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

Соглашение

 

 

 

 

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

Присоединяйтесь в

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

  • Текстовых уроков - 1152
  • Видеоуроков - 765
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 368
  • Наборов кистей, фигур - 320
  • Календарей - 117
  • Наборов рамок - 560
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 44
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 70