Сохранение и оптимизация для Web

С этим уроком также смотрят

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

Adobe® and Photoshop® are registered trademarks of Adobe® Systems Incorporated in the United States and/or other countries.

Обновлен: 13 мая 2015

Adobe® Photoshop® CS4,
Графика

Loading the player...

Текст урока

В этом уроке мы продолжим готовить файл для публикации в интернете.

Вернемся к изображению, полученному в предыдущем уроке, и попробуем еще больше уменьшить его размер с помощью оптимизации.

Зайдите в меню File и выберите пункт Save for Web&Devices. В открывшемся окне вы увидите четыре вкладки.

На вкладке Original представлено изображение в первоначальном виде.

На вкладке Optimized находится изображение с выполненной оптимизацией.

Сравнить исходное и оптимизированное изображение вы можете на вкладке 2-Up.

На последней вкладке 4-Up вы можете подобрать качество оптимизации, сравнивая три оптимизированных картинки разного качества с исходным изображением.

Обратите внимание на то, что под каждым изображением содержится информация о его размере.

Перейдем на эту вкладку. Справа вы можете наблюдать секцию установок сохранения. Так как мы работаем с фотографией, то лучше всего выбрать формат сохранения JPEG. В то время как для рисунков и других изображений, не содержащих в себе полутонов и оттенков, целесообразно устанавливать формат GIF или PNG.

После выбора формата необходимо подобрать качество.

Установите у правого верхнего рисунка значение ползунка Quality 75. У левого нижнего 40 и у последнего 15.

Теперь сравните получившиеся изображения с оригиналом.

Для лучшего рассмотрения деталей можно изменить масштаб в левом нижнем углу окна.

Анализируя изображения можно заметить, что при почти полной идентичности с оригиналом, изображение с качеством 75 меньше исходного в несколько раз по размеру файла. При установке качества 40 уже заметно ухудшение картинки. При установке качества изображения в 15 изображение и вовсе становится плохо различимым. Значит, качество конечного варианта можно установить где-то между 45 и 75. Можно остановиться, например, на значении 60.

После этого нажмите на кнопку «Сохранить» и введите желаемое имя файла.

Комментарии (6)

Оглавление
Обзор программы Photoshop® CS4 и ее интерфейса
1. Назначение программы Adobe® Photoshop® CS4 1:23 5 3900
2. Интерфейс программы Adobe® Photoshop® CS4 1:24 5 2234
3. Переключение интерфейса 1:41 5 1709
4. Работа с панелями и палитрами 2:16 5 1672
5. Новая панель Adjustments 2:15 5 1165
Работа с файлами
6. Создание нового изображения 1:57 5 2416
7. Сохранение изображения 1:28 5 1047
8. Импорт изображений и видео 2:20 5 1275
9. Навигация по рабочему пространству 2:14 5 1015
Первичная обработка изображений
10. Работа со слоями 2:28 5 5307
11. Растеризация и слияние слоев 1:14 43 1860
12. Работа с масками 1:32 8 1883
13. Работа с каналами 1:13 7 1053
14. Работа с направляющими 2:13 7 756
15. Палитра History 1:24 6 631
16. Палитры работы с цветом 1:03 7 698
17. Кадрирование изображений 1:34 6 894
18. Изменение размеров изображения 2:02 6 797
19. Поворот изображения 0:58 7 573
20. Цветовые режимы RGB, CMYK, Lab 1:54 6 646
21. Цветовые режимы Bitmap, Duotone, Indexed Color, Mult... 1:54 6 545
22. Коррекция тона. Корректирующие слои 1:53 6 799
23. Коррекция тона. Диалог Levels (Уровни) 1:13 6 592
24. Основные сведения о фильтрах 2:17 6 616
25. Ослабление эффекта фильтра 1:45 5 452
26. Усиление эффекта фильтрации 1:14 5 408
Инструменты выделения
27. Обзор панели инструментов 1:48 6 566
28. Выделение. Работа с инструментом Magnetic Lasso 2:17 7 748
29. Выделение. Работа с инструментом Magic Wand 2:10 5 580
30. Выделение. Инструмент Quick Selection 1:14 6 477
Инструменты ретуширования
31. Основные инструменты ретуширования 1:39 5 1011
32. Инструменты обесцвечивания 2:25 5 589
33. Инструмент Clone Stamp 1:05 5 526
34. Инструмент Patch 1:35 5 472
35. Панель инструментов. Инструмент Healing Brush 1:49 5 436
36. Панель инструментов. Инструмент Spot Healing Brush 1:22 5 402
37. Удаление эффекта красных глаз 1:35 5 454
Векторные объекты и текст
38. Инструменты по работе с векторными объектами 1:45 6 585
39. Работа с текстом 1:35 5 727
40. Стили 1:25 5 431
Работа с 3D-графикой
41. Создание нового 3D-слоя 1:32 5 924
42. Инструменты масштабирования трехмерных изображений 1:32 5 352
43. Создание поверхностей 1:50 5 470
44. Настройки рендеринга трехмерных объектов 1:49 7 432
Конечная подготовка изображений для сохранения и печати
45. Подготовка изображения для публикации в Web 1:27 6 574
46. Сохранение и оптимизация для Web 2:49 6 381
47. Печать изображений 1:08 8 582
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook