Раскрутка сайта статьями, покупка контента, выбор дешёвого надежного хостинга

Как заработать на сайте
Как заработать на Sape
Как заработать копирайтингом
Как заработать рерайтингом





Информация



Статьи » Заработок в Интернете » Формат GIF: Оптимизация изображений

Формат GIF: Оптимизация изображений


GIF является форматом хранения графических изображений. Отличительные характеристики данного формата:

·             количество цветов изображения не должно превышать 256,

·             возможность использования палитры изображения,

·             использование LZW-компрессии.

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

Последовательно рассмотрим семь методов, направленных на оптимизацию изображений в формате GIF (исключая оптимизацию анимированных GIFов).

Метод № 1: сокращение количества цветов изображения

Оптимизация изображений данным методом заключается в том, что сокращение количества цветов изображения автоматически приводит к уменьшению размера изображения. То есть необходимо из изображения убрать «лишние» цвета. Формат GIF характеризуется количеством цветов изображения от 1 до 256, поэтому теоретически мы можем выбрать любое число в приведенном диапазоне. На практике же существует правило: количество цветов изображения может быть представлено в виде числового ряда:  2, 4, 8, 16, 32, 64, 128, 256, характеризующего целое число бит от 1 до 8 бит на пиксель (1bpp-8bpp). Для сохранения качества изображения при сокращении количества цветов пользуйтесь данным правилом.

Метод № 2: оптимизация палитры изображения

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

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

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

При оптимизации изображения также используется Дизеринг (Dithering). Суть применения: для получения конечного изображения используются  стандартные чистые цвета, а при их недостатке - цвета получают путем "перемешивания" точек разных цветов. Основное достоинство: получение очень хороших результатов передачи цвета изображения. Основной недостаток: существенно увеличивает размер изображения (в некоторых случаях он может стать даже больше, чем до оптимизации).

Метод № 3: стилизация изображения

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

Метод № 4: искажение размеров изображения

Данный метод оптимизации можно применять только для изображений, состоящих из элементов типа линий, однородных областей. Суть метода: для начала создаем однопиксельный GIF (т.е. размером 1x1 пиксель), но укажем необходимые нам размеры картинки. Таким образом, браузер сам увеличит наш пиксель до заданных размеров, а мы получим оптимизацию. Используя прозрачный однопиксельный GIF, можно фиксировать минимальную ширину или высоту таблицы, задавать абзацные отступы и пустышки на страницах. Также методом искажения размеров изображения можно создать графические разделительные линии.

Метод № 5: оптимизация по фрагментам

Метод применим к изображениям, содержащим области, существенно отличающиеся количеством цветов. Суть метода: разделяем изображение на фрагменты и помещаем их в таблицу, тогда в браузере оно будет в виде единого целого. Затем оптимизируем каждый фрагмент отдельно, причем для фрагментов с малым числом цветов используем палитру в 8 или 16 цветов, а для многоцветных фрагментов - полную палитру (256 цветов) или сохраняем в формате JPG. Достоинство метода: уменьшение объема исходного файла, примерно раза в 2-3, а кроме этого, загрузка изображения будет выполняться равномернее, т.к. все фрагменты будут загружаться параллельно.

Метод № 6: оптимизация "прозрачных" изображений

В формате GIF можно присвоить одному цвету из палитры атрибут прозрачности. Таким образом, браузер, рисуя на экране такой GIF, с "прозрачными" пикселями, просто игнорирует их, не печатая на экране. Суть данного метода  оптимизации заключается в назначении прозрачным пиксела наиболее близкого по цвету к фону, на котором используется GIF, а также использование anti-aliasing (метода сглаживания, ретуширования краев изображения)  на том же фоне.

Метод № 7: использование чересстрочной развертки

Версия GIF89a сохраняет файлы, с использованием чересстрочной развертки. Способ заключается в следующем: строчки, из которых состоит изображение, перемежаются, и при загрузке браузер в первую очередь показывает каждую 8-ую строчку, во вторую очередь – каждую 4-ую, в третью очередь –  каждую 2-ую, и только после этого загружается изображение полностью. Это напоминает эффект жалюзи. Главное достоинство: не дожидаясь полной загрузки картинки, можно понять, что же на ней нарисовано, т.е. экономия времени.

Все методы оптимизации изображений в формате GIF рассмотрены, какой применять – выбор за Вами!

Кстати, компания ТКТ сегодня является одним из ведущих игроков телекоммуникационного рынка Санкт-Петербургу. Эта компания - владелец крупнейшей в СПб сети кабельного телевидения, которая покрывает все районы города и ближайшие пригороды. Так же они может осуществить подключение Wi-Fi роутера http://spb.tvoe.tv/services/653 прямо у Вас на дому, что значительно удобнее, ведь Интернет теперь будет доступен из любой точки квартиры.


Об авторе

Автор статьи: Николай_М.
Вид работ: рерайтинг
Стоимость работ:
Предпочитаемые тематики: любые

Для заказа статей можно обращаться по контактным данным:
e-mail: nik5404@ya.ru
ICQ:
Телефон:
Skype:
Ссылка на профиль Textsale: Николай_М


Ссылка на эту страницу:
(поставьте на своём сайте/блоге, чтобы повысить свою статью в поисковых системах)

Автор: Николай_М
Просмотров: 3865
Слов: 834
Рейтинг: 4.00





Читайте также на нашем сайте:














Последние статьи


Квадрокоптер DJI Phantom 4 с Full HD / 4К камерой.

Грамотный подбор ключевых слов

Широкоформатная печать в Киеве на стуйных, фотонных, термотрансферных и электрографических принтерах с использованием различных материалов

Продвижение сайта: платная раскрутка

Накрутка подписчиков в Инстаграме

Сделать свой сайт – лишь начало продвижения в сети

Подводные камни узкопрофильного копирайтинга на примере медицинской тематики

Создание сайтов в Киеве

Особенности продвижения в Google

Привлечение клиентов через интернет

Как заказчик сам себе мешает продвигать сайт

КОНКУРС ДЛЯ YOUTUBE-БЛОГЕРОВ









© 2007-2017 Statiami.com
Копирование без прямой обратной ссылки запрещено!