Руководство использования и приминения JPG

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


Краткий обзор JPEG

Список деталей, которые необходимо знать о JPEG:

  • JPEG — алгоритм сжатия изображений без потерь качества, то есть, при сжатии некоторые данные из изображения убираются для сокращения размера файла.
  • JPEG часто обзывают «jay peg»
  • JPEG — акроним от Joint Photographic Experts Group — организация, которая разработала формат JPEG
  • .jpg и .jpeg — являются самыми распространнеными расширениями файлов изображений, которые сжаты с использованием алгоритма JPEG; они одинаковы, разница лишь в том, что система DOS имеет ограничение в 3-символа для расширений файлов. Современные операционные системы распознают как .jpg, так и .jpeg
  • Файлы, которые также используют алгоритм сжатия JPEG — .jpe, .jfif и .jif

Семантика и неоднозначности: JPEG против JFIF/Exif

Большинство людей называют любой формат изображения, который использует алгоритм сжатия JPEG «файлом JPEG». Но, большинство устройств захвата изображений ( например цифровая камера ) и программ редакторов изображений на самом деле создают файлы в формате JFIF или Exif. При любых упоминаниях файлов как «Файл JPEG» или когда в программе говорится о сохранении файла в формате JPEG, нужно понимать, что это файл который только использует алгоритм сжатия JPEG, а на самом деле является файлом JFIF или Exif.

Почему используют JPEG?

JPEG позволяет управлять степенью «потери качества» путем выбора уровня сжатия, что позволяет получить очень маленькие файлы с минимальными потерями качества.
Второе важное преимущество JPEG — хранение полноцветной информации: 24 бита на пиксель ( 16 миллионов цветов ). А GIF, который также очень часто используется в интернете, хранит только 8 битов на пиксель ( 256 цветов ). Способность к хранению полноцветной информации изображения — основное преимущество JPEG для использования его в сжатии изображений, которые имеют яркие цвета и фотореалистичное качество.

Сжатие JPEG

В отличие от формата PNG ( который использует алгоритм сжатия изображений без потерь качества ), JPEG использует метод сжатия с потяреми качества.

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

Первая проблема этого алгоритма в том, что невозможно из трех слов, которые описывают всю книгу, восстановить оригинал.

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

Baseline JPEG vs. Progressive JPEG

Существует две разновидности JPEG: Baseline и Progressive. Baseline JPEG — изображение сжато алгоритмом JPEG, которое начнет отображать изображение как данные, доступные строка за строкой. В браузере изображения, которые сжаты этим алгоритмом начинают медленно проявляться сверху вниз строчками.
Progressive JPEG отображает изображение сразу полностью, но сначала расплывчато затем низкое качество, затем высокое качество и вконце становится четким, когда все данные изображения загружены.

baseline vs progressive JPEG

Лучше использовать Progressive JPEG, потому что он сразу дает пользователю представление о изображении которое будет показано ему вконце. Также, Progressive JPEG повышает производительность при загрузки странички, так как он не проявляется шаг за шагом при загрузке.

Формат JPEG Baseline / Progressive в Photoshop

При использовании опции в Photoshop «Сохранить как…», для сохранения изображения используя метод сжатия JPEG, вы увидите следующие опции сохранения файла:

photoshop format options

  • Baseline: картинка будет загружаться «строка за строкой»
  • Baseline Optimized: То же что и стандартный Baseline, но используя алгоритм кодирования Хаффмана.
  • Progressive: Можно выбрать количество сканов между 3-5, что определить количество фаз, прежде чем будет отображено четкое изображение.

Когда Использовать JPEG

Фотографические изображения, которые богаты цветами — основные «клиенты» для использования алгоритма сжатия JPEG.

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

В каких случаях не использовать JPEG

Алгоритм сжатия JPG не надо использовать в изображениях с острыми краями, например текст, карикатуры и так далее. Для таких изображений лучше использовать PNG или GIF.

Также не стоит использовать его в файлах с простой цветовой гаммой, например: логотипы, иконки, фавиконки, векторные рисунки; так как используя PNG или GIF в подобных файлах, Вы получите изображения с меньшим размером и лучшим качеством нежели используя JPEG.

jpg vs png gif

Сохранение JPEG в photoshop

Ниже показано сравнение разных уровней сжатия одного и того же изображения.

Сжатие JPEG под микроскопом

На картинке ниже мы можем увидеть микро-отличия увеличенного изображения размером 8x8px от оригинала к худшему качеству:

Возможна ли прозрачность используя JPEG?

В настойщий момент JPEG не поддерживает прозрачность. Если нам необходимо сохранить изображение с прозрачностью, необходимо использовать алгоритм, который поддерживает сохранение прозрачности — PNG или GIF.

Внизу можно увидеть прозрачность JPEG и PNG :

Конкурент JPEG — WebP: новый формат изображений.

WebP — новый формат изображений, который сжимает фотографии без потерь качества, наподобии JPEG. Недавно, Google анонсировал, графический формат WebP ( под названием “weppy” ). Тесты показывают, что, используя этот алгоритм сжатия можно уменьшить размер исходного файла с тем же качеством на 40%. Что дает возможность быстрее обмениваться файлами и снижает загрузку сети.

webp demo
Пока что, большинство браузеров не поддерживают этот формат, поэтому на данном этапе этот алгоритм неэффективен для использования его на просторах интернета. Узнать больше о WebP.

Практические советы по использованию JPEG

  • Используйте Smush.it для дальнейшей оптимизации ваших JPEG изображений; Smush.it — это оптимизатор изображений без потери качества.
  • Для редактирования JPEG файлов без потери качества ( обрезка, вращение), можно использовать Jpegtran.
  • Если нужна альтернатива формату JPEG, то лучшая альтернатива — PNG-24; с использованием алгоритма PNG-24 файл будет иметь больший размер, но зато этот алгоритм использует метод сжатия без потерь качества.
  • Если изображение JPEG было открыто, отредактировано, и снова сохранено, это приведет к дополнительному ухудшению качества изображения. Поэтому, когда вам необходимо редактировать изображение несколько раз, сохраняйте редактируемое изображение в несжатом формате, например TIFF или родном формате ( например .psd для photoshop или .psp для PaintShop Pro).

Руководство использования и приминения JPG: 2 комментария

  1. “Руководство использования и примИнения JPG”
    Исправьте пож-та с “примИнения” на “примЕнения”, а то спать спокойно не могу. Заранее благодарен.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">