Изменение фрагментов

Выделение одного или нескольких фрагментов

Выполните одно из следующих действий.

• Выберите инструмент "Выделение фрагмента" и щелкните фрагмент на изображении. При работе с пересекающимися фрагментами, чтобы выделить нижний фрагмент, щелкните его видимую часть.
• Чтобы добавить фрагменты к выделению, выберите инструмент "Выделение фрагмента" и щелкните эти фрагменты с нажатой клавишей "Shift".
• Выберите инструмент "Выделение фрагмента" в диалоговом окне "Сохранить для Web и устройств" и щелкните автоматический фрагмент или область без изображения, а затем с нажатой кнопкой мыши выделите необходимые фрагменты. (Выделение пользовательского фрагмента и его перетаскивание приводит к
перемещению фрагмента.)
• В меню "Файл" выберите команду "Сохранить для Web и устройств". В диалоговом окне для выделения фрагмента используйте инструмент "Фрагмент".

При использовании инструмента "Фрагмент" или инструмента "Выделение фрагмента" можно переключаться с одного инструмента на другой, удерживая кнопку "Ctrl" (Windows) или "Command" (Mac OS).

Перемещение, изменение размера и привязка пользовательских фрагментов

Перемещать и изменять размеры пользовательских фрагментов можно в Photoshop, но не в диалоговом окне"Сохранить для Web и устройств".

Перемещение и изменение размера пользовательского фрагмента
1. Выделите один или несколько пользовательских фрагментов.
2. Выполните одно из следующих действий.
• Чтобы передвинуть фрагмент, переместите курсор внутрь границы выделенного фрагмента и перетащите выделенный фрагмент в новое место. Нажмите клавишу "Shift", чтобы ограничить движение вертикальной, горизонтальной, или наклоненной под 45 градусов линией.
• Чтобы изменить размер фрагмента, захватите и перетащите боковой или угловой маркер выделения. Если выделить соседние фрагменты и изменять их размер, общие границы фрагментов изменяются совместно.

Изменение размеров и перемещение пользовательского фрагмента с помощью числовых координат
1. Выделите один или несколько пользовательских фрагментов.
2. Нажмите кнопку "Параметры" на панели параметров. Также для отображения параметров можно дважды щелкнуть фрагмент.
3. В области "Размеры" диалогового окна "Параметры фрагмента" измените один из следующих параметров.

X Определяет расстояние в пикселах между левым краем фрагмента и основанием линейки в окне документа.
Y Определяет расстояние в пикселах между верхним краем фрагмента и основанием линейки в окне документа.
Примечание. По умолчание основанием линейки является верхний левый угол изображения.

Привязка фрагментов к направляющей, пользовательскому фрагменту или другому объекту
1. Выберите необходимые параметры во вложенном меню "Просмотр" > "Привязать к".
2. В меню "Просмотр" выберите пункт "Привязка". Флажок показывает, что параметр выбран.
3. Переместите выделенные фрагменты. Фрагменты привязываются к любому выбранному объекту в пределах 4 пикселов.

Разделение пользовательских фрагментов и автоматических фрагментов

Чтобы разделить фрагменты на вертикальные и горизонтальные части, воспользуйтесь диалоговым окном "Разделить фрагмент". Разделенные фрагменты всегда становятся пользовательскими фрагментами, вне зависимости от того, были ли они пользовательскими или автоматическими.

Примечание. Слоевые фрагменты разделить нельзя.

1. Выберите один или несколько фрагментов.
2. Выберите инструмент "Выделение фрагмента" и нажмите кнопку "Разделить" на панели параметров.
3. В диалоговом окне "Разделить фрагмент" установите флажок "Просмотр", чтобы отображать изменения.
4. В диалоговом окне "Разделить фрагмент" выберите один или несколько параметров.

Разделить по горизонтали на Разделяет фрагмент в продольном направлении.
Разделить по вертикали на Разделяет фрагмент в поперечном направлении.

5. Определите, как следует разделить каждый выделенный фрагмент.
• Выберите и введите значение для "Фрагменты вниз" и "Фрагменты поперек" для разделения каждого фрагмента ровно на указанное число частей.
• Выберите и введите значение для "Пикселов на фрагмент" для создания фрагментов с определенным количеством пикселов. Если фрагмент нельзя разделить ровно на указанное число пикселов, то остаток присоединяется к другому фрагменту. Например, при делении фрагмента, ширина которого равна 100 пикселов,
на три новых фрагмента по 30 пикселов шириной оставшаяся область шириной 10 пикселов становится новым фрагментом.
6. Нажмите кнопку "ОК".

Создание дубликатов фрагментов

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

1. Выберите один или несколько фрагментов.
2. Перетащите курсор при нажатой клавише "Alt" (Windows) или "Option" (Mac OS) за границы выделения.

Копирование и вклейка фрагментов

Можно копировать и вклеивать выбранные фрагменты в пределах изображения в другое изображение и даже в другое приложение, например Dreamweaver. Копирование фрагмента приводит к копированию всех слоев в пределах его границ (а не только активного слоя).

1. С помощью инструмента "Выделение фрагмента" выберите один или несколько фрагментов.
2. В меню "Редактирование" выберите пункт "Скопировать".
Примечание. Фрагмент нельзя скопировать, если в документе существует активное выделение (выделенная область пикселов или выделенный путь).
3. Выполните одно из следующих действий.
• Для вклейки фрагмента в другое изображение откройте необходимое изображение.
• Для вклейки в Dreamweaver следует сделать окно с документом Dreamweaver активным.
4. В меню "Редактирование" выберите пункт "Вклеить". При вклейке фрагмента в изображение Photoshop создается новый слой.
Примечание. Скопированный в Dreamweaver фрагмент содержит информацию с именем и путем к исходному файлу Photoshop. Чтобы увидеть данные сведения в Dreamweaver, щелкните правой кнопкой (Windows) или щелкните, удерживая нажатой клавишу "Ctrl" (Mac OS) изображение и выберите "Заметки разработчика", а затем найдите поле FilePathSrc на вкладке "Вся информация".

Видео по созданию web-сайтов с помощью Photoshop и Dreamweaver см. по адресу
wwwadobe.com/go/vid0200_ru.
Объединение фрагментов

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

Примечание. Слоевые фрагменты объединять нельзя.

1. Выберите два или больше фрагментов.
2. Щелкните правой кнопкой мыши (Windows) или щелкните, нажав клавишу "Ctrl" (Мac OS), и выберите команду "Объединить фрагменты".

Изменение порядка наложения фрагментов

Если фрагменты перекрывают друг друга, созданный последним фрагмент является верхним фрагментом по порядку наложения. Для доступа к расположенным ниже фрагментам можно изменить порядок наложения.
Можно указать, какой фрагмент должен быть расположен сверху, а какой – снизу, а также перемещать фрагментывверх-вниз друг относительно друга.

Примечание. Нельзя задать порядок наложения автоматических фрагментов.

1. Выберите один или несколько фрагментов.
2. Выберите инструмент "Выделение фрагмента" и нажмите кнопку порядка наложения на панели параметров.

Параметры порядка наложения
А. На передний план Б. Переложить вперед В. Переложить назад Г. На задний план

Выравнивание и распределение пользовательских фрагментов

Можно выровнять пользовательские фрагменты по краям или по их центрам, а также равномерно распределить пользовательские фрагменты вдоль вертикальной или горизонтальной оси. Благодаря выравниванию и распределению пользовательских фрагментов можно добиться исчезновения ненужных автоматических фрагментов и создать более эффективный HTML-файл меньшего размера.

Примечание. Чтобы выровнять или распределить слоевые фрагменты, необходимо выровнять или распределить содержимое слоев.

1. Выделите пользовательские фрагменты, которые необходимо выровнять.
2. Выберите инструмент "Выделение фрагмента" и нажмите соответствующую кнопку на панели параметров.

Параметры выравнивания
А. Вверх Б. Выравнивание центров по вертикали В. Вниз Г. Налево Д. Выравнивание центров по горизонтали Е. Направо

Параметры распределения
А. Вверх Б. Выравнивание центров по вертикали В. Вниз Г. Налево Д. Выравнивание центров по горизонтали Е. Направо

См. также
“Выравнивание объектов, расположенных на разных слоях”

Удаление фрагмента

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

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

1. Выберите один или несколько фрагментов.
2. Выберите инструмент "Фрагмент" или "Выделение фрагмента" и нажмите клавишу "Backspace" или "Delete".
3. Чтобы удалить все пользовательские и слоевые фрагменты, в меню "Просмотр" выберите команду "Удалить фрагменты".

Закрепление всех фрагментов

Закрепление фрагментов позволяет предотвратить их случайное изменение (изменение размера, перемещение или любое другое изменение).

v В меню "Просмотр" выберите команду "Закрепить фрагменты".

Создание фотогалерей Web

О фотогалереях Web

Фотогалерея Web – это web-сайт, содержащий домашнюю страницу с миниатюрами изображений и страницы галереи с полноразмерными изображениями. Каждая страница содержит ссылки, позволяющие посетителям перемещаться по сайту. Например, когда посетитель щелкает миниатюру изображения на домашней странице, происходит загрузка страницы галереи с соответствующим полноразмерным изображением. С помощью команды
"Фотогалерея Web" можно автоматически создать фотогалерею Web из набора изображений.

Домашняя страница фотогалереи Web

Photoshop обладает набором стилей для галереи, которые можно выбрать с помощью команды "Фотогалерея Web".
Опытные пользователи, знакомые с HTML, могут создать новый стиль или изменить старый путем изменения HTML-файлов шаблонов.
Каждый шаблон галереи стилей обладает различными параметрами. При использовании шаблона стиля некоторые параметры могут быть недоступны.

Создание фотогалереи Web

1. Выберите файлы или папку, которую следует использовать в программе Bridge (необязательно).
Изображения будут показаны в том порядке, в котором они отображаются в Bridge. При необходимости порядок изображений можно изменить в программе Bridge.
2. Выполните одно из следующих действий.
• В программе Bridge в меню "Инструменты" выберите пункт "Photoshop" > "Фотогалерея Web".
• В программе Photoshop в меню "Файл" выберите пункт "Автоматизация" > "Фотогалерея Web".
3. Во всплывающем меню "Стили" выберите стиль галереи. В диалоговом окне отобразится вид домашней страницы для выбранного стиля.
4. Введите адрес электронной почты в поле контактной информации галереи (необязательно).
5. Выберите исходные файлы для галереи в меню "Использовать".

Изображения, выбранные в Bridge Использует изображения, выбранные перед
открытием диалогового окна "Фотогалерея Web".
Папка Использует изображения из папки, выбранной с помощью кнопок "Обзор" (Windows) или "Выбор" (Mac OS). Выберите "Включить все вложенные папки", чтобы включить изображения, находящиеся внутри любых вложенных папок выбранной папки.

6. Нажмите кнопку "Назначение", а затем выберите папку, в которой будут храниться изображения и HTML-страницы галереи. Затем нажмите кнопку "ОК" (Windows) или "Выбрать" (Mac OS).
7. Выберите параметры форматирования для web-галереи. В меню "Параметры" выберите для отображения необходимые наборы параметров. См. “Параметры фотогалерей Web” .
8. Нажмите кнопку "ОК". Photoshop поместит следующие HTML-файлы и JPEG-файлы в папку назначения.
• Домашнюю страницу галереи с именем "index.htm" или "index.html" в зависимости от значения параметра "Расширение". Чтобы просмотреть галерею, откройте этот файл в любом web-браузере.
• Изображения в формате JPEG в папку "images".
• HTML-страницы в папку "pages".
• Миниатюры изображений в формате JPEG в папку "thumbnails".

Проверка соответствия цветов

При работе с фотографиями в цветовом пространстве с широким диапазоном, таком как ProPhoto RGB или Adobe RGB, цвета изображения могут изменяться при просмотре web-галереи в браузере, не поддерживающем встроенные цветовые профили. В этом случае попробуйте преобразовать профили изображения в sRGB (что в большинстве браузеров является установкой по умолчанию) перед их оптимизацией или включением в фотогалерею Web. Преобразовать изображения в формат sRGB можно одним из следующих способов. Лучше всего работать с копиями изображений.

• Чтобы преобразовать одно изображение, в меню "Редактирование" выберите команду "Преобразовать в профиль", а затем выберите sRGB. См. “Назначение и удаление цветового профиля” .
• Чтобы преобразовать папку с изображениями, воспользуйтесь обработчиком изображений. В меню "Файл" выберите пункт "Сценарии" > "Обработчик изображений". См. “Преобразование файлов с помощью обработчика изображений”.

При использовании обработчика изображений можно сохранять файлы в формате JPEG с необходимым размером.
При этом необходимо убедиться, что снят флажок "Изменить размер" в наборе параметров "Большие изображения".

Параметры фотогалереи Web

Общие Параметры для расширений файлов, кодировки и метаданных.
• Расширение В качестве расширения имени файла можно использовать либо .htm, либо .html.
• Использовать для URL кодировку Используется кодировка UTF-8.
• Добавить атрибуты ширины и высоты изображений Определяет размеры изображения, что приводит к уменьшению времени загрузки.
• Сохранить все метаданные Сохраняет метаданные.
Баннер Параметры текста для баннера, появляющегося на каждой странице галереи. Введите текст для каждого параметра:
• Название сайта Название галереи.
• Фотограф Имя фотографа или название организации, владеющей правами на фотографии галереи.
• Контактная информация Контактная информация галереи, например телефонный номер или адрес организации.
• Дата Дата появления каждой страницы галереи. По умолчанию используется текущая дата.
• Шрифт и размер шрифта Параметры текста баннера (доступны в некоторых стилях сайта).
Большие изображения Параметры основных изображений, появляющихся на каждой странице галереи.
• Добавить цифровые ссылки Размещает в верхней части каждой страницы галереи горизонтальный ряд чисел (начиная с 1 и заканчивая общим количеством фотографий в галерее) (доступно для некоторых стилей сайтов).
Каждый номер является ссылкой на соответствующую страницу.
• Изменить размер Изменяет размер исходных фотографий для размещения на страницах галереи. Выберите размер во всплывающем меню или введите точный размер в пикселах. Для сохранения пропорций выберите, какие измерения изображения должны сохраняться при изменении размера. В разделе "Качество JPEG" выберите
параметры во всплывающем меню, введите значение от 0 до 12 или перетащите ползунок. Чем выше значение, тем лучше качество изображения и больше размер файла.
Примечание. В Photoshop используется установленный по умолчанию в настройках метод интерполяции изображения. Чтобы получить наилучшие результаты при уменьшении размера изображения, в качестве установленного по умолчанию метода интерполяции выберите "Бикубическая, четче".
• Размер границы Определяет ширину границы вокруг изображения в пикселах.
• Текст заголовков Задайте параметры отображения надписей для каждого изображения (доступно для некоторых стилей сайтов). Для отображения имени файла установите флажок "Имя файла", для отображения описания, содержащегося в диалоговом окне "Сведения о файле", установите флажки "Описание", "Разработчики",
"Заголовок" и "Авторские права".
• Шрифт и размер шрифта Задайте шрифт и размер заголовка (доступно для некоторых стилей сайтов).
Миниатюры Параметры домашней страницы галереи, включая размер миниатюр изображений.
• Размер Определяет размер миниатюры. Выберите размер во всплывающем меню или введите ширину миниатюр в пикселах.
• Столбцы и строки Укажите количество столбцов и строк миниатюр на домашней странице. Этот параметр не
применяется в галереях, использующих стиль "Горизонтально Кадр" или "Вертикально Кадр".
• Размер границы Определяет ширину границы вокруг миниатюры в пикселах.
• Текст заголовков Задайте параметры отображения заголовков миниатюр (доступно для некоторых стилей сайтов). Для отображения имени файла установите флажок "Имя файла", для отображения описания, содержащегося в диалоговом окне "Сведения о файле", установите флажки "Описание", "Разработчики", "Заголовок" и "Авторские права".
• Шрифт и размер шрифта Задайте шрифт и размер заголовка (доступно для некоторых стилей сайтов).
Настроить цвета Параметры настройки цветов элементов галереи. Чтобы изменить цвет элемента, щелкните образец цвета, а затем выберите новый цвет в палитре цветов. Можно изменить фоновый цвет каждой страницы (параметр "Фон") и каждого баннера (параметр "Баннер").
Система безопасности Отображает текст на каждом изображении для устрашения предполагаемого вора.
• Содержимое Определяет отображаемый текст. Выберите "Заказной текст" для ввода произвольного текста.
Выберите "Имя файла", "Описание", "Разработчики", "Заголовок", или "Copyright" для отображения соответствующего текста из диалогового окна "Сведения о файле".
• Шрифт, цвет и положение Определяет шрифт, цвет и расположение заголовка.
• Параметры поворота Помещает текст в изображение под углом.

Стили фотогалереи Web

HTML, могут создать новый стиль или изменить старый путем изменения HTML-файлов шаблонов.
Стили фотогалереи Web хранятся в следующих индивидуальных папках.

Windows Program Files/Adobe/Photoshop CS3/Presets/Web Photo Gallery.
Mac OS Adobe Photoshop CS3/Presets/Web Photo Gallery.
Имя каждой папки отображается как параметр в меню "Стили" диалогового окна "Фотогалерея Web". Каждая папка содержит следующие HTML-файлы шаблонов, используемые в Photoshop для создания галереи.
Caption.htm Определяет макет надписей, появляющихся под каждой миниатюрой на домашней странице.
FrameSet.htm Определяет макет набора фреймов для отображения страниц
IndexPage.htm Определяет макет домашней страницы.
SubPage.htm Определяет макет страниц галереи с полноразмерными изображениями.
Thumbnail.htm Определяет макет миниатюр, отображаемых на домашней странице.

Каждый файл шаблона содержит HTML-код и маркеры. Маркер – это строка текста, которая заменяется при задании соответствующих параметров в диалоговом окне "Фотогалерея Web". Например, файл шаблона может содержать следующий элемент TITLE, в котором маркер используется в качестве вложенного текста:
<TITLE>%TITLE%</TITLE>.
При создании в Photoshop галереи с помощью данного файла-шаблона маркер %TITLE% будет заменен текстом, введенным в поле "Название сайта" диалогового окна "Фотогалерея Web".
Чтобы лучше понять существующий стиль, можно открыть HTML-файл шаблона в HTML-редакторе и изучить его. Так как для создания HTML-документов используются только стандартные символы ASCII, то эти документы можно открывать, редактировать и создавать с помощью простого редактора текстов, такого как "Блокнот" (Windows) или TextEdit (Mac OS).

О настройке стилей фотогалереи Web

Изменить существующие стили фотогалерей Web можно путем редактирования соответствующих HTML-файлов шаблонов. Чтобы галерея была создана правильно, при изменении стиля необходимо придерживаться следующих рекомендаций.

• Папка стиля должна содержать следующие файлы: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm и FrameSet.htm.
• Можно переименовать папку стиля, но не HTML-файлы шаблона в ней.
• Можно использовать пустой файл Caption.htm, а HTML-код и маркеры, определяющие расположение надписей, поместить в файл Thumbnail.htm.
• Маркеры в файле шаблона можно заменить соответствующим текстом или HTML-кодом, при этом параметры будут устанавливаться через файл шаблона, а не с помощью диалогового окна "Фотогалерея Web". Например, файл шаблона может содержать элемент BODY, в котором значением атрибута фонового цвета является маркер:
bgcolor=%BGCOLOR%.
Чтобы установить красный фоновый цвет страницы, маркер %BGCOLOR% необходимо заменить значением "FF0000".
• В файлы шаблонов можно добавить HTML-код и маркеры. Имена маркеров должны содержать только прописные буквы, а также начинаться и заканчивать символом процента (%).

Настройка или создание стиля фотогалереи Web

1. Перейдите в папку, в которой хранятся стили фотогалереи Web.
2. Выполните одно из следующих действий.
• Чтобы изменить стиль, создайте копию папки стиля в той же папке, где расположены существующие папки стилей.
• Чтобы создать новый стиль, создайте новую папку для нового стиля в той же папке, где расположены существующие папки стилей.
Имя нового или измененного стиля (в соответствии с названием папки) отображается в меню "Стили" диалогового окна "Фотогалерея Web".
3. С помощью HTML-редактора выполните одно из следующих действий.
• Измените HTML-файл шаблона.
• Создайте необходимые HTML-файлы шаблона и сохраните их в папке стиля.
При создании файлов шаблонов необходимо следовать рекомендациям раздела “О настройке стилей фотогалереи Web” .

Важная информация: При изменении или создании шаблона для стиля галереи необходимо поместить каждый из следующих маркеров в отдельной строке HTML-файла: %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%, %PREVIMAGE% и %PREVINDEX%. При создании отдельных страниц галереи строки шаблона, содержащие маркеры, не применяемые к этим страницам, пропускаются. Например, при создании
первой страницы галереи пропускаются все строки шаблона, содержащие маркер %PREVIMAGE %, определяющий ссылку на предыдущую страницу галереи. Размещение маркера %PREVIMAGE% в отдельной строке позволяет гарантировать, что не будут пропущены другие маркеры шаблона.

Маркеры стилей фотогалереи Web

Маркеры используются в HTML-файлах шаблонов, чтобы определить стиль фотогалереи Web по умолчанию. Эти маркеры используются для создания галереи на основе пользовательских настроек в диалоговом окне "Фотогалерея Web".
При настройке или создании стиля фотогалереи можно добавлять любой маркер в любой HTML-файл шаблона, за исключением маркеров %THUMBNAILS% и %THUMBNAILSROWS%, которые могут находиться только в файле IndexPage.htm. При добавлении маркера следует помнить, что для правильной работы маркера в файл также необходимо добавить HTML-код.
В HTML-файлах шаблонов можно использовать следующие маркеры.

%ALINK% Определяет цвет активных ссылок.
%ALT% Определяет имя файла изображения.
%ANCHOR% Позволяет возвратиться к миниатюре изображения, а не к началу страницы. Это происходит при нажатии кнопки "Домой".
%BANNERCOLOR% Определяет цвет баннера.
%BANNERFONT% Определяет шрифт текста баннера.
%BANNERFONTSIZE% Определяет размер шрифта текста баннера.
%BGCOLOR% Определяет фоновый цвет.
%CAPTIONFONT% Определяет шрифт надписей, появляющихся под каждой миниатюрой на домашней странице.
%CAPTIONFONTSIZE% Определяет размер шрифта надписей.
%CHARSET% Определяет кодировку каждой страницы.
%CONTENT_GENRATOR% Расширяет до "Adobe Photoshop CS3 Web Photo Gallery."
%CURRENTINDEX% Определяет ссылку на текущую домашнюю страницу.
%CURRENTINDEXANCHOR% Находится в файле SubPage.htm и указывает на первую индексную страницу
%DATE% Определяет дату, отображающуюся на баннере.
%FILEINFO% Определяет сведения о файле изображения для надписи.
%FILENAME% Определяет имя файла изображения. Этот маркер следует использовать для метаданных, появляющихся как HTML-текст.
%FILENAME_URL% Определяет URL-адрес файла изображения. Этот маркер можно использовать только для файлов изображений с URL-адресом.
%FIRSTPAGE% Определяет ссылку на первую страницу галереи, которая отображается в правом кадре набора кадров.
%FRAMEINDEX% Определяет ссылку на домашнюю страницу, которая отображается в левом кадре набора кадров.
%HEADER% Задает название галереи.
%IMAGEBORDER% Задает размер границы полноразмерных изображений на странице галереи.
%IMAGE_HEIGHT% Устанавливает флажок "Добавить атрибуты ширины и высоты изображений". Это позволяет загрузить атрибуты и таким образом сократить время загрузки.
%IMAGE_HEIGHT_NUMBER% Данный маркер заменяется числовым значением ширины изображения.
%IMAGEPAGE% Определяет ссылку на страницу галереи.
%IMAGE_SIZE% Если установлен флажок "Изменение размеров изображений", этот маркер содержит размер изображения в пикселах, используемые в панели "Большие изображения". Если этот флажок не установлен, маркер содержит пустую строку. Это помогает использовать JavaScript-код в шаблонах, так как он позволяет отображать максимальные значения высоты и ширины для всех изображений созданного сайта.
%IMAGESRC% Задает URL-адрес полноразмерных изображений на странице галереи.
%IMAGE_WIDTH% Устанавливает флажок "Добавить атрибуты ширины и высоты изображений". Это позволяет загрузить атрибуты и таким образом сократить время загрузки.
%IMAGE_WIDTH_NUMBER% Данный маркер заменяется числовым значением ширины изображения.
%LINK% Определяет цвет ссылок.
%NEXTIMAGE% Определяет ссылку на следующую страницу галереи.
%NEXTIMAGE _CIRCULAR% Определяет ссылку из одного большого изображения на следующее большое изображение.
%NEXTINDEX% Определяет ссылку на следующую домашнюю страницу.
%NUMERICLINKS% Вставляет на подстраницы пронумерованные ссылки на все большие изображения.
%PAGE% Указывает положение текущей страницы (например, страница 1 из 3).
%PHOTOGRAPHER% Определяет имя фотографа или название организации, владеющей правами на фотографии галереи.
%PREVIMAGE% Определяет ссылку на предыдущую страницу галереи.
%PREVINDEX% Определяет ссылку на предыдущую домашнюю страницу.
%SUBPAGEHEADER% Задает название галереи.
%SUBPAGETITLE% Задает название галереи.
%TEXT% Определяет цвет текста.
%THUMBBORDER% Задает размер границ миниатюр.
%THUMBNAIL_HEIGHT% Устанавливает флажок "Добавить атрибуты ширины и высоты изображений". Это позволяет загрузить атрибуты и таким образом сократить время загрузки.
%THUMBNAIL_HEIGHT_NUMBER% Данный маркер заменяется числовым значением высоты миниатюры.
%THUMBNAILS% Данный маркер заменяется миниатюрами с помощью файла Thumbnail.htm для стилей фрейма. Данный маркер должен быть помещен в отдельную неразделяемую строку HTML-файла.
%THUMBNAIL_SIZE% Содержит размер миниатюры в пикселах из панели "Миниатюры". Это помогает использовать JavaScript-код в шаблонах, так как он позволяет отображать максимальные значения высоты и ширины для всех миниатюр созданного сайта.
%THUMBNAILSRC% Определяет ссылку на миниатюру.
%THUMBNAILSROWS% Данный маркер заменяется рядом миниатюр с помощью файла Thumbnail.htm для стилей без фреймов. Данный маркер должен быть помещен в отдельную неразделяемую строку HTML-файла.
%THUMBNAIL_WIDTH% Устанавливает флажок "Добавить атрибуты ширины и высоты изображений". Это позволяет загрузить атрибуты и таким образом сократить время загрузки.
%THUMBNAIL_WIDTH_NUMBER% Данный маркер заменяется числовым значением ширины миниатюры.
%TITLE% Задает название галереи.
%VLINK% Определяет цвет посещенных ссылок.

Параметры оптимизации web-графики

Форматы web-графики

Форматы web-графики могут быть битовыми (растровыми) или векторными. К битовым форматам относятся GIF, JPEG, PNG и WBMP, которые зависят от разрешения, то есть от размеров растрового изображения. С различными разрешениями монитора возможно изменение качества. К векторным форматам относятся SVG и SWF, которые
не зависят от разрешения и поддерживают масштабирование без каких-либо потерь для качества изображения.
Векторные форматы могут также содержать растровые данные. Экспорт в форматы SVG и SWF поддерживается только в приложении Adobe Illustrator через диалоговое окно "Сохранить для Интернета и устройств".

Параметры оптимизации JPEG

Формат JPEG является стандартом сжатия нерастрированных изображений, например фотографий. Оптимизация изображения в формате JPEG основана на сжатии с потерями с выборочным удалением данных.

Примечание. Поскольку при сохранении файла в формате JPEG данные теряются, рекомендуется сохранять исходный файл первоначальном формате (например Photoshop .PSD), если в будущем планируется редактировать его или создавать дополнительные JPEG-версии.

Настройки оптимизации для формата JPEG
А. Меню "Формат файла" Б. Меню "Качество сжатия" В. Меню "Оптимизировать"

Качество Определяет уровень сжатия. Чем выше значение "Качество", тем большая детализация сохраняется при обработке алгоритмом сжатия. Однако чем выше значение "Качество", тем больше размер файла по сравнению с небольшими значениями параметра "Качество". Чтобы определить наилучшее соотношение качества и размера файла, рекомендуется просмотреть оптимизированное изображение с различными настройками качества.
Оптимизированный Создается расширенный JPEG с незначительно меньшим размером файла.
Формат "Оптимизированный JPEG" рекомендуется для максимального сжатия. Однако некоторые браузеры старых версий могут не поддерживать эту функцию.
Прогрессивный Изображение в web-браузере отображается прогрессивно. Изображение отображается как
последовательность перекрытия, что позволяет видеть изображение низкого разрешения до полной загрузки. Для
параметра "Прогрессивно" необходимо использование формата "Оптимизированный JPEG".
Примечание. Для просмотра формата "Прогрессивный JPEG" требуется больший объем оперативной памяти для просмотра, и некоторые браузеры не поддерживают этот формат.
Размытие Задает степень размытия изображения. При выборе этого параметра создается эффект, аналогичный фильтру "Размытие по Гауссу", и обеспечивается дополнительное сжатие, что уменьшает размер файла.
Рекомендуется значение от 0,1 до 0,5.
ICC-профиль Сохраняет ICC-профиль изображения в файле. Некоторые браузеры используют ICC-профили для цветокоррекции. Этот параметр доступен только после сохранения изображения с ICC-профилем, он не рекомендуется для несохраненных изображений.
Подложка Задается цвет заливки для пикселов, которые на исходном изображении были прозрачными. Чтобы выбрать цвет в палитре цветов, щелкните "Образец цвета подложки" или укажите параметр в меню "Подложка": "Пипетка" (для использования цвета в поле образцов пипетки), "Основной цвет", "Цвет фона", "Белый", "Черный" или "Другой" (для использования палитры цветов).
Полностью прозрачные пикселы исходного изображения заполняются выделенным цветом. Частично прозрачные пикселы исходного изображения смешиваются с выбранным цветом.

