EDITSITE.RU

Все о создании сайта

SiteEdit Business - БЕСПЛАТНО!

Попробуй SiteEdit Business (2 недели бесплатно)

Заказать создание сайта

Заказать создание сайта нашим специалистам

Как управлять своим сайтом?

Скачать конструктор сайтов SiteEdit

скачать конструктор сайтов SiteEdit
 

Оптимизация изображений для Web сайта

Оптимизация изображений для web сайта

Под оптимизацией изображений понимают такое его преобразование и подбор параметров формата, которое обеспечивает минимальный размер файла. При подготовке изображений для размещения на Web-страницах (страницах сайта) без тщательной оптимизации не обойтись. Для подготовки и оптимизации изображений перед публикацией сайта в Интернет в системе создания и управления сайтом SiteEdit применяется графический редактор. Формат JPEG Формат GIF Формат PNG

Формат JPEG

На размер JPEG-файла влияет преимущественно установленная степень сжатия. Чем она выше, тем меньше результирующий файл.
Обратной стороной высокой степени сжатия является снижение качества. Следовательно, задача оптимизации состоит в том, чтобы найти компромисс между качеством изображения и размером файла.

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

Формат GIF

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

В Photoshop для оптимизации изображений формата GIF применяется несколько настроек и параметров.

Список Color reduction algorithm (Алгоритм сокращения количества цветов) содержит перечень алгоритмов генерации индексированной палитры изображения. По умолчанию предлагается вариант Selective (Селективная), дающий наилучшие результаты для изображений, содержащих значительное пространство, заполненное близкими цветами.

Отсутствующие в палитре изображения цвета имитируются сочетанием нескольких соседних пикселов близких цветов. Алгоритм имитации выбирается в списке Dithering algorithm (Алгоритм сглаживания).

В большинстве случаев используются варианты Noise (Шум) и Diffusion (Диффузия), не дающие регулярного узора, как Pattern (Узор).

Алгоритм Diffusion (Диффузия) лучше применять для фотографических изображений, a Noise (Шум) - для фоновых текстур и градиентов.

Величина сглаживания задается ползунком Dither (Сглаживание), расположенным правее. Установите ее такой, чтобы передача оттенков была удовлетворительной. Помните, что чем выше сглаживание, тем больше размер результирующего файла.

Флажок Transparency (Прозрачность) обеспечивает преобразование прозрачных участков изображения в прозрачность GIF-файла. Его следует обязательно включить, если в документе есть прозрачные участки, которые должны остаться прозрачными и в браузере. В противном случае они окажутся заполненными сплошной заливкой.

Формат PNG

Формат PNG-файла позволяет хранить индексированные и полноцветные изображения. В первом случае задача оптимизации совпадает с таковой для GIF-файлов. Полноцветные же изображения не теряют в качестве при сохранении в формате PNG и потому не требуют оптимизации.
Copyright © Edgestile 2011
Rambler's Top100