Оптимизация изображений для формата GIF или PNG-8
Руководство пользователя Отмена
Поиск
- Photoshop Elements User Guide
- Introduction to Photoshop Elements
- What’s new in Photoshop Elements
- System requirements | Photoshop Elements
- Workspace basics
- Guided mode
- Making photo projects
- Workspace and environment
- Get to know the Home screen
- Workspace basics
- Tools
- Panels and bins
- Open files
- Rulers, grids, and guides
- Enhanced Quick Mode
- File information
- Presets and libraries
- Multitouch support
- Scratch disks, plug-ins, and application updates
- Undo, redo, and cancel actions
- Viewing images
- Fixing and enhancing photos
- Resize images
- Cropping
- Process camera raw image files
- Add blur, replace colors, and clone image areas
- Adjust shadows and light
- Retouch and correct photos
- Sharpen photos
- Transforming
- Auto Smart Tone
- Recomposing
- Using actions to process photos
- Photomerge Compose
- Create a panorama
- Moving Overlays
- Moving Elements
- Adding shapes and text
- Add text
- Edit text
- Create shapes
- Editing shapes
- Painting overview
- Painting tools
- Set up brushes
- Patterns
- Fills and strokes
- Gradients
- Work with Asian type
- Guided edits, effects, and filters
- Guided mode
- Filters
- Guided mode Photomerge edits
- Guided mode Basic edits
- Adjustment filters
- Effects
- Guided mode Fun edits
- Guided mode Special edits
- Artistic filters
- Guided mode Color edits
- Guided mode Black & White edits
- Blur filters
- Brush Stroke filters
- Distort filters
- Other filters
- Noise filters
- Render filters
- Sketch filters
- Stylize filters
- Texture filters
- Pixelate filters
- Working with colors
- Understanding color
- Set up color management
- Color and tonal correction basics
- Choose colors
- Adjust color, saturation, and hue
- Fix color casts
- Using image modes and color tables
- Color and camera raw
- Working with selections
- Make selections in Photoshop Elements
- Saving selections
- Modifying selections
- Move and copy selections
- Edit and refine selections
- Smooth selection edges with anti-aliasing and feathering
- Working with layers
- Create layers
- Edit layers
- Copy and arrange layers
- Adjustment and fill layers
- Clipping masks
- Layer masks
- Layer styles
- Opacity and blending modes
- Creating photo projects
- Project basics
- Making photo projects
- Editing photo projects
- Saving, printing, and sharing photos
- Save images
- Printing photos
- Share photos online
- Optimizing images
- Optimizing images for the JPEG format
- Dithering in web images
- Guided Edits — Share panel
- Previewing web images
- Use transparency and mattes
- Optimizing images for the GIF or PNG-8 format
- Optimizing images for the PNG-24 format
- Keyboard shortcuts
- Keys for selecting tools
- Keys for selecting and moving objects
- Keys for the Layers panel
- Keys for showing or hiding panels (expert mode)
- Keys for painting and brushes
- Keys for using text
- Keys for the Liquify filter
- Keys for transforming selections
- Keys for the Color Swatches panel
- Keys for the Camera Raw dialog box
- Keys for the Filter Gallery
- Keys for using blending modes
- Keys for viewing images (expertmode)
Формат GIF
Формат GIF использует 8-битные цвета и эффективно сжимает однотонные области с сохранением резких ясных контрастов, имеющихся в шрифтовых фрагментах, логотипах, и прочих изображениях без полутонов. Формат GIF можно эффективно использовать для создания анимированных изображений и сохранения прозрачности в изображении. Формат GIF поддерживают большинство веб-браузеров.
В формате предусмотрено сжатие без потерь (LZW). Однако в силу ограничения палитры используемых цветов (не более 256 оттенков цвета) оптимизация оригинального 24-битного изображения в формат GIF с глубиной цвета 8 бит может привести к потере оттенков в изображении.
Изображение в формате GIF с использованием селективного алгоритма сокращения цветов (слева) и изображение в формате GIF с использованием стандартной таблицы цветов, поддерживаемых в вебе (справа)Формат PNG-8
Формат PNG-8 использует 8-битные цвета. Как и формат GIF, PNG-8 эффективно сжимает однотонные области с сохранением резких ясных контрастов, имеющихся в шрифтовых фрагментах, логотипах и прочих изображениях без полутонов.
Поскольку PNG-8 поддерживают далеко не все веб-браузеры, лучше воздержитесь от сохранения изображения, предназначенного для широкой аудитории, в данном формате.
Функция компрессии у формата PNG-8 имеет улучшенные характеристики, чем у формата GIF, при этом изображение в формате PNG-8 меньше по размерам того же изображения в формате GIF (от 10% до 30%, в зависимости от цветового узора). Несмотря на то, что алгоритм сжатия PNG-8 является методом сжатия без потерь, оптимизация оригинального 24-битного изображения в формат GIF с глубиной цвета 8 бит может привести к потере оттенков в изображении.
Примечание.При сохранении некоторых изображений, в особенности рисунков с простыми узорами и небольшим количеством цветов, сжатие в формат GIF даст файл меньшего размера, чем сжатие в формат PNG-8. Для сравнения размеров оптимизированного изображения в формате GIF и PNG-8 оцените результаты в окне предварительного просмотра.
Равно как и для формата GIF можно выбрать количество используемых цветов изображения и задать метод смешения цветов в веб-браузере (способ имитации отсутствующих цветов). Формат PNG-8 поддерживает прозрачность фона, т.е. позволяет создавать незаметный переход кромки изображения к фоновому цвету веб-страницы.
Оптимизация изображения в формат GIF или PNG-8
GIF эффективно сжимает однотонные области с сохранением резких ясных контрастов, имеющихся в шрифтовых фрагментах, логотипах и прочих изображениях без полутонов. Как и формат GIF, PNG-8 поддерживает прозрачность и эффективно сжимает однотонные области с сохранением резких ясных контрастов, имеющихся в шрифтовых фрагментах, логотипах, и прочих изображениях без полутонов; однако, не все веб-браузеры способны отображать файлы в формате PNG-8.
Откройте изображение и выберите «Файл» > «Сохранить для Web».
Выберите «GIF» или «PNG-8» из списка форматов оптимизации.
Для постепенного улучшения разрешения изображения в процессе загрузки установите флажок «Чересстрочная развертка». Чересстрочная развертка увеличивает скорость загрузки изображения и уже после первого этапа развертки пользователь сможет получить представление о том, что, собственно, изображено на картинке.
В списке «Алгоритм сокращения цветов» под списком форматов можно выбрать параметр создания цветовой таблицы, или алгоритм цветовой редукции:
Перцепционная
Создает пользовательскую палитру, отдавая предпочтение цветам, к которым человеческий глаз имеет наибольшую чувствительность.
Выборочная
Создает таблицу цветов, аналогичную таблице «С учетом восприятия», но отдает предпочтение областям большого размера и сохранению цветов Веб.
Адаптивная
Создает палитру на основе выборки цветов спектра, которые наиболее часто встречаются в изображении. Например, для изображения, в котором присутствуют только зеленый и синий цвета, палитра будет состоять в основном из синего и зеленого оттенков. В большинстве изображений цвета сконцентрированы в определенных областях спектра.
Ограниченная (Веб)
Использует стандартную таблицу из 216 цветов, включающую 8-битные цвета (256 цветов), используемые в операционных системах Windows и Mac OS. Выбор данного варианта исключает необходимость имитации отсутствующих цветов на основе смешения имеющихся при отображении изображения, использующего 8-битные цвета. Если изображение имеет менее 216 цветов, неиспользуемые цвета удаляются из таблицы.
Чтобы задать максимальное количество цветов в таблице, выберите число в раскрывающемся списке «Цвета», введите значение в текстовом поле или щелкайте стрелки для изменения количества цветов. Если изображение содержит меньше цветов, чем имеется на панели, в цветовой таблице отображается фактическое число цветов в изображении.
При использовании алгоритма сокращения цветов «Ограниченная (Веб)» в меню «Цвета» можно выбрать вариант «Автоматически». Выберите вариант «Автоматически», если вы хотите, чтобы программа Photoshop Elements обеспечила использование только цветов, имеющихся в исходном изображении.
Выберите значение смешения в процентах, указав его в числовом поле или щелкнув на стрелках и перетащив всплывающий ползунок на нужное значение.
Чтобы создать анимацию в формате GIF, выберите «Анимация».
Чтобы сохранить оптимизированное изображение, нажмите «ОК». В диалоговом окне «Сохранить оптимизированное изображение» укажите имя файла и нажмите кнопку «Сохранить».
Создание анимированного GIF-файла
Расположите изображения, которые должны появляться в каждом кадре анимации на отдельных слоях панели «Слои». Например, чтобы создать анимацию с моргающим глазом, поместите изображение с закрытым глазом на одном слое, а с открытым глазом — на другом.
Выполните команду «Файл» > «Сохранить для Web».
Примечание.Если изображение имеет несколько слоев, можно открыть диалоговое окно «Сохранить для Web» из диалогового окна «Сохранить как», выбрав «CompuServe GIF format» и установив флажок «Слои как кадры».
Настройте параметры оптимизации изображения в формате GIF.
Выберите «Анимация».
Задайте дополнительные параметры в разделе «Анимация» диалогового окна:
Параметры повтора
Непрерывно повторите анимацию в веб-браузере или примените анимацию только один раз. Также можно выбрать параметр «Другое», чтобы указать количество повторов анимации.
Задержка кадра
Указывает число секунд, которое анимация воспроизводится в веб-браузере. Для определения долей секунд используйте десятичные значения. Например, чтобы задать полсекунды, укажите значение 0,5.
Справки по другим продуктам
- Сохранение прозрачного фона в изображениях в формате GIF или PNG
- Смешение
- Прозрачные изображения и изображения с незаметным переходом кромки изображения к фоновому цвету веб-страницы
- Просмотр анимации
- Понятие слоя
Вход в учетную запись
Войти
Управление учетной записьюВход в учетную запись
Войти
Управление учетной записьюGIF-файлы в E-mail | В чём проблема? — Дизайн на vc.
ruХэй, ребята! Сегодня мы поговорим о GIF-файлах и их эффективности.
351 просмотров
В среднем люди более положительно реагируют на электронные письма без GIF-файлов, чем на те, в которых они есть.
Электронная почта является эффективным каналом связи для компаний, поддерживающих отношения с клиентами. С развитием социальных сетей в качестве каналов привлечения клиентов многие полагают, что электронный маркетинг стал менее актуальным и эффективным. Это не так. В своём ежегодном опросе State of Email, платформа тестирования электронной почты и группа маркетинговых исследований Litmus сообщили, что возврат инвестиций (ROI) электронной почты по-прежнему очень высок: в среднем на каждый вложенный доллар доход составляет 38 долларов.
Именно поэтому мы и продолжаем изучать опыт пользователей. Когда мы провели исследование для нашего отчёта, мы увидели скачок использования GIF-файлов в проверенных нами электронных письмах. GIF расшифровывается как Graphic Interchange Format, формат файла цифрового изображения, в котором несколько кадров кодируются в один файл. Почтовые клиенты и веб-браузеры могут воспроизводить GIF-изображения, напоминающие зацикленное видео. Использование такого контента широко распространено в почтовом маркетинге. 57% маркетологов рассказали о редком использовании GIF-файлов в своих кампаниях. Многие инструменты и платформы для рассылок рекламируют эффективность GIF-файлов в увеличении вовлечённости, но мало кто понимает, как пользователи воспринимают контент такого рода.
Методология
Чтобы изучить этот вопрос, мы провели два онлайн-опроса. Мы показали 14 маркетинговых писем с GIF-файлами 55 респондентам. Помимо этого, создали соответствующую статическую версию каждого из этих писем, используя лишь один кадр. Эти письма были показаны 66 респондентам.
При изучении каждого из 14 писем мы попросили респондентов описывать его тремя словами из заданного списка. Предоставленный список включал в себя 30 общих слов, 18 из которых были положительными и 12 отрицательными. (Естественно, все эти слова были перемешаны между собой, но для ясности мы показываем вам слова, разделённые на два списка).
👍🏻Положительные: привлекательный, неотразимый, прогрессивный, захватывающий, дружелюбный, очаровательный, вдохновляющий, мотивирующий, профессиональный, уместный, удовлетворительный, чистый, простой, мощный, стимулирующий, креативный, весёлый, полезный.
👎🏻Отрицательные: раздражающий, недружелюбный, скудный, сложный, запутывающий, неэффективный, скучный, отвлекающий, унылый, разочаровывающий, безликий, непонятный.
Кроме того, мы выбрали 4 письма и попросили респондентов оценить их полезность на основе шкалы, где 1 = бесполезно, а 7 = очень полезно. Эти же письма мы попросили оценить на достоверность (1 = совсем не заслуживает доверия, 7 = полностью заслуживает доверие).
Выбранные письма были настоящими маркетинговыми письмами интернет-магазинов. В обоих опросах они были представлены в случайном порядке.
Пример письма обоих типов:
Письма без анимации нравились людям больше
Когда мы попросили выбрать три положительных и отрицательных слова, опрашиваемые выбрали больше положительных по отношению к письмам со статическими изображениями. В среднем, e-mail с гифкой получал 1,7 отрицательных и 1,3 положительных характеристик, в то время как письмо без гифки – 1,2 и 1,8 соответственно. Другими словами, добавление гифки в письмо увеличило количество негатива на 40% и уменьшило количество позитива на 30%.
Ценность и доверие
Есть некоторые доказательства того, что электронные письма без GIF-файлов воспринимаются как более ценные, но нам, вероятно, потребуется больше данных, чтобы точно знать, так ли это на самом деле.
Электронные письма без GIF-файлов также были оценены более надёжными, чем электронные письма с GIF-файлами (4,34 против 3,90 по шкале от 1 до 7).
Обсуждение
Прежде чем мы углубимся в обсуждение этих результатов, мы должны выяснить ограничения исследования.
Прежде чем мы углубимся в обсуждение этих результатов, мы должны выяснить ограничения исследования.
— Мы использовали только маркетинговые письма. Даже с учётом того, что гифки используются в письмах и бюллетенях других веб-сайтов, у нас не было достаточно большой выборки подобных вне электронной коммерции. Таким образом, чтобы гарантировать, что все протестированные электронные письма были одного типа, мы ограничили исследование маркетинговыми письмами, где широко распространены GIF-файлы.
— Только 4 электронных письма были проанализированы на предмет ценности и доверия. Чтобы ограничить продолжительность опроса, участников попросили оценить ценность и доверие только 4 из 14 писем. Естественно, они могут быть нерепрезентативными для всех типов GIF-файлов, которые используются в маркетинговых электронных письмах. Например, некоторые пользователи могут находить ценными GIF-файлы с демонстрацией продуктов.
Результаты этого исследования показывают, что в среднем люди более позитивно реагируют на электронные письма без гифок: они не только описывают их с использованием более позитивных слов и меньшего количества негативных, но и считают гораздо надёжнее.
К письмам с GIF-файлами относятся плохо, скорее всего, по ряду некоторых причин. Одна из давних лучших UX-практик заключается в том, что анимацию следует использовать разумно и только для ясных целей – например, для предоставления отзывов об изменениях состояния и информации о функционировании интерфейса. Помимо этого, анимация может отвлекать пользователей. Они не ожидают увидеть мигающие цвета и слова при открытии письма. Трудно читать об онлайн-продаже или рассмотреть предложенный товар должным образом, когда на экране всё двигается и мигает. Такой подход может показаться дешёвой попыткой привлечь внимание.
Тем не менее, не все гифки по своей природе плохи. Некоторые более консервативные и значимые GIF-файлы все ещё могут быть эффективными и приветствоваться пользователями. В приведённом ниже примере маркетингового письма от мистера Портера огонь в гифке приятен глазу и не мешает чтению.
Также гифки могут быть весьма эффективны для демонстрации продукта – например, это письмо от Bonobos показывает, как отрывные брюки чинос можно снять с себя быстрым рывком.
Ключ к правильному использованию GIF-файлов в электронных письмах заключается в следовании давним UX-методам для анимации. Используйте их разумно и целенаправленно для передачи информации, но не переусердствуйте. Добавление анимации в скучные электронные письма кажется их создателю новаторством, но не все получатели думают так же.
Чтобы не пропустить ещё больше новых статей, подборок и новостей переходите на наш блог
Оригинал статьи
Что такое GIF-файл | Полная информация о расширении .GIF
СОДЕРЖАНИЕ СТРАНИЦЫ:- Для чего используется GIF
- Как открывать файлы GIF на Mac
- Как открыть файлы GIF в Windows
- GIF-файлы плюсы и минусы
- Разница между GIF и PNG
Что такое расширение файла GIF
Формат полного обмена графикой, также известный как GIF , представляет собой цифровой формат файла, созданный в 1987 году интернет-провайдером CompuServe для сжатия изображений и коротких анимаций. GIF быстро завоевал популярность как формат передачи и хранения графических файлов, потому что это стандарт сжатия данных без потерь, что означает, что при сжатии информация не теряется.
Каждое изображение в формате GIF может ссылаться на палитру, содержащую до 256 различных цветов, взятых из 24-битного цветового пространства RGB, благодаря возможности формата до 8 бит на пиксель. На самом деле GIF часто представляет собой небольшое изображение, и большинство пользователей используют GIF для создания анимированной графики для обмена в социальных сетях.
В этом отрывке мы расскажем, для чего используется файл GIF и как открывать файлы GIF на Mac и Windows. Чтобы помочь вам узнать больше об этом формате файлов, мы также перечислим преимущества и недостатки файлов GIF. В последней части вы узнаете больше, если хотите узнать разницу между GIF и PNG.
Для чего используется GIF
По сути, GIF можно использовать для создания онлайн-анимации, и GIF популярен среди пользователей социальных сетей. Файлы GIF не предназначены для хранения фотографий высокого качества, поскольку они могут отображать только ограниченное количество цветов. Вместо этого GIF-файлы лучше всего работают с дизайнами и логотипами с ограниченным количеством цветов, четкими краями и линиями.
Что может дать вам GIF? Следующие советы подскажут вам ответ:
Для пользователей социальных сетей:
- Более эмоционально. Файл Gif может добавить больше эмоциональной информации к простому тексту.
- Легко поделиться. Файлы GIF обычно имеют небольшой размер, и пользователи могут легко их загружать и сохранять.
- Легко найти. Легко найти кучу файлов GIF, и вы можете искать файлы GIF в Google.
Для дизайнеров рекламы:
- Подробнее. Файлы GIF покажут более подробную информацию о вашем продукте.
- Видимые инструкции. GIF идеально подходит дизайнерам для создания коротких инструкций для пользователей, а GIF-файлы могут повторяться снова и снова, пока пользователи не смогут полностью понять инструкции.
- Привлечь внимание. GIF-файлами можно легко обмениваться между платформами социальных сетей, поэтому продукты будут легко видны.
Если вы хотите поделиться этим полезным отрывком с друзьями, вы можете нажать кнопки «Поделиться» ниже:
Как открывать файлы GIF на Mac
Для пользователей Mac, которые используют последнюю базовую систему macOS, вы можете открыть GIF-файлы с помощью Previewer напрямую, или вы можете легко открывать GIF-файлы с Safari. В этой части мы покажем вам два метода, которые помогут вам открывать файлы GIF на Mac.
1. Как открывать GIF-файлы на Mac с помощью Safari
Этот метод очень прост, и большинство файлов GIF можно открыть напрямую с помощью Safari. Давайте проверим, как открывать файлы GIF на Mac с помощью Safari:
Шаг 1. Найдите и найдите целевой файл GIF на вашем Mac.
Шаг 2. Щелкните правой кнопкой мыши целевой файл GIF и выберите «Открыть с помощью», затем нажмите «Safari». Файл GIF сразу же будет воспроизводиться в Safari.
2. Как открывать файлы GIF на Mac с помощью Previewer
Этот метод является быстрым, а также основным. Большинство пользователей Mac откроют файл GIF следующим образом:
Шаг 1. Найдите свой файл GIF на Mac.
Шаг 2. Щелкните по нему и нажмите клавишу пробела, после чего файл GIF будет открыт и немедленно воспроизведен.
Примечание: Если вы хотите восстановить удаленные файлы GIF на Mac, загрузка EaseUS Data Recovery Wizard для Mac будет мудрым решением.
Как открыть файлы GIF в Windows
GIF широко используется, а также очень просто открыть файл GIF в Windows с помощью приложений по умолчанию. Мы покажем вам, как открывать GIF-файлы в Windows с помощью приложения «Фотографии» и Microsoft Edge.
1. Как открывать файлы GIF в Windows с помощью Microsoft Edge
Этот метод аналогичен методам на Mac. Вы можете открывать GIF-файлы на Mac с помощью Safari, и вы должны открывать GIF-файлы в Windows с помощью Microsoft Edge.
Шаг 1 . Найдите файл GIF на своем ПК.
Шаг 2. Щелкните правой кнопкой мыши файл GIF и выберите «Открыть с помощью» > «Microsoft Edge».
2. Как открывать GIF-файлы в Windows с фотографиями
Приложение Windows Photos является средством просмотра фотографий по умолчанию в ОС Windows, и большинство изображений можно открыть с помощью фотографий:
Шаг 1. Найдите файл GIF на вашем ПК.
Шаг 2. Щелкните правой кнопкой мыши файл GIF и выберите «Открыть с помощью» > «Фотографии».
Примечание: Если вы случайно удалили GIF-файлы в Windows или ваши GIF-файлы повреждены или повреждены, вам следует попробовать программу восстановления GIF EaseUS для восстановления поврежденных файлов GIF.
Плюсы и минусы файлов GIF
Возможно, вы не знаете, следует ли вам выбирать файлы GIF или нет. В этом разделе мы представим преимущества и недостатки файлов GIF:
Плюсы:
- Файлы GIF легко создавать. Пользователям не нужно быть очень профессиональными, и даже домашние пользователи могут создавать множество файлов GIF за короткое время.
- GIF-файлы имеют небольшой размер. Поскольку файлы GIF ограничены в цветах, это делает файлы GIF не очень большими.
- GIF-файлы имеют функцию сжатия без потерь, поэтому размер небольшой, но качество изображения не будет сжато.
Минусы:
- Файлы GIF будут не очень четкими из-за ограничений по цвету.
- Файлы GIF могут быть более сложными для отображения, чем обычные изображения, когда пользователи находятся в плохой интернет-среде.
- Файлы GIF не так легко редактировать, как другие форматы изображений, потому что они содержат несколько изображений.
Разница между GIF и PNG
Файлы PNG также очень популярны, и мы предлагаем таблицу, которая поможет вам понять различия между файлами GIF и PNG.
ГИФ | PNG |
Поддержка анимации | Не поддерживать анимацию |
Маленький размер | Больше, чем GIF |
Ограниченная цветовая гамма из 256 цветов | Обеспечивает тысячи цветов |
MIME-тип — изображение/gif | MIME-тип: image/png |
Поддерживает слои и многостраничную работу | Не поддерживать слои и многостраничную работу |
Заключительные слова
Мы надеемся, что вы усвоили все важные сообщения о файлах GIF. Если вы потеряли некоторые важные файлы GIF на своем компьютере с Windows или устройстве Mac, попробуйте программу восстановления GIF EaseUS, чтобы восстановить удаленные файлы GIF.
Graphics Interchange Format (GIF) — Programming Web Graphics with Perl и GNU Software [Книга]
В начале этой главы я задал пять вопросов о GIF-файл формат. Что ж, прежде чем мы углубимся во внутреннюю работу GIF формате, вот несколько ответов:
Почему GIF со 129 цветами не меньше, чем GIF с 256 цвета?
Это связано с тем, что количество записей в цвет таблица не хранится непосредственно в файле GIF; это на самом деле вычисляется из числа битов, используемых для представления каждого индекса в Таблица. Общее количество записей в таблице цветов равно вычисляется путем возведения 2 в степень числа битов на запись; таким образом, если количество битов, используемых на индекс, равно 8, существует максимум из 256 записей в таблице (2 8 ). А 129-цветная палитра требует 8 бит на запись (поскольку 2 7 = 128), что означает, что 256-цветный будет выделена палитра, даже если фактически используются только 129 цветов.
Может GIF с несколькими изображениями имеют более одного прозрачный цвет?
Да, каждое изображение в последовательности из нескольких изображений может иметь палитра, которая может содержат свой собственный индекс прозрачного цвета. Прозрачный индекс для таблица цветов определена в Расширение управления графикой (описано позже). Согласно строгому толкованию Согласно спецификации GIF допускается только один блок графического управления на изображение, поэтому каждое изображение может иметь свой уникальный прозрачный цвет.
Какова максимальная глубина цвета GIF?
Максимум цвет глубина GIF составляет 256 цветов, потому что каждый пиксель представлен как один байт, который может быть индексом не более 2 8 = 256 цветов.
Как программа-декодер узнает, что файл является GIF?
Первые 3 байта файла GIF всегда являются шестнадцатеричной строкой. «0x47 0x49 0x46», что является строкой «GIF» в ASCII-символы. Байты 4-6 представляют собой либо шестнадцатеричную строку «0x38 0x37 0x61» или «0x38 0x39 0x61», что либо «87a» или «89a» в ASCII, в зависимости от используемая версия кодировки. К сожалению, некоторые приложения (например, определенные веб-браузеры) определяют содержимое файла исключительно по расширение, используемое в имени файла.
Как сделать файл с несколькими изображениями как можно меньшего размера?
Это сложный вопрос, но один из способов — убедиться, что ваше программное обеспечение для обработки изображений использует глобальные палитры, когда цвет таблицы могут быть разделены более чем одним изображением. Каждое изображение может иметь свое собственная локальная палитра, что (для 256-цветной палитры) может добавить 768 байт на палитру. На самом деле это не так уж и много, но каждый бит имеет значение. Так же Формат GIF позволяет указать смещение (и выбрать метод «удаления») для каждого изображения в файле; размер файл можно уменьшить, удалив лишние данные (либо создание ограничивающей рамки вокруг измененной области и обрезка остальное или анализируя изображение попиксельно и устанавливая неизмененные пиксели в прозрачные) и позволяя базовым кадрам показать через. Пример приведен в главе 9., а Gimp (описанный в главе 7) предоставляет Animation Optimizer, который автоматизирует эту технику.
Формат файла GIF довольно легко декодировать. Спецификация не лучшее описание формата файла общего назначения. Например, формат каждого типа блока непостоянен, что делает его немного сложнее разобрать. Стандартная единица измерения полей в файле GIF. это байт, хотя в нескольких случаях GIF использует упакованный байт структура для хранения нескольких полей в одном байте. Из-за эти структурные решения GIF не имеет больших возможностей для роста как формат файла. Тем не менее, это отличная и надежная спецификация. как есть. Фактически, CompuServe имеет признал PNG официальным преемником GIF, поэтому не будет быть какие-либо официальные версии GIF, по крайней мере, не от CompuServe.
Файл GIF всегда начинается с трехбайтной подписи. «GIF» и заканчивается байтом (в шестнадцатеричном формате) «3B», что указывает на конец потока данных. встроенного нет проверка ошибок для определения того, были ли данные в файле поврежден или нет. Подпись является частью заголовок блок информации.
Блок заголовка
Блок заголовка GIF-файла содержит подпись, что идентифицирует его как GIF версии 87a или 89a и блок дескриптора логического экрана , который содержит информацию о минимальные требования устройства, необходимые для отображения изображения как задумал создатель. Заголовок также содержит информацию о глобальная таблица цветов, включенная в файл, если таковая имеется. Заголовок 13 байт в длину, состоящий из следующих полей:
- Подпись (3 байта)
Всегда GIF.
- Версия (3 байта)
Всегда 87a или 89а.
- Ширина и высота экрана (по 2 байта)
Минимальные размеры экрана, необходимые на устройстве отображения для правильно визуализировать изображение без масштабирования под размер экрана. Эти поля часто устанавливаются в для изображений общего назначения.
- Информация таблицы цветов (1 байт)
Следующий байт описывает атрибуты глобальной таблицы цветов. восемь битов в этом байте содержат следующие поля:
- Биты 0-2
Количество битов, используемых для каждой записи в таблице цветов, минус один; если таблица цветов имеет 256 записей, для каждой записи требуется 8-битный индекс, поэтому это поле будет содержать 7 (111 в двоичном формате). Этот номер используется для вычислить количество записей в таблице цветов.
- Бит 3
Этот бит устанавливается в 1, если элементы в таблице отсортированы по порядку уменьшения встречаемости на изображении.
- Биты 4-6
Число из до 7, указывая значащие биты на выборку каждого цвета в стол, минус один.
- Бит 7
Флаг глобальной таблицы цветов, который равен 1, если файл содержит таблица цветов.
- Цвет фона (1 байт)
Байт, содержащий индекс цвета в глобальной таблице цветов. для использования в качестве цвета границы и фона файла.
Блок глобальной таблицы цветов
Файл GIF может дополнительно содержать глобальный таблица цветов. Если это так, таблица будет сразу следовать за заголовком в потоке данных (т. начать с 14 байта). Эта таблица цветов будет содержать 2, 4, 8, 16, 32, 64, 128 или 256 записей и займет от 6 до 768 байт. Каждый элемент таблицы цветов состоит из трех байтов: по одному на каждый из красная, зеленая и синяя составляющие цвета.
Каждый блок Image (описан ниже) также может содержать свою собственную локальную таблицу цветов, которая будет иметь приоритет над Глобальная таблица цветов. Если каждый блок изображения имеет свой локальный цвет table, файлу не нужна глобальная таблица цветов. Если файл делает не имеет глобальной таблицы цветов и не имеет локальных таблиц цветов, изображение будет отображаться с использованием настроек приложения по умолчанию. таблица цветов с непредсказуемыми результатами. Локальные таблицы цветов имеют той же формы, что и глобальная таблица цветов.
Спецификация GIF предполагает, что первые два элемента цвета таблица может быть черной (0) и белой (1), но это не обязательно всегда дело.
Блок(и) изображения
GIF файл может содержать неограниченное количество изображений. Каждое изображение сохраняется в отдельном блоке, состоящем из двух-трех частей: Локальный дескриптор изображения , необязательный Локальная таблица цветов и сжатый Данные изображения .
Дескриптор локального изображения
Дескриптор локального изображения всегда состоит из 10 байтов, содержащих размеры изображения и информацию о том, какую таблицу цветов следует использование и способ хранения данных изображения. Поля локального изображения Блок дескриптора:
- Разделитель (1 байт)
Всегда шестнадцатеричное значение 2C, которое идентифицирует это как блок локального дескриптора изображения.
- Слева, Сверху (по 2 байта)
Каждый из них является числом в диапазоне до 65 535, которые указывают координаты x, y в кадре изображения при котором левый верхний угол изображения должен быть смещен, когда он отображается. См. пример с прыгающим мячом в главе 9, чтобы увидеть, как можно использовать эти поля. эффективно уменьшить размер мультиизображения GIF.
- Ширина, высота (по 2 байта)
Эти поля обеспечивают ширину и высоту изображения в пикселях.
- Информация о цвете (1 байт)
Последний байт дескриптора локального изображения содержит 8 бит. описание следующих полей (начиная с наименее значимого бит):
- Бит 0
Этот бит установлен в 1, если блок изображения содержит локальную таблицу цветов который следует использовать при рендеринге изображения.
- Бит 1
Этот бит установлен в 1, если данные изображения хранятся в чересстрочном формате. формат.
- Бит 2
Этот бит установлен в 1, если локальная таблица цветов отсортирована в порядке уменьшение встречаемости.
- Биты 3-4
Эти биты зарезервированы для использования в будущих версиях GIF.
- Биты 5-7
Количество битов, используемых для каждой записи в локальной таблице цветов.
Местная таблица цветов
Местная Таблица цветов имеет ту же форму, что и глобальная таблица цветов, т. е. от 2 до 256 записей однобайтовых триплетов для каждого значения RGB. Если кусочек дескриптора локального изображения установлено на 0, локального цвета нет таблице, и данные изображения будут сразу же следовать за дескриптором блокировать.
Данные изображения
Данные изображения для каждого изображения всегда хранится в сжатом формате LZW. Он не сохраняется как непрерывный поток закодированных LZW данных, а скорее как произвольное количество более короткие подблоки длиной от 1 до 255 байт. Эти подблоки каждый начинается с байта счетчика, который является количеством байтов в подблок, за которым следуют закодированные данные. Каждый из подблоки должны быть отправлены декодеру LZW по отдельности, прежде чем они собираются для формирования данных декодированного изображения. Счетный байт указывает конец блока данных изображения.
После того, как субблоки были прочитаны и декодированы, мы должны знать, пиксели результирующего блока данных изображения сохраняются в чересстрочной или нечересстрочной формы. Каждое значение пикселя сохраняется как один байт в декодированном блоке данных, независимо от размера таблица цветов. Если данные хранятся в нечересстрочной форме, они могут считываться линейно, причем каждая строка сканирования читается последовательно после предыдущий. Если данные чересстрочные, они должны быть прочитаны в соответствии с алгоритм чересстрочной развертки, описанный ранее в этой главе.
Блок(и) расширения
Спецификация GIF89a добавляет четыре расширения блоки в исходный формат GIF87a. Два таких блока расширения используются для реализации общих функций веб-графики, таких как прозрачность и анимированные петли. Четыре блока расширения Управление графикой , Приложение , Комментарий и Расширения обычного текста . Из них мы рассмотрим расширение управления графикой и расширение приложения, которые используются в веб-графике. Расширение обычного текста не используется в приложения для веб-графики. Расширение комментария часто используется для хранить информацию об авторских правах для изображения, но обычно игнорируются веб-клиентами.
Блок расширения может появиться в любом месте файла GIF между Глобальная таблица цветов (если есть) и трейлер. Все расширения начинаться с байта идентификатора, который всегда равен 0x21, чтобы идентифицировать блок в качестве блока расширения. Далее следует тип расширения байт, который указывает тип расширения. Коды для Расширения управления графикой и приложения — 0xF9 и 0xFF, соответственно.
Расширение управления графикой
Расширение управления графикой содержит информация, которая может сообщить приложению, как поступать с прозрачность изображения и как избавиться от изображений, когда отображение мультиизображения GIF. Он имеет длину 8 байт и содержит семь полей:
- Ввод (1 байт)
Этот байт всегда равен 0x21, что указывает на блок расширения.
- Метка расширения (1 байт)
этот байт всегда равен 0xF9, указывая на расширение управления графикой.
- Размер блока (1 байт)
Это всегда 0x04, потому что есть еще четыре байта информации перед терминатором блока расширения.
- Управляющая информация (1 байт)
Этот упакованный байт состоит из следующих трех полей:
- Бит 0
Флаг прозрачного цвета. Это 1, если изображения, на которые ссылается этот блок должен содержать прозрачный цвет.
- Бит 1
Пользовательский ввод разрешен. Этот флаг не реализован веб-браузерами.
- Биты 2-4
Метод утилизации. Это число от 0 до 4, которое указывает способ приложение должно отображать следующее изображение в файле с несколькими изображениями:
- 0
Не указано
- 1
Не размещать между кадрами
- 2
Перезаписать кадр цветом фона из заголовка
- 3
Перезаписать предыдущим кадром
- Биты 5-7
Зарезервировано .
- Время задержки (2 байта)
Это поле содержит число сотых долей секунды, отображаемое на дисплее. клиент должен подождать, прежде чем отображать следующее изображение в мультиизображении последовательность. Это позволяет очень точно контролировать время задержки, которое может Быть из до 655,35 секунд.
- Индекс прозрачного цвета (1 байт)
Если бит прозрачности установлен, цвет с этим индексом должен быть сделать прозрачным при рендеринге изображения (т. е. оно не должно быть нарисовано). Этот индекс применяется к текущей таблице цветов. Это будет продолжать быть прозрачным индексом для каждого изображения до тех пор, пока другой Расширение управления графикой отключает прозрачность или изменяет индекс.
- Терминатор расширения (1 байт)
Это всегда 0.
Расширение приложения
Приложение Блок расширения позволяет настраивать GIF-файлы для конкретных целей. Приложения. Netscape воспользовался этой функцией, чтобы дополнить блок управления графикой с блоком расширения приложения, который сообщит веб-браузеру, сколько раз отображать последовательность изображения в анимированном GIF перед остановкой. Это стало известно как Расширение цикла Netscape , а может и так быть частью спецификации GIF (хотя это не так). Это иронично, потому что спецификация GIF специально отмечает, что GIF был пока не предназначен в качестве платформы для доставки анимаций Модификация Netscape сделала GIF стандартом анимации де-факто в Интернете.
Циклическое расширение Netscape соответствует формату общего расширение приложения и выглядит следующим образом:
- Ввод (1 байт)
Этот байт всегда равен 0x21, что указывает на блок расширения.
- Метка расширения (1 байт)
Этот байт всегда равен 0xFF, что указывает на расширение приложения.
- Размер блока (1 байт)
Это всегда 0x0B, потому что есть еще одиннадцать полей информация перед терминатором блока расширения.