См. также
“Оптимизация изображения для Интернета”

Параметры оптимизации для форматов GIF и PNG-8

Формат GIF является стандартом сжатия для изображений с цветами смесевых красок и четкой детализацией, например, для штриховых рисунков, логотипов или иллюстраций с текстом. Аналогично GIF, формат PNG-8 эффективно сжимает сплошные области цвета с сохранением четкости деталей.
Файлы PNG-8 и GIF поддерживают 8-разрядную глубину цвета, то есть до 256 цветов. Процесс определения используемых цветов называется индексированием, поэтому изображения в форматах GIF и PNG-8 иногда называют изображениями индексированных цветов. Чтобы преобразовать цвета изображения в
индексированные, Photoshop строит таблицу цветов изображения, где хранятся и индексируются цвета в изображении. Если в таблице цветов исходного изображения отсутствует нужный цвет, то приложение подбирает ближайший цвет из таблицы или имитирует цвет с помощью сочетания доступных цветов.
Кроме приведенных ниже параметров, можно задать количество цветов в таблице цветов изображения. См. “Настройка таблицы цветов для изображений GIF и PNG-8” .

Настройки оптимизации для формата GIF
А. Меню "Формат файла" Б. Меню "Алгоритм редукции цвета" В. Меню "Модель псевдополутонов" Г. Меню "Оптимизировать"

Качество (только GIF) Уменьшение размера файла путем выборочного удаления данных. Чем выше значение
настройки "Потери", тем больше данных удаляется. Чаще всего рекомендуется задавать значение "Качество" в диапазоне от 5 до 10, в некоторых случаях до 50, без ухудшения качества изображения. Параметр "Качество" может уменьшить размер файла на 5 - 40%.
Примечание. Параметр "Качество" нельзя использовать одновременно с параметром "Чересстрочно", алгоритмами "Псевдополутона с примешиванием шума" или "Псевдополутона на узоре".
Цвета и метод редукции цвета Определяет метод создания таблицы цветов изображения и необходимое количество цветов в таблице. Доступны следующие методы редукции цвета.
• Перцепционная Создает пользовательскую таблицу цветов, отдавая предпочтение цветам, к которым человеческий глаз наиболее чувствителен
• Выборочная Создает таблицу цветов, аналогичную таблице "Перцепционная", но предпочтение отдается областям большого размера и сохранению web-цветов. Обычно при использовании этой таблицы получаются
изображения с наибольшей достоверностью цветов. Значение "Выборочная" задано по умолчанию.
• Адаптивная Создает таблицу путем выборки цветов из преобладающего спектра в изображении. Например, для изображения, в котором есть только зеленый и синий цвета, таблица цветов будет состоять в основном из оттенков синего и зеленого. В большинстве изображений цвета сосредоточены в определенных областях спектра.

• (Ограниченная) Интернет Используется стандартная таблица из 216 цветов, применяемая в Windows и Mac OS в палитрах с 8-разрядной глубиной цвета (256 цветов). При выборе этого параметра псевдополутона в браузере не применяются при отображении с 8-разрядной глубиной цвета. (Такая палитра также называется "безопасной web-палитрой".) Использование web-палитры может увеличивать размер файла, и рекомендуется только в тех случаях, когда крайне важно исключить псевдополутона в браузере..
• Пользовательская Применяется палитра цветов, созданная или измененная пользователем. При открытии существующего файла GIF или PNG-8 в нем будет пользовательская палитра цветов.
Таблица цветов изображения настраивается с помощью палитры "Таблица цветов" в диалоговом окне "Сохранить для Интернета и устройств".
•Черно-белый, градации серого, Mac OS, Windows Используйте готовую палитру цветов.
Смешение цветов и метод псевдополутонов Определяет метод и степень псевдополутонов. Смешение цветов позволяет имитировать цвета, которые отсутствуют в системе цветного изображения компьютера. Более высокий
процент псевдополутонов позволяет передавать больше цветов и деталей, но также приводит к увеличению размера файла. Для оптимального сжатия рекомендуется использовать наименьший процент псевдополутонов, обеспечивающий необходимую детализацию цвета. К изображениям, состоящим преимущественно из сплошных
тонов, псевдополутона можно не применять. В изображениях с непрерывными оттенками (особенно градиентами) псевдополутона могут быть нужен для того, чтобы избежать полошения цветов.

GIF-изображения с 0% псевдополутонов (слева) и 100% псевдополутонов
(справа)

Доступны следующие методы псевдополутонов.
• Диффузия Применяется случайный узор, менее заметный, чем в режиме "Псевдополутона на узоре". Эффекты псевдополутонов распространяются на смежные пикселы.
• Узор Для имитации цветов, отсутствующих в таблице цветов, применяется квадратный узор наподобие полутонового.
• Шум Применяется случайный узор, подобный узору в режиме "Псевдополутона с диффузией", но без распространения на смежные пикселы. В режиме псевдополутонов с примешиванием шума швы не возникают.
Прозрачность и Подложка Определяет способ оптимизации прозрачных пикселов в изображении.
• Чтобы сделать полностью прозрачные пикселы прозрачными и смешать частично прозрачные пикселы с цветом, выберите "Прозрачность" и укажите цвет подложки.
• Чтобы заполнить полностью прозрачные пикселы цветом и наложить частично прозрачные пикселы на этот же цвет, выберите цвет подложки и отмените выбор параметра "Прозрачность".
• Для выбора цвета подложки щелкните стрелку рядом с образцом цвета "Подложка" и выберите нужный цвет в палитре цветов. Второй способ: выберите параметр в меню "Подложка": "Пипетка" (для использования цвета в поле образцов пипетки), "Основной цвет", "Цвет фона", "Белый", "Черный" или "Другой" (для использования
палитры цветов).

Примеры прозрачности и обработки краев
А. Исходное изображение Б. Выделена прозрачность с цветом подложки В. Выделена прозрачность без подложки Г. Отменено выделение прозрачности с цветом подложки

Прозрачность псевдополутонов При выборе параметра "Прозрачность" можно указать метод псевдополутонов частично прозрачных пикселов.
• При выборе параметра "Без прозрачности псевдополутонов" полутона к частично прозрачным пикселам в изображении не применяются.
• В режиме "Псевдополутона с диффузией прозрачности" используется случайный узор, менее заметный, чем в режиме "Псевдополутона на узоре". Эффекты псевдополутонов распространяются на смежные пикселы. При выборе этого алгоритма необходимо указать процент псевдополутонов, управляющий степенью псевдополутонов, который применяется к изображению.
• В режиме "Псевдополутона на прозрачном узоре" применяется квадратный узор наподобие полутонового для частично прозрачных пикселов.
• В режиме "Псевдополутона с примешиванием шума на прозрачности" применяется случайный узор, подобный узору в режиме "Псевдополутона с диффузией", но без распространения на примыкающие пикселы. При использовании алгоритма "Шум" швы не возникают.

Пример псевдополутонов "Псевдополутона на прозрачном узоре" (слева) и его применение к фону web-страницы (справа)

Чересстрочно До полной загрузки файла изображение в браузере отображается в низком разрешении.
Чересстрочное отображение позволяет уменьшить субъективное время загрузки и показать пользователям, что изображение загружается. Однако чересстрочноое отображение также увеличивает размер файла.
Web-цвета Определяется уровень изменения цветов на ближайшие эквивалентные цвета палитры Web (с отменой псевдополутонов в браузере). Чем выше значение, тем больше изменяется цветов.

См. также
“Оптимизация изображения для Интернета”

Оптимизация прозрачности в изображениях GIF и PNG

Прозрачность позволяет создавать непрямоугольные изображения для Интернета. Прозрачность фона сохраняет в изображении прозрачные пикселы. Это позволяет видеть фон web-страницы через прозрачные области
изображения. Подложка фона имитирует прозрачность путем заполнения или слияния прозрачных пикселов с цветом подложки, который может совпадать с фоновым цветом web-страницы. Подложка фона выглядит лучше всего при сплошном фоне web-страницы, если известен его цвет.
Настроить оптимизацию прозрачных пикселов в изображениях GIF и PNG можно с помощью параметров "Прозрачность и подложка" в диалоговом окне "Сохранить для Интернета и устройств".
• (GIF и PNG-8) Чтобы сделать полностью прозрачные пикселы прозрачными и наложить частично прозрачные пикселы на цвет, выберите "Прозрачность" и укажите цвет подложки.
• Чтобы заполнить полностью прозрачные пикселы цветом и наложить частично прозрачные пикселы на этот же цвет, выберите цвет подложки и отмените выбор параметра "Прозрачность".
• (GIF и PNG-8) Чтобы сделать все пикселы с прозрачностью более 50% полностью прозрачными, а все пикселы с прозрачностью 50% и менее полностью непрозрачными, выберите "Прозрачность" и укажите "Нет" в меню "Подложка".
• (PNG-24) Чтобы сохранить изображение с многоуровневой прозрачностью (до 256 уровней), выберите "Прозрачность". Параметр "Подложка" будет отключен, поскольку многоуровневая прозрачность позволяет накладывать изображение на любой фоновый цвет.
Примечание. В обозревателях, не поддерживающих прозрачность PNG-24, прозрачные пикселы могут отображаться на фоновом цвете по умолчанию, например серым.
Для выбора цвета подложки щелкните стрелку рядом с образцом цвета "Подложка" и выберите нужный цвет в палитре цветов. Второй способ: выберите параметр в меню "Подложка": "Пипетка" (для использования цвета в поле образцов пипетки), "Основной цвет", "Цвет фона", "Белый", "Черный" или "Другой" (для использования
палитры цветов).

Просмотр таблицы цветов для оптимизированного фрагмента

Таблица цветов для фрагмента отображается на панели "Таблица цветов" диалогового окна "Сохранить для Интернета и устройств".

v Выберите фрагмент, оптимизированный в формате GIF или PNG-8. Таблица цветов для выбранного фрагмента отобразится на панели "Таблица цветов" диалогового окна "Сохранить для Интернета и устройств".
Если изображение содержит несколько фрагментов, то цвета в таблице цветов могут изменяться в различных фрагментах (чтобы избежать этого эффекта, свяжите слои между собой). При выборе нескольких фрагментов с различными таблицами цветов таблица цветов становится пустой, и в полосе состояния выводится сообщение
"Смешанная".

Настройка таблицы цветов для изображений GIF и PNG-8

Цвета в оптимизированных изображениях GIF и PNG-8 настраиваются с помощью таблицы цветов в диалоговом окне "Сохранить для Интернета и устройств". Сокращение количества цветов часто позволяет сохранить качество
изображения при одновременном уменьшении размера файла изображения.
Цвета в таблице цветов можно добавлять или удалять, заменять выбранные цвета на Web-цвета, а также блокировать выделенные цвета, чтобы предотвратить их удаление из палитры.

Сортировка таблицы цветов
Выберите порядок сортировки в меню палитры "Таблица цветов".
• При выборе параметра "Без сортировки" восстанавливается исходный порядок.
• Команда "Сортировать по тону" сортирует цвета по положению на стандартном цветовом круге (в градусах от 0 до 360). Нейтральным цветам присваивается тон 0 и они помечаются красным.
• Команда "Сортировать по светимости" сортирует цвета по степени яркости.
• Команда "Сортировать по частоте использования" сортирует цвета по частоте их использования в изображении

Добавление нового цвета в таблицу цветов
В таблицу цветов можно добавить цвета, которые отсутствовали при ее создании. При добавлении цвета в динамическую таблицу на него заменяется ближайший цвет в палитре. При добавлении цвета в фиксированную или пользовательскую таблицу в палитру добавляется дополнительный цвет.
1. Если в таблице цветов выделены какие-либо цвета, выберите в палитре "Таблица цветов" пункт "Снять выделение", чтобы отменить их выбор.
2. Выберите цвет. Для этого выполните одно из следующих действий.
• В диалоговом окне "Сохранить для Интернета и устройств" щелкните значок "Цвет пипетки" и выберите цвет из палитры.
• В диалоговом окне "Сохранить для Интернета и устройств" выберите инструмент "Пипетка" и щелкните изображение.
3. Выполните одно из следующих действий.
• Нажмите кнопку "Создать цвет" в таблице цветов.
• Выберите команду "Создать цвет" в меню палитры "Таблица цветов".
•Чтобы переключить таблицу цветов на палитру "Пользовательская", удерживайте при добавлении нового цвета клавишу "Ctrl" (Windows) или "Command" (Mac OS).
Новый цвет отобразится в таблице цветов со значком в виде небольшого белого квадрата в правом нижнем углу. Такой значок показывает, что цвет заблокирован. В динамической таблице цветов исходный цвет отображается в левом верхнем углу, а новый цвет - в правом нижнем углу.

Цвета выделения в таблице цветов
В таблице цветов вокруг выделенного цвета появляется белая рамка.
• Для выбора цвета щелкните его в "Таблице цветов".
• Чтобы выбрать в таблице цветов несколько цветов, удерживайте клавишу "Shift". Будут выбраны все строки между первым и вторым выделенными цветами. Чтобы выбрать несмежную группу цветов, нажмите клавишу "Ctrl" (Windows) или "Command" (Mac OS) и щелкните нужные цвета. Кроме того, в меню палитры "Таблица цветов" доступны команды для выбора цветов.
• Чтобы выбрать цвет в при просмотре изображения, щелкните его инструментом "Пипетка" в диалоговом окне "Сохранить для Интернета и устройств". Чтобы выбрать несколько цветов, удерживайте клавишу "Shift".
• Чтобы отменить выделение всех цветов, выберите в меню палитры "Таблица цветов" пункт "Отменить выделение всех цветов".

Замена цвета
Выделенный цвет в таблице цветов можно изменить на любое другое RGB-значение цвета. При повторном выводе оптимизированного изображения выделенный цвет будет заменен на новый цвет в тех областях изображения, где он присутствует.
1. Для отображения палитры цветов по умолчанию дважды щелкните цвет в таблице цветов.
2. Выберите цвет.
Исходный цвет отображается в левом верхнем углу образца цвета, а новый - в правом нижем углу. Небольшой квадрат в правом нижнем углу образца цвета показывает, что цвет заблокирован. При замене на Web-цвет в центре образца появляется небольшой белый ромб.
3. Чтобы отменить замену цвета, выполните одно из следующих действий.
• Дважды щелкните образец замененного цвета. Исходный цвет выделится в палитре цветов. Чтобы восстановить цвет, нажмите кнопку "OK".
• Чтобы отменить выделение всех замененных цветов (включая замененные web-цвета), выберите в меню палитры "Таблица цветов" пункт "Отменить замену всех цветов".

Замена цветов на ближайшие эквивалентные цвета палитры Web
Чтобы в браузере не выполнялись псевдополутона, можно заменить цвета в ближайшие эквивалентные цвета в палитре Web. Это позволяет предотвратить псевдополутона в браузерах операционных систем Windows или Macintosh, в которых доступно только 256 цветов.
1. Выберите один или несколько цветов в оптимизированном изображении или в таблице цветов.
2. Выполните одно из следующих действий.
• Нажмите кнопку "Изменение для Интернета" в палитре "Таблица цветов".
• В меню палитры "Таблица цветов" выберите пункт "Заменить/Отменить замену выделенных цветов на цвета палитры Web". Исходный цвет отобразится в левом верхнем углу образца, а новый цвет - в правом нижнем углу.
Небольшой белый ромб   в центре образца показывает, что цвет является web-цветом. Небольшой квадрат в правом нижнем углу образца показывает, что цвет заблокирован.
3. Чтобы задать допуск для замены, введите значение параметра "Web-цвета". Чем выше значение, тем больше изменяется цветов.
4. Чтобы вернуть цвета, замененные на web-цвета, выполните одно из следующих действий.
• Выделите в таблице цветов цвет, замененный на web-цвет, и нажмите кнопку "Изменение для Интернета" в палитре "Таблица цветов".
• Чтобы отменить в таблице цветов замену всех цветов на web-цвета, выберите в меню палитры "Таблица цветов" пункт "Отменить замену всех цветов".

Преобразование цветов в прозрачность
Чтобы добавить в оптимизированное изображение прозрачность, нужно преобразовать существующие цвета в прозрачность.
1. Выберите один или несколько цветов в оптимизированном изображении или в таблице цветов.
2. Выполните одно из следующих действий.
• Нажмите кнопку "Преобразовать прозрачность" в палитре "Таблица цветов".
• В меню палитры "Таблица цветов" выберите пункт "Преобразовать/Отменить преобразование выделенных цветов в прозрачность".
На половине каждого преобразованного цвета отобразится сетка прозрачности . Небольшой квадрат в правом нижнем углу образца цвета показывает, что цвет заблокирован.
3. Чтобы вернуть преобразование прозрачности в исходное состояние, выполните одно из следующих действий.
• Выберите цвет, для которого нужно отменить преобразование в прозрачность, и нажмите кнопку "Преобразовать прозрачность" либо в меню палитры "Таблица цветов" выберите пункт "Преобразовать/Отменить преобразование выделенных цветов в прозрачность".
• Чтобы вернуть все преобразованные цвета в исходное состояние, выберите пункт "Отменить преобразование цветов прозрачного объекта".

Блокировка или снятие блокировки цвета
В таблице цветов можно заблокировать выделенные цвета, чтобы предотвратить удаление этих цветов из палитры при уменьшении количества цветов, а также исключить псевдополутона в приложении.
Примечание. Блокировка цветов не отменяет псевдополутона в браузере.
1. Выберите нужные цвета в таблице цветов.
2. Чтобы заблокировать цвет, выполните одно из следующих действий.
• Нажмите кнопку "Заблокировать" .
• В меню палитры "Таблица цветов" выберите пункт "Заблокировать/Отменить блокировку выделенных цветов".
В правом нижнем углу каждого заблокированного цвета отобразится белый квадрат .
3. Чтобы разблокировать цвет, выполните следующие действия.
• Нажмите кнопку "Заблокировать" .
• В меню палитры "Таблица цветов" выберите пункт "Заблокировать/Отменить блокировку выделенных цветов".
Белый квадрат исчезнет из образца цвета.

Удаление выделенных цветов
Чтобы уменьшить размер файла изображения, можно удалить выделенные цвета из таблицы цветов. При удалении цвета области оптимизированного изображения, в которых ранее присутствовал этот цвет, выводится повторно с использованием ближайшего доступного цвета в палитре.
После удаления цвета таблица цветов автоматически превращается в "Заказную палитру". Это происходит потому, что при повторной оптимизации изображения удаленный цвет автоматически добавляется обратно в палитры "Адаптивная", "Перцепционная" и "Выборочная", а палитра "Заказная" при этом действии не изменяется.
1. Выберите нужные цвета в таблице цветов.
2. Чтобы удалить цвет, выполните одно из следующих действий.
• Щелкните значок "Удалить" .
• В меню палитры "Таблица цветов" выберите пункт "Удалить цвет".

Сохранение таблицы цветов
Таблицы цветов оптимизированных изображений можно сохранять для последующего использования с другими изображениями, а также для загрузки таблиц цветов, созданных в других приложениях. После загрузки новой таблицы цветов в изображение цвета оптимизированного изображения изменяются в соответствии с новой таблицей цветов.
1. В меню палитры "Таблица цветов" выберите пункт "Сохранить таблицу цветов".
2. Присвойте таблице цветов имя и выберите расположение для сохранения. По умолчанию файлу таблицы цветов присваивается расширение .act (Adobe Color Table).
Чтобы использовать таблицу цветов при выборе параметров оптимизации для изображения GIF или PNG, сохраните таблицу цветов в папке "Optimized Colors" в папке приложения Photoshop.
3. Нажмите кнопку "Сохранить".
Важная информация: После повторной загрузки таблицы все замененные цвета будут отображаться в виде полных образцов и будут разблокированы.

Загрузка таблицы цветов
1. В меню палитры "Таблица цветов" выберите пункт "Загрузить таблицу цветов".
2. Перейдите к файлу с таблицей цветов, которую нужно загрузить. Это может быть файл Adobe Color Table (.act), файл Adobe Color Swatch (.ace) или GIF-файл (для загрузки встроенной таблицы цветов).
3. Нажмите кнопку "Открыть".

Параметры оптимизации PNG-24

Формат PNG-24 подходит для сжатия нерастрированных изображений. Однако размер файлов в этом формате больше размера JPEG-файлов. Преимущество формата PNG-24 заключается в возможности сохранять в изображении до 256 уровней прозрачности.

Прозрачность и Подложка Определите способ оптимизации прозрачных пикселов в изображении. См. “Оптимизация прозрачности изображений в форматах GIF и PNG”
Чересстрочно До полной загрузки файла изображение в браузере отображается в низком разрешении.
Чересстрочное отображение позволяет уменьшить субъективное время загрузки и показать пользователям, что изображение загружается. Однако чересстрочноое отображение также увеличивает размер файла.

См. также
“Оптимизация изображения для Интернета”

Параметры оптимизации WBMP

Формат WBMP является стандартным форматом оптимизации изображений для мобильных устройств, например сотовых телефонов. Формат WBMP поддерживает 1-битный цвет, то есть изображения WBMP содержат только черные и белые пикселы.
Параметры "Метод псевдополутонов" и "Псевдополутона" определяют метод и степень псевдополутонов. Для оптимального сжатия рекомендуется использовать наименьший процент псевдополутонов, обеспечивающий необходимую детализацию.
Доступны следующие методы псевдополутонов.

Без псевдополутонов Псевдополутона не применяются, изображение выводится с использованием только черных и белых пикселов.
Диффузия Применяется случайный узор, менее заметный, чем в режиме "Псевдополутона на узоре". Эффекты псевдополутонов распространяются на смежные пикселы. При выборе этого алгоритма необходимо указать процент псевдополутонов, управляющий степенью псевдополутонов, который применяется к изображению.
Примечание. В режиме "Псевдополутона с диффузией" по границам фрагментов могут возникать видимые швы.
Связывание фрагментов распространяет узор псевдополутонов на все связанные фрагменты, что устраняет швы.
Узор Значения пикселов определяются с помощью квадратного узора наподобие полутонового.
Шум Применяется случайный узор, подобный узору в режиме "Псевдополутона с диффузией", но без распространения на смежные пикселы. При использовании алгоритма "Шум" швы не возникают.

См. также
“Оптимизация изображения для Интернета”

Параметры оптимизации SWF (Illustrator)

Формат файла Adobe Flash (SWF) - это векторный формат, который используется для создания масштабируемых и компактных изображений для Интернета. Поскольку этот формат является векторным, качество изображения не зависит от разрешения. Формат SWF идеально подходит для создания кадров анимации, но также позволяет
сохранять растровые изображения в формате SWF или смешивать растровые и векторные изображения.

Настройки оптимизации для формата SWF
А. Меню "Формат файла" Б. Меню "Проигрыватель Flash" В. Меню "Экспорт"

Стиль Определяет набор предопределенных параметров для экспорта. Можно создавать новые стили с нужными параметрами и сохранять их с помощью команды "Сохранить настройки" в меню панели. (Чтобы открыть меню панели, щелкните треугольник справа от меню "Стиль".)
Версия проигрывателя Flash Определяет самую раннюю версию проигрывателя Flash, которая поддерживает экспортированный файл.
Тип экспорта Определяет тип экспорта слоев. Укажите "AI-файл в SWF-файл" для экспорта изображения в один кадр. Укажите "Слои в SWF-кадры" для экспорта изображения каждого слоя в отдельный кадр SWF для создания анимированного SWF.
Примечание. Укажите "AI-файл в SWF-файл" для сохранения обтравочных масок слоев.
Качество кривой Определяет точность кривых Безье. Чем ниже значение, тем меньше размер экспортированного файла с незначительной потерей качества кривых. При более высоком значении кривые Безье прорисовываются более точно, но размер файла увеличивается.
Частота кадров Задает частоту воспроизведения анимации в программе просмотра Flash. Этот вариант доступен только для команды "Слои в SWF-кадры".
Циклическое воспроизведение Позволяет зацикливать воспроизведение анимационного ролика в проигрывателе Flash, в отличие от разового воспроизведения. Этот вариант доступен только для команды "Слои в SWF-кадры".
Сохранять вид Расширяет обводки до заливок в форме обводок и сводит все режимы наложения и прозрачность, которые не поддерживаются в SWF.
Сохранить возможность редактирования Обводки преобразуются в SWF-обводки, и прозрачность, не поддерживаемая SWF, приближается или не учитывается.
Примечание. Формат SWF поддерживает непрозрачность только на уровне объектов.
При экспорте в отдельный SWF-файл порядок размещения изображений следует сохранять с помощью команды "Экспорт", а не "Сохранить для Интернета и устройств". Экспортированные SWF-файлы позднее можно одновременно импортировать в Adobe Flash.
Сжатый Выполняется сжатие экспортированного файла.
Защита файла Устанавливается защита файла от импорта в приложения, отличные от Flash.
Текст в виде контуров Весь текст преобразуется в контуры для сохранения вида. Если планируется изменять текст в приложении Flash, не выбирайте этот параметр.

Параметры оптимизации SVG (Illustrator)

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

Параметры оптимизации для формата SVG
А. Меню "Формат файла" Б. Меню "Профили SVG" В. Меню "Сокращение знакового состава шрифта" Г. Меню "Положение изображения" Д. Меню "Свойства CSS" Е. Меню "Тип шрифта" Ж. Меню "Кодировка"

Сжатый Позволяет создавать сжатые файлы SVG (SVGZ).
Профили SVG Определяет описание шаблона документа SVG XML для экспортированного файла.
• SVG 1.0 и SVG 1.1 Применяется при создании SVG-файлов, предназначенных для просмотра на настольном компьютере. SVG 1.1 - полная версия спецификации SVG с подгруппами SVG Tiny 1.1, SVG Tiny 1.1 Plus, SVG Tiny 1.2 и SVG Basic 1.1.
• SVG Basic 1.1 Применяется при создании SVG-файлов, предназначенных для просмотра на устройствах средней мощности, например на мобильных устройствах. Следует помнить, что не все мобильные устройства поддерживают профиль SVG Basic. В результате, выбор этого параметра не гарантирует возможность просмотра
SVG-файла на всех мобильных устройствах. SVG Basic не поддерживает непрямоугольную обрезку и некоторые фильтры SVG.
• SVG Tiny 1.1 и SVG Tiny 1.1+ Используются при создании SVG-файлов, предназначенных для просмотра на небольших устройствах, например мобильных телефонах. Следует помнить, что не все мобильные телефоны поддерживают профили SVG Tiny и SVG Tiny Plus. В результате, выбор этого параметра не гарантирует возможность просмотра SVG-файла на всех устройствах
• SVG Tiny 1.2 Используется при создании SVG-файлов, предназначенных для просмотра на различных типах
устройств, начиная от КПК и мобильных телефонов и заканчивая ноутбуками и настольными компьютерами.
SVG Tiny не поддерживает градиенты, прозрачность, обтравку, маски, символы и некоторые фильтры SVG. SVG Tiny Plus поддерживает отображение градиентов, прозрачности, но не поддерживает обтравку, маски, символы и некоторые фильтры SVG.
Дополнительные сведения о SVG-профилях см. в спецификации SVG на web-узле WWW-консорциума (World Wide Web Consortium (W3C)) (wwww3.org).
Десятичные Определяет точность векторных данных в SVG-файле. Можно задать от 1 до 7 десятичных знаков. Чем больше значение, тем больше размер файла и выше качество изображения.
Сокращение знакового состава шрифта Определяет глифы, встраиваемые в SVG-файл. В меню "Сокращение знакового состава" выберите "Нет", если есть уверенность, что необходимые шрифты установлены на компьютерах конечных пользователей. Выберите "Только используемые глифы", чтобы просто включить глифы текста, присутствующего в данном графическом объекте. Другие параметры (Стандартный английский, Стандартный английский + Используемые глифы, Стандартный латинский, Стандартный латинский + Используемые глифы,
Все глифы) используются с динамическим текстовым содержимым SVG-файла (например, если текст формируется сервером или используется интерактивный текст).
Тип шрифта Определяет экспорт шрифтов
• Adobe CEF Для отображения мелкого шрифта используется контрольные точки шрифтов. Этот тип шрифта поддерживается в программе просмотра Adobe SVG Viewer, но может не поддерживаться другими средствами просмотра SVG.
• SVG Контрольная точка шрифтов не используется. Данный тип шрифта поддерживается во всех программах просмотра SVG.
• Преобразовать в контуры Выполняется преобразование текста в векторные контуры. Этот параметр используется для сохранения внешнего вида текста во всех программах просмотра SVG.
Положение изображения Задается встраивание или привязка к изображениям. Встраивание изображений приводит к увеличению размера файла, но обеспечивает постоянную доступность растрированных изображений.
Свойства CSS Определяется порядок сохранения атрибутов CSS-стилей в SVG-коде. По умолчанию используется параметр "Атрибуты представления", определяющий свойства на самом высоком уровне иерархии, что обеспечивает наибольшую гибкость для определенной правки и преобразований. Метод "Атрибуты стиля" позволяет создать наиболее удобные для чтения файлы, но может увеличить размер файла. Этот метод следует использовать, если с помощью SVG-кода планируется выполнять преобразования, например преобразования с использованием XSLT (Extensible Stylesheet Language Transformation). Метод "Ссылки на объекты" позволяет сократить время визуализации изображения и уменьшить размер SVG-файла. Метод "Элемент стиля" используется для совместного использования файлов с HTML-документами. После того как будет выбран параметр "Элемент стиля", можно переместить стили из SVG-файла во внешний файл таблицы стилей, на который также есть ссылка в HTML-файле, но это приведет к небольшому снижению скорости визуализации.
Кодировка Определяется кодировка символов в SVG-файле. UTF (Формат преобразования Юникод) поддерживается всеми средствами обработки XML. (Формат UTF-8 является 8-разрядным, а UTF-16 - это 16-разрядный формат). В ISO 8859-1 и UTF-16 метаданные файла не сохраняются.
Оптимизировать для программы просмотра Adobe SVG Viewer Выполняет оптимизацию изображений для программы просмотра Adobe SVG Viewer