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

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

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

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

Урок показан в русифицированой программе 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 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить код проверки.


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

Кто на сайте

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

Помощь сайту

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

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

В примечании к платежу укажите Ваш 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