Оптимизация изображений для web-сайта
Чтобы правильно создать сайт, необходимо перед публикацией подготовить будущие на нем изображения. Под оптимизацией изображений понимают такое его преобразование и подбор
параметров формата, которое обеспечивает минимальный размер файла.
При подготовке изображений для размещения на Web-страницах (страницах сайта)
без тщательной оптимизации не обойтись.
Для подготовки и оптимизации изображений перед публикацией сайта в Интернет в системе создания и управления сайтом SiteEdit применяется графический редактор.
Для подготовки и оптимизации изображений перед публикацией сайта в Интернет в системе создания и управления сайтом SiteEdit применяется графический редактор.
Формат GIF
Размер GIF-файла в первую очередь зависит от количества цветов,
которые в нем использованы, т.е. от размера его палитры.
Чем цветов меньше, тем меньше будет графический файл.
Сглаживание, напротив, увеличивает размер файла и иногда довольно значительно.
Оптимизация индексированного изображения сводится к нахождению минимально
необходимого количества цветов, дающего при минимальном сглаживании изображение
удовлетворительного качества.
В Photoshop для оптимизации изображений формата GIF применяется несколько настроек и параметров.
Список Color reduction algorithm (Алгоритм сокращения количества цветов) содержит перечень алгоритмов генерации индексированной палитры изображения.
По умолчанию предлагается вариант Selective (Селективная), дающий наилучшие результаты для изображений, содержащих значительное пространство, заполненное близкими цветами.
Отсутствующие в палитре изображения цвета имитируются сочетанием нескольких соседних пикселов близких цветов. Алгоритм имитации выбирается в списке Dithering algorithm (Алгоритм сглаживания).
В большинстве случаев используются варианты Noise (Шум) и Diffusion (Диффузия), не дающие регулярного узора, как Pattern (Узор).
Алгоритм Diffusion (Диффузия) лучше применять для фотографических изображений, a Noise (Шум) - для фоновых текстур и градиентов.
Величина сглаживания задается ползунком Dither (Сглаживание), расположенным правее. Установите ее такой, чтобы передача оттенков была удовлетворительной. Помните, что чем выше сглаживание, тем больше размер результирующего файла.
Флажок Transparency (Прозрачность) обеспечивает преобразование прозрачных участков изображения в прозрачность GIF-файла. Его следует обязательно включить, если в документе есть прозрачные участки, которые должны остаться прозрачными и в браузере. В противном случае они окажутся заполненными сплошной заливкой.
Вверх
В Photoshop для оптимизации изображений формата GIF применяется несколько настроек и параметров.
Список Color reduction algorithm (Алгоритм сокращения количества цветов) содержит перечень алгоритмов генерации индексированной палитры изображения.
По умолчанию предлагается вариант Selective (Селективная), дающий наилучшие результаты для изображений, содержащих значительное пространство, заполненное близкими цветами.
Отсутствующие в палитре изображения цвета имитируются сочетанием нескольких соседних пикселов близких цветов. Алгоритм имитации выбирается в списке Dithering algorithm (Алгоритм сглаживания).
В большинстве случаев используются варианты Noise (Шум) и Diffusion (Диффузия), не дающие регулярного узора, как Pattern (Узор).
Алгоритм Diffusion (Диффузия) лучше применять для фотографических изображений, a Noise (Шум) - для фоновых текстур и градиентов.
Величина сглаживания задается ползунком Dither (Сглаживание), расположенным правее. Установите ее такой, чтобы передача оттенков была удовлетворительной. Помните, что чем выше сглаживание, тем больше размер результирующего файла.
Флажок Transparency (Прозрачность) обеспечивает преобразование прозрачных участков изображения в прозрачность GIF-файла. Его следует обязательно включить, если в документе есть прозрачные участки, которые должны остаться прозрачными и в браузере. В противном случае они окажутся заполненными сплошной заливкой.
Формат PNG
Формат PNG-файла позволяет хранить индексированные и полноцветные изображения. В первом случае задача оптимизации совпадает с таковой для GIF-файлов. Полноцветные же изображения не теряют в качестве при сохранении в формате PNG и потому не требуют оптимизации.
Вверх
Каринцев Алексей Иннокентьевич
(арт-директор компании Edgestile)