Сохранение и оптимизация для 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 3891
2. Интерфейс программы Adobe® Photoshop® CS4 1:24 5 2230
3. Переключение интерфейса 1:41 5 1707
4. Работа с панелями и палитрами 2:16 5 1670
5. Новая панель Adjustments 2:15 5 1162
Работа с файлами
6. Создание нового изображения 1:57 5 2413
7. Сохранение изображения 1:28 5 1045
8. Импорт изображений и видео 2:20 5 1273
9. Навигация по рабочему пространству 2:14 5 1013
Первичная обработка изображений
10. Работа со слоями 2:28 5 5299
11. Растеризация и слияние слоев 1:14 43 1857
12. Работа с масками 1:32 8 1880
13. Работа с каналами 1:13 7 1050
14. Работа с направляющими 2:13 7 753
15. Палитра History 1:24 6 628
16. Палитры работы с цветом 1:03 7 696
17. Кадрирование изображений 1:34 6 891
18. Изменение размеров изображения 2:02 6 795
19. Поворот изображения 0:58 7 571
20. Цветовые режимы RGB, CMYK, Lab 1:54 6 644
21. Цветовые режимы Bitmap, Duotone, Indexed Color, Mult... 1:54 6 543
22. Коррекция тона. Корректирующие слои 1:53 6 797
23. Коррекция тона. Диалог Levels (Уровни) 1:13 6 590
24. Основные сведения о фильтрах 2:17 6 614
25. Ослабление эффекта фильтра 1:45 5 449
26. Усиление эффекта фильтрации 1:14 5 406
Инструменты выделения
27. Обзор панели инструментов 1:48 6 563
28. Выделение. Работа с инструментом Magnetic Lasso 2:17 7 745
29. Выделение. Работа с инструментом Magic Wand 2:10 5 578
30. Выделение. Инструмент Quick Selection 1:14 6 475
Инструменты ретуширования
31. Основные инструменты ретуширования 1:39 5 1008
32. Инструменты обесцвечивания 2:25 5 586
33. Инструмент Clone Stamp 1:05 5 523
34. Инструмент Patch 1:35 5 469
35. Панель инструментов. Инструмент Healing Brush 1:49 5 433
36. Панель инструментов. Инструмент Spot Healing Brush 1:22 5 400
37. Удаление эффекта красных глаз 1:35 5 451
Векторные объекты и текст
38. Инструменты по работе с векторными объектами 1:45 6 582
39. Работа с текстом 1:35 5 724
40. Стили 1:25 5 428
Работа с 3D-графикой
41. Создание нового 3D-слоя 1:32 5 921
42. Инструменты масштабирования трехмерных изображений 1:32 5 350
43. Создание поверхностей 1:50 5 468
44. Настройки рендеринга трехмерных объектов 1:49 7 430
Конечная подготовка изображений для сохранения и печати
45. Подготовка изображения для публикации в Web 1:27 6 574
46. Сохранение и оптимизация для Web 2:49 6 381
47. Печать изображений 1:08 8 582
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook