Общие рекомендации при работе с форматом GIF

Метки:

Подход к оптимизации изображений в формате GIF различается в зависимости от исходных данных: имеются ли в рисунке прозрачные участки и градиенты, размера картинки, и количества цветов. Также имеет значение, что для вас важнее: размер или качество, поскольку в большинстве случаев приходится чем-то жертвовать. Хотя оптимизация файлов и заключается в отыскании золотой середины, в большинстве случаев исходное качество изображения теряется. Его можно повысить, но при этом неминуемо возрастет и объем файла. Поэтому следует учитывать важность изображения для сайта и с учетом этого подбирать параметры. Например, к улучшению вида заголовка сайта, который размещается на каждой странице, следует подойти более тщательно, поскольку он определяет «лицо» сайта. Однако и здесь не следует злоупотреблять размерами файла, иначе посетители не поймут, чего они так долго ожидают. А не поймут, так и труды не оценят.

Несмотря на подобные условия, можно выделить общие принципы, которыми следует руководствоваться при оптимизации рисунков в формате GIF.

  • Если фон рисунка совпадает по цвету с фоном веб-страницы, имеет смысл в изображении установить его прозрачным, поскольку наличие прозрачных областей снижает объем файла. Для белого и черного фона можно сделать исключение.
  • В случае использования прозрачных участков в изображении, обязательно задайте цвет краев таким же, как и фон, на котором размещается рисунок. Это может быть фон веб-страницы или фон таблицы, все зависит от того, в каком месте располагается изображение.
  • В большинстве рисунков можно без вреда для изображения понизить количество цветов.
  • Когда рисунок содержит плавные переходы от одного цвета к другому (градиент), следует применять алгоритм смешения цветов. Наилучший результат дает диффузный метод, к тому же он позволяет контролировать величину смешения, добиваясь необходимого равновесия между качеством изображения и объемом файла.
  • Алгоритм смешения цветов при прозрачных областях следует использовать лишь в крайних случаях — результат его применения оказывается далек от оригинала.
  • Параметр Interlaced (чередование строк) имеет резон включать только для больших по размеру рисунков. Понятие «большой» конечно же, условно, поэтому возьмите какой-нибудь ориентир, например, 40 килобайт и используйте его за отправную точку. На скорости подключения 128 Кбит/сек. файл такого размера будет загружаться около 4 секунд. За такой промежуток, чтобы не заскучали, вполне можно и показать рисунок с низким качеством. Пока пользователь будет его разглядывать, гадая, что же на нем содержится, время загрузки пройдет незаметно.
  • Снижение качества изображения позволяет выиграть порой несколько килобайт без уменьшения числа цветов и существенного ухудшения картинки. Чтобы воспользоваться этим параметром, следует отключить чередование строк и не пользоваться алгоритмами смешения цветов на основе узора и шума. Помните, что выигрыш будет тем больше, чем крупнее размер изображения. Для небольших картинок преимущество использования этого параметра будет мизерным.

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

   

ничё я понял.
чё за смешение строк?
и где вообще взять эти алгоритмы смешения цветов?

   
   

В программе Photoshop при сохранении файла через панель Save for Web & Devices все эти параметры будут доступны.

   

Отправить комментарий

  • Строки и параграфы переносятся автоматически.
CAPTCHA
Вопрос для защиты от спама.
2 + 0 =
Решите этот простой пример и введите результат. Так, для 1+3 надо ввести 4.