Jpg что это такое: JPEG — Википедия

Содержание

JPEG — Википедия

JPEG (произносится «джейпег»[1], англ. Joint Photographic Experts Group, по названию организации-разработчика) — один из популярных растровых графических форматов, применяемый для хранения фотографий и подобных им изображений. Файлы, содержащие данные JPEG, обычно имеют расширения (суффиксы) .jpg, .jfif, .jpe или .jpeg. Однако .jpg является самым популярным из них на всех платформах. MIME-тип — image/jpeg.

Фотография заката в формате JPEG с уменьшением степени сжатия слева направо

Алгоритм JPEG позволяет сжимать изображение как с потерями, так и без потерь (режим сжатия lossless JPEG). Поддерживаются изображения с линейным размером не более 65535 × 65535 пикселов.

В 2010 году с целью сохранения для потомков информации о популярных в начале XXI века цифровых форматах учёные из проекта PLANETS заложили инструкции по чтению формата JPEG в специальную капсулу, которую поместили в специальное хранилище в швейцарских Альпах[2].

Область примененияПравить

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

Формат JPEG в режиме сжатия с потерями малопригоден для сжатия чертежей, текстовой и знаковой графики, где резкий контраст между соседними пикселами приводит к появлению заметных артефактов. Такие изображения целесообразно сохранять в форматах без потерь, таких как JPEG-LS, TIFF, GIF, PNG, либо использовать режим сжатия Lossless JPEG.

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

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

При сжатии изображение преобразуется из цветового пространства RGB в YCbCr. Следует отметить, что стандарт JPEG (ISO/IEC 10918-1) никак не регламентирует выбор именно YCbCr, допуская и другие виды преобразования (например, с числом компонентов[3], отличным от трёх), и сжатие без преобразования (непосредственно в RGB), однако спецификация JFIF (JPEG File Interchange Format, предложенная в 1991 году специалистами компании C-Cube Microsystems, и ставшая в настоящее время стандартом де-факто) предполагает использование преобразования RGB->YCbCr.

После преобразования RGB->YCbCr для каналов изображения Cb и Cr, отвечающих за цвет, может выполняться «прореживание» (subsampling[4]), которое заключается в том, что каждому блоку из 4 пикселей (2х2) яркостного канала Y ставятся в соответствие усреднённые значения Cb и Cr (схема прореживания «4:2:0»[5]). При этом для каждого блока 2х2 вместо 12 значений (4 Y, 4 Cb и 4 Cr) используется всего 6 (4 Y и по одному усреднённому Cb и Cr). Если к качеству восстановленного после сжатия изображения предъявляются повышенные требования, прореживание может выполняться лишь в каком-то одном направлении — по вертикали (схема «4:4:0») или по горизонтали («4:2:2»), или не выполняться вовсе («4:4:4»).

  Пример изображения в формате jpg.

Стандарт допускает также прореживание с усреднением Cb и Cr не для блока 2х2, а для четырёх расположенных последовательно (по вертикали или по горизонтали) пикселей, то есть для блоков 1х4, 4х1 (схема «4:1:1»), а также 2х4 и 4х2 (схема «4:1:0»). Допускается также использование различных типов прореживания для Cb и Cr, но на практике такие схемы применяются исключительно редко.

Далее яркостный компонент Y и отвечающие за цвет компоненты Cb и Cr разбиваются на блоки 8х8 пикселей. Каждый такой блок подвергается дискретному косинусному преобразованию (ДКП). Полученные коэффициенты ДКП квантуются (для Y, Cb и Cr в общем случае используются разные матрицы квантования) и пакуются с использованием кодирования серий и кодов Хаффмана. Стандарт JPEG допускает также использование значительно более эффективного арифметического кодирования, однако из-за патентных ограничений (патент на описанный в стандарте JPEG арифметический QM-кодер принадлежит IBM) на практике оно используется редко. В популярную библиотеку libjpeg последних версий включена поддержка арифметического кодирования, но с просмотром сжатых с использованием этого метода изображений могут возникнуть проблемы, поскольку многие программы просмотра не поддерживают их декодирование.

Матрицы, используемые для квантования коэффициентов ДКП, хранятся в заголовочной части JPEG-файла. Обычно они строятся так, что высокочастотные коэффициенты подвергаются более сильному квантованию, чем низкочастотные. Это приводит к огрублению мелких деталей на изображении. Чем выше степень сжатия, тем более сильному квантованию подвергаются все коэффициенты.

При сохранении изображения в JPEG-файле указывается параметр качества, задаваемый в некоторых условных единицах, например, от 1 до 100 или от 1 до 10. Большее число обычно соответствует лучшему качеству (и большему размеру сжатого файла). Однако даже при использовании наивысшего качества (соответствующего матрице квантования, состоящей из одних только единиц) восстановленное изображение не будет в точности совпадать с исходным, что связано как с конечной точностью выполнения ДКП, так и с необходимостью округления значений Y, Cb, Cr и коэффициентов ДКП до ближайшего целого. Режим сжатия Lossless JPEG, не использующий ДКП, обеспечивает точное совпадение восстановленного и исходного изображений, однако его малая эффективность (коэффициент сжатия редко превышает 2) и отсутствие поддержки со стороны разработчиков программного обеспечения не способствовали популярности Lossless JPEG.

Разновидности схем сжатия JPEGПравить

Стандарт JPEG предусматривает два основных способа представления кодируемых данных.

Наиболее распространённым, поддерживаемым большинством доступных кодеков, является последовательное (sequential JPEG) представление данных, предполагающее последовательный обход кодируемого изображения разрядностью 8 бит на компоненту (или 8 бит на пиксель для чёрно-белых полутоновых изображений) поблочно слева направо, сверху вниз. Над каждым кодируемым блоком изображения осуществляются описанные выше операции, а результаты кодирования помещаются в выходной поток в виде единственного «скана», то есть массива кодированных данных, соответствующего последовательно пройденному («просканированному») изображению. Основной или «базовый» (baseline) режим кодирования допускает только такое представление (и хаффмановское кодирование квантованных коэффициентов ДКП). Расширенный (extended) режим наряду с последовательным допускает также прогрессивное (progressive JPEG) представление данных, кодирование изображений разрядностью 12 бит на компоненту/пиксель (сжатие таких изображений спецификацией JFIF не поддерживается) и арифметическое кодирование квантованных коэффициентов ДКП.

В случае progressive JPEG сжатые данные записываются в выходной поток в виде набора сканов, каждый из которых описывает изображение полностью с всё большей степенью детализации. Это достигается либо путём записи в каждый скан не полного набора коэффициентов ДКП, а лишь какой-то их части: сначала — низкочастотных, в следующих сканах — высокочастотных (метод «spectral selection» то есть спектральных выборок), либо путём последовательного, от скана к скану, уточнения коэффициентов ДКП (метод «successive approximation», то есть последовательных приближений). Такое прогрессивное представление данных оказывается особенно полезным при передаче сжатых изображений с использованием низкоскоростных каналов связи, поскольку позволяет получить представление обо всём изображении уже после передачи незначительной части JPEG-файла.

Обе описанные схемы (и sequential, и progressive JPEG) базируются на ДКП и принципиально не позволяют получить восстановленное изображение абсолютно идентичным исходному. Однако стандарт допускает также сжатие, не использующее ДКП, а построенное на основе линейного предсказателя (lossless, то есть «без потерь», JPEG), гарантирующее полное, бит-в-бит, совпадение исходного и восстановленного изображений. При этом коэффициент сжатия для фотографических изображений редко достигает 2, но гарантированное отсутствие искажений в некоторых случаях оказывается востребованным. Заметно большие степени сжатия могут быть получены при использовании не имеющего, несмотря на сходство в названиях, непосредственного отношения к стандарту JPEG ISO/IEC 10918-1 (ITU T.81 Recommendation) метода сжатия JPEG-LS, описываемого стандартом ISO/IEC 14495-1 (ITU T.87 Recommendation).

Синтаксис и структураПравить

Файл JPEG содержит последовательность маркеров, каждый из которых начинается с байта 0xFF, свидетельствующего о начале маркера, и байта-идентификатора. Некоторые маркеры состоят только из этой пары байтов, другие же содержат дополнительные данные, состоящие из двухбайтового поля с длиной информационной части маркера (включая длину этого поля, но за вычетом двух байтов начала маркера, то есть 0xFF и идентификатора) и собственно данных. Такая структура файла позволяет быстро отыскать маркер с необходимыми данными (например, с длиной строки, числом строк и числом цветовых компонентов сжатого изображения).

Основные маркеры JPEG[6]
МаркерБайтыДлинаНазначениеКомментарии
SOI0xFFD8нетНачало изображения
SOF00xFFC0переменный размерНачало фрейма (базовый, ДКП)Показывает, что изображение кодировалось в базовом режиме с использованием ДКП и кода Хаффмана. Маркер содержит число строк и длину строки изображения (двухбайтовые поля со смещением соответственно 5 и 7 относительно начала маркера), количество компонентов (байтовое поле со смещением 9 относительно начала маркера), число бит на компонент — строго 8 (байтовое поле со смещением 4 относительно начала маркера), а также соотношение компонентов (например, 4:2:0).
SOF10xFFC1переменный размерНачало фрейма (расширенный, ДКП, код Хаффмана)Показывает, что изображение кодировалось в расширенном (extended) режиме с использованием ДКП и кода Хаффмана. Маркер содержит число строк и длину строки изображения, количество компонентов, число бит на компонент (8 или 12), а также соотношение компонентов (например, 4:2:0).
SOF20xFFC2переменный размерНачало фрейма (прогрессивный, ДКП, код Хаффмана)Показывает, что изображение кодировалось в прогрессивном режиме с использованием ДКП и кода Хаффмана. Маркер содержит число строк и длину строки изображения, количество компонентов, число бит на компонент (8 или 12), а также соотношение компонентов (например, 4:2:0).
DHT0xFFC4переменный размерСодержит таблицы ХаффманаЗадает одну или более таблиц Хаффмана.
DQT0xFFDBпеременный размерСодержит таблицы квантованияЗадает одну или более таблиц квантования.
DRI0xFFDD4 байтаУказывает длину рестарт-интервалаЗадает интервал между маркерами RST n в макроблоках. При отсутствии DRI появление в потоке кодированных данных маркеров RSTn недопустимо и считается ошибкой. Если при кодировании маркеры RST n не применяются, маркер DRI либо не используется вовсе, либо интервал повторений в нём указывается равным 0.
SOS0xFFDAпеременный размерНачало сканированияНачало первого или очередного скана изображения с направлением обхода слева направо сверху вниз. Если использовался базовый режим кодирования, используется один скан. При использовании прогрессивных режимов используется несколько сканов. Маркер SOS является разделяющим между информативной (заголовком) и закодированной (собственно сжатыми данными) частями изображения.
RSTn0xFFDnнетПерезапускМаркеры перезапуска используются для сегментирования кодированных энтропийным кодером данных. В каждом сегменте данные декодируются независимо, что позволяет распараллелить процедуру декодирования. При повреждении кодированных данных в процессе передачи или хранения JPEG-файла использование маркеров перезапуска позволяет ограничить потери (макроблоки из неповреждённых сегментов будут восстановлены правильно). Вставляется в каждом r-м макроблоке, где r — интервал перезапуска DRI маркера. Не используется при отсутствии DRI маркера. n, младшие 3 бита маркера кода, циклы от 0 до 7.
APPn0xFFEnпеременный размерЗадаётся приложениемНапример, в EXIF JPEG-файла используется маркер APP1 для хранения метаданных, расположенных в структуре, основанной на TIFF.
COM0xFFFEпеременный размерКомментарийСодержит текст комментария.
EOI0xFFD9нетКонец закодированной части изображения.

Достоинства и недостаткиПравить

К недостаткам сжатия по стандарту JPEG следует отнести появление на восстановленных изображениях при высоких степенях сжатия характерных артефактов: изображение рассыпается на блоки размером 8x8 пикселей (этот эффект особенно заметен на областях изображения с плавными изменениями яркости), в областях с высокой пространственной частотой (например, на контрастных контурах и границах изображения) возникают артефакты в виде шумовых ореолов. Следует отметить, что стандарт JPEG (ISO/IEC 10918-1, Annex K, п. K.8) предусматривает использование специальных фильтров для подавления блоковых артефактов, но на практике подобные фильтры, несмотря на их высокую эффективность, практически не используются.

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

Скорость сжатия по стандарту JPEGПравить

Для ускорения процесса сжатия по стандарту JPEG традиционно используется распараллеливание вычислений, в частности — при вычислении ДКП. Исторически одна из первых попыток ускорить процесс сжатия с использованием такого подхода описана в опубликованной в 1993 году статье Касперовича и Бабкина[7], в которой предлагалась оригинальная аппроксимация ДКП, делающая возможным эффективное распараллеливание вычислений с использованием 32-разрядных регистров общего назначения процессоров Intel 80386. Появившиеся позже более производительные вычислительные схемы использовали SIMD-расширения набора инструкций процессоров архитектуры x86. Значительно лучших результатов позволяют добиться схемы, использующие вычислительные возможности графических ускорителей (технологии NVIDIA CUDA и AMD FireStream) для организации параллельных вычислений не только ДКП, но и других этапов сжатия JPEG (преобразование цветовых пространств, run-level, статистическое кодирование и т.  п.), причём для каждого блока 8х8 кодируемого или декодируемого изображения. В статье[8] была представлена реализация распараллеливания всех стадий алгоритма JPEG по технологии CUDA, что значительно повысило скорость сжатия и декодирования по стандарту JPEG.

Картинки WEBP. Чем открыть формат WEBP, перевод их в Jpg Блог Ивана Кунпана

Чем открыть формат WEBP? В статье об этом поговорим. Данный формат является форматом для изображений. Пользователи скачивают картинки в этом формате на компьютер, но они не просматриваются. Дадим готовое решение проблемы и откроем WEBP на компьютере, преобразуем в другой формат.

Формат WEBP, что это такое? Плюсы и минусы этих картинок

Здравствуйте, друзья! Формат WEBP – это формат изображений для веб-картинок. Он был разработан компанией Google в 2010 году. В данный момент он широко распространен в Интернете и постоянно обновляется разработчиками.

С помощью формата WEBP, можно сжимать изображения с потерями качества или без потерь. Вместе с тем, он увеличивает скорость загрузки изображений на сайтах.

Какие плюсы и минусы у формата? Преимущества WEBP следующие:

  • картинку в формате WEBP можно просматривать в популярных браузерах;
  • формат увеличивает скорость загрузки картинок;
  • есть возможность уменьшать объем картинки в формате WEBP.

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

Далее, рассмотрим, как открывать формат WEBP на компьютере, какие программы и браузеры использовать.

к оглавлению ↑

Чем открыть формат WEBP, программы и браузеры

Итак, чем открыть формат WEBP? На самом деле здесь нет сложностей. Есть специальные программы для открытия формата:

  1. Adobe Photoshop с плагином WebP File Format.
  2. WebP Codec.
  3. WebP File Format – этот плагин работает с форматом WEBP.
  4. XnView.
  5. Google Фото.

Браузеры поддерживающие формат WEBP:

  • Opera;
  • Mozilla Firefox;
  • Google Chrome;
  • Microsoft Edge;
  • открывается в последней версии Яндекс браузера.

Рассмотрим на примере, как открыть WEBP через браузер. Для этого нажмите по картинке правой кнопкой мыши, выберите меню «Открыть с помощью» (Скрин 1).

Далее, кликните на браузер Google. После этого картинка должна открыться в этом браузере (Скрин 2).

В Яндексе и в других браузерах, картинка WEBP открывается по аналогии.

Лучшее приложение для открытия таких картинок – это Гугл Фото. Перейдите на сервис и войдите в Гугл аккаунт. Далее, загрузите туда изображение, с помощью кнопки «Загрузить». Нажмите по загруженной картинке, чтобы ее открыть в полноэкранном режиме.

к оглавлению ↑

Как изменить формат файла с WEBP на Jpg

Вы сможете поменять формат файла с WEBP на Jpg несколькими способами:

  • воспользуйтесь специальными сервисами, которые преобразовывают файлы;
  • используйте конвертеры;
  • утилиты для преобразования файлов;
  • приложения на телефоне.

Выше мы рассматривали, как открывать картинку в формате WEBP, в Гугл фото. Там же, вы можете ее сохранить на компьютер уже с другим форматом. Нажмите по картинке правой кнопкой мыши и выберите «Сохранить изображение как». При сохранении будет установлен Jpg. Кликните кнопку «Сохранить» и картинка загрузиться на компьютер в другом формате.

к оглавлению ↑

Конвертеры онлайн WEBP в Jpg

В Интернете есть конвертеры, которые конвертируют разные форматы файлов и сохраняют их на компьютер. Список конвертеров:

  • image.online-convert.com/ru/convert/webp-to-jpg;
  • www.iloveimg.com/ru/convert-to-jpg/webp-to-jpg;
  • webptojpg.com/ru/.

Конвертеры работают бесплатно, не требуют регистрации от пользователей. Разберем конвертацию файлов на последнем конвертере из списка.

Нажимаем на кнопку «Загрузить» или переносим картинку с компьютера левой кнопкой мыши на конвертер (Скрин 3).

Далее, жмите кнопку «Конвертировать» (Скрин 4).

После этого, нажимаете «Скачать», чтобы картинка загрузилась на компьютер в формате Jpg.

к оглавлению ↑

Утилиты (программы) для преобразования

Перечислим несколько утилит, которые преобразовывают файлы разных форматов:

  1. Total Image Converter. Это конвертер для изображений. Он поддерживает все графические форматы.
  2. Konvertor 5. С помощью этой программы можно просматривать файлы и их конвертировать.
  3. WebPconv 6.0. Программа конвертирует файлы картинок с формата WEBP в Jpg.
  4. XnConvert. Программа на русском языке и бесплатная в использовании. Благодаря ей, можно конвертировать графические файлы разных форматов.

Остальные программы можно найти в Интернете.

к оглавлению ↑

Чем открыть формат WEBP на Андроид

Если скачиваете на Андроид картинки в формате WEBP, соответственно их можно открыть с помощью приложений. Есть доступные приложения. Они устанавливаются с Плей Маркет на телефон:

  • File Viewer for Android;
  • Image Viewer;
  • И другие.

Все приложения по открытию картинок можете посмотреть здесь – «https://goo-gl.ru/6mmj».

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

к оглавлению ↑

Заключение

В статье было показано, чем открыть формат WEBP. Для открытия картинок, мы использовали сервисы, браузеры, программы и приложения. Перевели данный формат в другой и сохранили на компьютер. Использовав эту инструкцию, вы сможете открывать  формат Webp и добавлять картинки на свои сайты.

Спасибо за внимание!

С уважением, Иван Кунпан.

Просмотров: 2869

Растровый формат JPG (JPEG) | SEO-портал

Автор: Нотан Ройамов

Создано:

Обновлено:

JPEG (сокр. от названия разработчика Joint Photographic Experts Group) — популярный в интернете растровый графический формат файлов, применяющий технологию сжатия с потерями данных.

Создание JPEG-изображений

Создать и сохранить изображение (фотографию, скриншот, рисунок) в формате JPG можно с помощью любого графического редактора (в том числе Paint и Photoshop).

Как сохранить изображение в формате JPG в Paint?

Процесс сохранения в формат JPEG с помощью редактора Paint в Windows 10:

  1. Откройте файл изображения в Paint.

    Программа поддерживает изображения в форматах BMP, TIFF, PNG, GIF, JPEG.

  2. Кликните по вкладке Файл.

    Откроется контекстное меню.

  3. Выберите Сохранить как → Изображение в формате JPEG.

    Откроется модальное окно выбора папки и названия для файла.

  4. Определите папку, введите название файла и нажмите Сохранить.

Редактор Paint не позволяет регулировать степень сжатия формата от названия разработчика <strong>Joint Photographic Experts Group</strong>) — популярный в интернете растровый графический формат файлов, применяющий технологию сжатия с потерями данных.<div class="seog-tooltip-more-link"><a href="/baza/kartinki/formaty-kartinok/jpg">Подробнее</a></div> ">JPEG, сжимая изображения в предустановленном режиме.

Как сохранить изображение в формате JPEG в Photoshop?

Процесс сохранения в формате JPG с помощью редактора Adobe Photoshop CC 2015:

  1. Откройте файл изображения в Photoshop.

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

  2. Кликните по вкладке Файл.

    Откроется контекстное меню.

  3. Выберите Сохранить для Web (по умолчанию Alt + Ctrl + Shift + S).

    Откроется модальное окно сохранения.

  4. В правом верхнем углу диалогового окна из выпадающего списка выберите JPEG.

    Откроются дополнительные настройки формата JPEG.

  5. Определите степень сжатия с помощью настройки Качество.

    Используйте ползунок или введите цифру от 0 (худшее качество/максимальное сжатие) до 100 (лучшее качество/минимальное сжатие). Искажение изображения в зависимости от степени сжатия можно контролировать в левой части окна.

  6. Кликните Сохранить....

    Откроется модальное окно выбора папки и названия для файла.

  7. Определите папку, введите название файла и нажмите Сохранить

Сжатие файлов в формате JPG

Гибкая оптимизация размера графического файла с помощью компрессии (сжатия) — главное преимущество формата JPG, которое одновременно является его недостатком, т. к. при сжатии происходит снижение качества изображения из-за потери данных.

Степень сжатия (или качества изображения), как правило, регулируется при сохранении. Например, в программе Adobe Photoshop в режиме «Сохранить для Web» степень сжатия регулируется в числовом диапазоне от 0 до 100, при этом разницу в качестве изображения можно наблюдать непосредственно в окне режима сохранения:

Потеря качества изображения в формате JPEG в зависимости от степени сжатия при увеличении 200%

В процессе JPEG-компрессии пиксельная сетка изображения делится на блоки 8×8 px, каждый пиксель в блоке принимает определённые значения цвета в зависимости от установленной степени сжатия. Именно поэтому при неопределённой степени сжатия искажения изображения могут быть слишком явными.

Преимущества JPEG

  • Неограниченная цветовая палитра.
  • Гибкая оптимизация размера файла.
  • Возможность сжатия без потерь.
  • Отлично подходит для большинства фотографий.

Недостатки JPEG

  • Не поддерживает канал прозрачности (альфа-канал)

    При необходимости прозрачного фона или эффектов полупрозрачности используйте формат PNG.

  • Безвозвратная потеря данных при сжатии

    Если потеря данных недопустима — используйте формат PNG.

  • Необходимость контроля степени сжатия для сохранения детализации

    Если требуется максимальная детализация без контроля степени сжатия — используйте формат PNG.

  • Не поддерживает анимацию

    Для создания анимированных изображений с 8-битной глубиной цвета применяется формат GIF.

Расширения JPG-файлов

Для файлов в данном графическом формате могут применяться следующие расширения (окончания): JPG, JPEG, JFIF, JPE.

Расширения формата JPEG

Рекомендации по применению

При использовании и оптимизации изображений в формате JPEG для вашего сайта руководствуйтесь следующими рекомендациями:

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

Часто задаваемые вопросы

Как открыть файл в формате JPEG (JPG)?

Открыть файлы в формате JPEG можно с помощью любых программ для просмотра изображений (в том числе стандартные приложения Windows), всех интернет-обозревателей (браузеров), а также векторных (Illustrator, Corel Draw) и растровых (Paint, Photoshop, GIMP) графических редакторов.

Какой программой можно открыть файл JPG?

Список наиболее популярных графических редакторов, позволяющих открывать и редактировать картинки в формате JPG (и во многих других графических форматах):

  • Microsoft Paint,
  • GIMP,
  • Adobe Photoshop,
  • Adobe Illustrator,
  • CorelDRAW,
  • Corel Photo Paint,
  • и др.
Как открыть файл JPG в «фотошопе»?

Чтобы открыть любое изображение в формате JPG (а также в любом другом графическом формате) в Photoshop откройте программу и воспользуйтесь функцией Файл → Открыть. .. (клавиши Ctrl + O). Таким же способом это можно сделать в любом другом графическом редакторе.

Как создать и сохранить изображение в формате JPG?

Смотрите Создание изображений в формате JPEG.

Как изменить формат фотографии на JPEG?

Поменять формат фото (или другого изображения) на JPG можно с помощью функции экспорта в графических редакторах или через онлайн-конвертеры.

Например, программа Microsoft Paint позволяет сохранять в формат JPG с помощью функции экспорта «Сохранить как» следующие форматы: BMP, TIFF, PNG, GIF.

Как сохранить скриншот в формате JPG?

Сохранить скриншот в формате JPEG можно с помощью любого графического редактора.

Сохранение скриншота в формате JPG в Paint

Рассмотрим процесс на примере простейшего редактора Paint:

  1. Откройте редактор Paint.

    Меню Пуск → Стандартные — Windows → Paint или иным способом.

  2. Создайте новое изображение в редакторе.

    Меню Файл → Создать.

  3. Сделайте скриншот.

    С помощью клавиши PrtSc или иным способом.

  4. Вставьте скриншот в созданное изображение из буфера обмена.

    С помощью клавиш Ctrl + V.

  5. Сохраните изображение в формате JPEG.

Как сжать изображение в формате JPEG?

Степень сжатия устанавливается в графических редакторах перед сохранением файла. Лучше всего для этого подходит функция «Сохранить для Web» в программе Adobe Photoshop, т. к. она позволяет визуально контролировать потери качества изображения в зависимости от степени сжатия (см. ответ на вопрос «Как сохранить изображение в файл в формате JPEG?»).

Если вы желаете сжать изображение в формате JPEG без контроля качества с вашей стороны (доверившись предустановленному алгоритму компрессора), то можете экспортировать изображения в JPG чере Paint или через онлайн-компрессор tinyjpg. com.

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

Чем отличаются форматы JPEG и JPG?

Файлы с расширениями JPG, JPEG, а также JFIF и JPE относятся к формату JPEG. Они ни чем не отличаются, кроме расширения (суффикса), которое в случае необходимости можно легко заменить (например, через Total Commander).

JPG и JPEG — один и тот же формат графических файлов для растровых изображений.

Как устроен формат JPEG / Хабр

Изображения формата JPEG встречаются повсюду в нашей цифровой жизни, но за этим покровом осведомлённости скрываются алгоритмы, устраняющие детали, не воспринимаемые человеческим глазом. В итоге получается высочайшее визуальное качество при наименьшем размере файла – но как конкретно всё это работает? Давайте посмотрим, чего именно не видят наши глаза!

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

Для решения этой проблемы в 1986 году был собран комитет экспертов со всего мира под названием "Объединённая группа экспертов по фотографии" (Joint Photographic Experts Group, JPEG), основанный в рамках совместной работы Международной организации по стандартизации (ISO) и Международной электротехнической комиссии (IEC) – двух международных организаций по стандартизации, штаб-квартира которых расположена в Женеве (Швейцария).

Группа людей под названием JPEG создала стандарт сжатия цифровых изображений JPEG в 1992 году. Любой человек, использовавший интернет, вероятно, встречался с изображениями в кодировке JPEG. Это самый распространённый способ кодирования, отправки и хранения изображений. От веб-страниц до емейла и соцсетей, JPEG используется миллиарды раз в день – практически каждый раз, когда мы смотрим изображение онлайн или отправляем его. Без JPEG веб был бы менее ярким, более медленным, и, вероятно, в нём было бы меньше фоток котиков!

Эта статья – о том, как декодировать JPEG изображение. Иначе говоря, о том, что требуется для преобразования сжатых данных, хранящихся на компьютере, в изображение, появляющееся на экране. Об этом стоит знать не только потому, что это важно для понимания технологии, которую мы используем ежедневно, но и потому, что раскрывая уровни сжатия, мы лучше узнаём восприятие и зрение, а также то, к каким деталям наши глаза восприимчивей всего.

Кроме того, играться с изображениями таким способом очень интересно.

Заглядывая внутрь JPEG

На компьютере всё хранится в виде последовательности двоичных чисел. Обычно эти биты, нули и единицы, группируются по восемь, составляя байты. Когда вы открываете JPEG изображение на компьютере, что-то (браузер, операционка, ещё что-то) должно декодировать байты, восстановив изначальное изображение в виде списка цветов, которые можно показать.

Если вы скачаете эту умильную фотографию кота и откроете её в текстовом редакторе, вы увидите кучу бессвязных символов.


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

Открывая изображение в текстовом редакторе, вы сбиваете компьютер с толку, точно так же, как вы сбиваете с толку свой мозг, когда потрёте глаза и начинаете видеть цветные пятна!

Эти пятна, которые вы видите, известны, как фосфены, и не являются результатом воздействия светового стимула или галлюцинациями, порождёнными разумом. Они возникают, потому что ваш мозг считает, что любые электрические сигналы в глазных нервах передают информацию о свете. Мозгу необходимо делать такие предположения, поскольку никак нельзя узнать, является ли сигнал звуком, видением или чем-то ещё. Все нервы в теле передают абсолютно одинаковые электрические импульсы. Давя на глаза, вы отправляете сигналы, не являющиеся зрительными, но активирующие рецепторы глаза, что ваш мозг интерпретирует – в данном случае, неверно – как нечто зрительное. Вы буквально способны видеть давление!

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

Чтобы понять, как декодировать JPEG, нам нужно увидеть сами изначальные сигналы – двоичные данные. Это можно сделать при помощи шестнадцатеричного редактора, или же прямо на веб-странице оригинала статьи! Там есть изображение, рядом с которым в текстовом поле приведены все его байты (кроме заголовка), представленные в десятичном виде. Вы можете менять их, и скрипт перекодирует и выдаст новое изображение на лету.

Можно узнать многое, просто играясь с этим редактором. К примеру, можете ли вы сказать, в каком порядке хранятся пиксели?

В этом примере странно то, что изменение некоторых чисел вообще не влияет на изображение, а, например, если заменить число 17 на 0 в первой строке, то фотка полностью испортится!

Другие изменения, например, замена 7 на строке 1988 на число 254 изменяет цвет, но только последующих пикселей.

Возможно, наиболее странным будет то, что некоторые числа меняют не только цвет, но и форму изображения. Измените 70 в строке 12 на 2 и посмотрите на верхний ряд изображения, чтобы увидеть, что я имею в виду.

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

Играясь с редактором, тяжело понять, как воссоздаётся фотка из этих байтов, поскольку JPEG сжатие состоит из трёх различных технологий, применяющихся последовательно по уровням. Мы изучим каждую из них отдельно, чтобы раскрыть наблюдаемое нами загадочное поведение.

Три уровня JPEG сжатия:

  1. Цветовая субдискретизация.
  2. Дискретное косинусное преобразование и дискретизация.
  3. Кодирование длин серий, дельта и Хаффмана

Дабы вы могли представить себе масштабы сжатия, обратите внимание, что изображение, приведённое выше, представляет 79 819 чисел, то есть, около 79 Кб. Если бы мы хранили его без сжатия, для каждого пикселя потребовалось бы по три числа – для красной, зелёной и синей составляющей. Это составило бы 917 700 чисел, или ок. 917 Кб. В результате JPEG сжатия итоговый файл уменьшился больше чем в 10 раз!

На самом деле, это изображение можно сжать гораздо сильнее. Снизу приведены два изображения рядом – фотка справа была ужата до 16 Кб, то есть в 57 раз меньше, чем несжатая версия!

Если присмотреться, будет видно, что эти изображения не идентичны. Оба они – картинки с JPEG сжатием, однако правая гораздо меньше по объёму. Также она выглядит чуть похуже (посмотрите на квадраты цветов фона). Поэтому JPEG ещё называют сжатием с потерями; в процессе сжатия изображение меняется и теряет некоторые детали.

1. Цветовая субдискретизация

Вот изображение с применением только первого уровня сжатия.


(Интерактивная версия – в оригинале статьи). Удаление одного числа рушит все цвета. Однако если удалить ровно шесть чисел, это практически не влияет на изображение.

Теперь числа чуть проще расшифровать. Это почти что простой список цветов, у которого каждый байт изменяет ровно один пиксель, но при этом он уже в два раза меньше несжатого изображения (которое занимало бы ок. 300 Кб в таком уменьшенном размере). Догадаетесь, почему?

Можно видеть, что эти числа не обозначают стандартные красную, зелёную и синюю компоненты, поскольку если заменить все числа нулями, мы получим зелёное изображение (а не белое).

Это потому, что эти байты обозначают Y (яркость),

Cb (относительная голубизна),

и Cr (относительная краснота) картинки.

Почему не использовать RGB? Ведь именно так работает большинство современных экранов. Ваш монитор может демонстрировать любой цвет, включая красный, зелёный и синий цвета с разной интенсивностью для каждого пикселя. Белый получается включением всех трёх на полную яркость, а чёрный – их отключением.

Это также очень похоже на работу человеческого глаза. Цветовые рецепторы наших глаз называются "колбочки", и делятся на три типа, каждый из которых более чувствителен либо к красному, либо к зелёному, либо к синему цветам [колбочки S-типа чувствительны в фиолетово-синей (S от англ. Short — коротковолновый спектр), M-типа — в зелено-желтой (M от англ. Medium — средневолновый), и L-типа — в желто-красной (L от англ. Long — длинноволновый) частях спектра. Наличие этих трёх видов колбочек (и палочек, чувствительных в изумрудно-зелёной части спектра) даёт человеку цветное зрение. / прим. перев.]. Палочки, другой тип фоторецепторов в наших глазах, способны улавливать только изменения в яркости, однако они гораздо более чувствительные. В наших глазах есть около 120 млн палочек и всего 6 млн колбочек.

Поэтому наши глаза гораздо лучше замечают изменения в яркости, чем изменения в цвете. Если отделить цвет от яркости, можно убрать немного цвета, и никто ничего не заметит. Цветовая субдискретизация – это процесс представления цветовых компонентов изображения в меньшем разрешении по сравнению с компонентами яркости. В примере выше у каждого пикселя ровно один компонент Y, а у каждой отдельной группы из четырёх пикселей есть ровно одна компонента Cb и одна Cr. Поэтому изображение содержит в четыре раза меньше цветовой информации, чем было у оригинала.

Цветовое пространство YCbCr используется не только в JPEG. Его изначально придумали в 1938 году для телепередач. Не у всех есть цветной телевизор, поэтому разделение цвета и яркости позволило всем получать один и тот же сигнал, а телевизоры без цвета просто использовали только компонент яркости.

Поэтому удаление одного числа из редактора полностью рушит все цвета. Компоненты хранятся в виде Y Y Y Y Cb Cr (на самом деле, не обязательно в таком порядке – порядок хранения задаётся в заголовке файла). Удаление первого числа приведёт к тому, что первое значение Cb будет воспринято, как Y, Cr как Cb, и в целом получится эффект домино, переключающий все цвета картинки.

Спецификация JPEG не обязывает вас использовать YCbCr. Но в большинстве файлов она используются, поскольку она даёт изображения лучшего качества после субдискретизации по сравнению с RGB. Но вам не обязательно верить мне на слово. Посмотрите сами в табличке ниже, как будет выглядеть субдискретизация каждого отдельного компонента как в RGB, так и в YCbCr.


(Интерактивная версия – в оригинале статьи).

Удаление синего не так заметно, как красного или зелёного. Всё потому, что из шести миллионов колбочек в ваших глазах около 64% чувствительны к красному, 32% к зелёному и 2% к синему.

Субдискретизация компонента Y (слева внизу) видна лучше всего. Заметно даже небольшое изменение.

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

2. Дискретное косинусное преобразование и дискретизация

Этот уровень сжатия по большей части и определяет суть JPEG. После преобразования цветов в YCbCr компоненты сжимаются по отдельности, поэтому далее мы можем сконцентрироваться только на компоненте Y. И вот как выглядят байты компонента Y после применения этого уровня.


(Интерактивная версия – в оригинале статьи). В интерактивной версии клик на пикселе прокручивает редактор на строчку, которая его обозначает. Попробуйте поудалять числа с конца или добавить несколько нулей к определённому числу.

На первый взгляд, выглядит, как очень плохое сжатие. В изображении 100 000 пикселей, и для обозначения их яркости (Y-компоненты) требуется 102 400 чисел — это хуже, чем если вообще ничего не сжимать!

Однако обратите внимание на то, что большинство этих чисел равны нулю. Более того, все эти нули в конце строк можно удалять, не меняя изображение. Остаётся порядка 26 000 чисел, а это уже почти в 4 раза меньше!

На этом уровне находится секрет шахматных узоров. В отличие от других эффектов, которые мы видели, появление этих узоров не является глюком. Они – строительные блоки всего изображения. В каждой строчке редактора содержится ровно 64 числа, коэффициенты дискретного косинусного преобразования (DCT), соответствующие интенсивностям 64-х уникальных узоров.

Эти узоры формируются на основе графика косинуса. Вот, как выглядят некоторые из них:


8 из 64 коэффициентов

Ниже – изображение, демонстрирующее все 64 узора.


(Интерактивная версия – в оригинале статьи).

Эти узоры имеют особое значение, поскольку они формируют базис изображений размера 8х8. Если вы незнакомы с линейной алгеброй, то это означает, что любое изображение размера 8х8 можно получить из этих 64-х узоров. DCT – это процесс разбиения изображений на блоки 8х8 и преобразования каждого блока в комбинацию из этих 64 коэффициентов.

То, что любое изображение можно составить из 64 определённых узоров, кажется волшебством. Однако это то же самое, что сказать, что любое место на Земле можно описать двумя числами – широтой и долготой [с указанием полушарий / прим. перев.]. Мы часто считаем поверхность Земли двумерной, поэтому нам требуются всего два числа. Изображение 8х8 имеет 64 измерения, поэтому нам требуются 64 числа.

Пока непонятно, как это помогает нам в смысле сжатия. Если нам нужно 64 числа для представления изображения 8х8, почему этот способ будет лучше, чем просто хранить 64 компоненты яркости? Мы делаем это по той же причине, по которой мы превратили три числа RGB в три числа YCbCr: это позволяет нам удалить незаметные детали.

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

С конца можно удалить более 60 000 чисел практически без заметных изменений на фотке.

Однако отметьте, что если мы обнулим первые пять чисел, разница будет очевидной.

Числа в начале обозначают изменения низкой частоты в изображении, и наши глаза улавливают их лучше всего. Числа ближе к концу обозначают изменения высоких частот, которые сложнее заметить. Чтобы «увидеть то, что не видно глазом», мы можем изолировать эти детали высокой частоты, обнулив первые 5000 чисел.

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

20 000:

40 000:

60 000:

Эти высокочастотные детали JPEG и удаляет на этапе сжатия. Преобразование цветов в коэффициенты DCT не несёт потерь. Потери образуются на шаге дискретизации, где удаляются величины высокой частоты или близкие к нулю. Когда вы понижаете качество сохранения JPEG, программа увеличивает порог количества удаляемых значений, что даёт уменьшение размера файла, но делает картинку более пикселизированной. Поэтому изображение в первом разделе, которое было в 57 раз меньше, так выглядело. Каждый блок 8х8 представлялся гораздо меньшим количеством коэффициентов DCT по сравнению с более качественной версией.

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

Вот, просто для интереса, что получится при использовании всего 24 000 чисел:

Или всего 5000:

Очень размыто, но как будто узнаваемо!

3. Кодирование длин серий, дельта и Хаффмана

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

Как можно сжать что-либо, не отбрасывая информацию? Представьте, как бы мы описали простой чёрный прямоугольник 700 х 437.

JPEG использует для этого 5000 чисел, но можно достичь гораздо лучшего результата. Можете представить себе схему кодирования, которая бы описывала подобное изображение как можно меньшим количеством байт?

Минимальная схема, которую смог придумать я, использует четыре: три для обозначения цвета, и четвёртый – сколько пикселей имеет такой цвет. Идея представления повторяющихся значений таким сжатым способом называется кодирование длин серий. Она не имеет потерь, поскольку мы можем восстановить закодированные данные в первозданном виде.

Размер файла JPEG с чёрным прямоугольником гораздо больше 4 байт – вспомните, что на уровне DCT сжатие применяется к блокам 8х8 пикселей. Поэтому как минимум нам нужен один коэффициент DCT на каждые 64 пикселя. Один нам нужен потому, что вместо того, чтобы хранить один DCT-коэффициент, за которым идёт 63 нуля, кодирование длин серий позволяет нам хранить одно число и обозначить, что «все остальные – нули».

Дельта-кодирование – это техника, при которой каждый байт содержит отличие от какого-то значения, а не абсолютную величину. Поэтому редактирование определённых байтов изменяет цвет всех остальных пикселей. К примеру, вместо того, чтобы хранить

12 13 14 14 14 13 13 14

Мы могли бы начать с 12, а потом просто обозначать, сколько надо прибавить или отнять, чтобы получить следующее число. И эта последовательность в дельта-кодировании приобретает вид:

12 1 1 0 0 -1 0 1

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

Дельта-кодирование – одна из немногих техник, применяемых вне блоков 8х8. Из 64 коэффициентов DCT один – просто постоянная волновая функция (сплошной цвет). Он представляет среднюю яркость каждого блока для компонент яркости, или среднюю голубизну для компонентов Cb, и так далее. Первое значение каждого DCT-блока называется DC-значением, и каждое DC-значение проходит дельта-кодирование по отношению к предыдущим. Поэтому изменение яркости первого блока повлияет на все блоки.

Остаётся последняя загадка: как изменение единственного числа полностью портит всю картинку? Пока таких свойств у уровней сжатия не было. Ответ лежит в заголовке JPEG. Первые 500 байт содержат метаданные об изображении – ширину, высоту, и проч., и пока мы с ними не работали.

Без заголовка практически невозможно (ну, или очень сложно) декодировать JPEG. Это будет выглядеть так, будто я пытаюсь описать вам картину, и начинаю изобретать слова для того, чтобы передать своё впечатление. Описание будет, вероятно, весьма сжатым, поскольку я могу изобретать слова именно с тем значением, которое я хочу передать, однако для всех остальных они не будут иметь смысла.

Звучит глупо, но именно так это и происходит. Каждое изображение JPEG сжимается с кодами, специфичными именно для него. Словарь кодов хранится в заголовке. Эта техника называется «код Хаффмана», а словарь – таблицей Хаффмана. В заголовке таблица отмечена двумя байтами – 255 и потом 196. У каждого цветового компонента может быть своя таблица.

Изменения таблиц радикально повлияют на любое изображение. Хороший пример – поменять на 15-й строке 1 на 12.

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

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

234 115

То, в зависимости от таблицы Хаффмана, это могут быть три числа. Чтобы их извлечь, вам надо сначала разбить их на отдельные биты:

11101010 01110011

Затем обращаемся к таблице, чтобы понять, как их группировать. К примеру, это могут быть первые шесть битов, (111010), или 58 в десятичной системе, за которыми идут пять битов (10011), или 19, и наконец последние четыре бита (0011), или 3.

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

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

Что ещё можно сделать – совсем немного изменить таблицу Хаффмана. Для других это будет выглядеть, как испорченная картинка. И только вы будете знать волшебный вариант её исправления.

Подведём итоги: так что же нужно для декодирования JPEG? Необходимо:

  1. Извлечь таблицу (таблицы) Хаффмана из заголовка и декодировать биты.
  2. Извлечь коэффициенты дискретного косинусного преобразования для каждого компонента цвета и яркости для каждого блока 8х8, проведя обратные преобразования кодирования длин серий и дельты.
  3. Скомбинировать косинусы на основе коэффициентов, чтобы получить значения пикселей для каждого блока 8х8.
  4. Масштабировать компоненты цветов, если проводилась субдискретизация (эта информация есть в заголовке).
  5. Преобразовать полученные значения YCbCr для каждого пикселя в RGB.
  6. Вывести изображение на экран!

Серьёзная работа для простого просмотра фотки с котиком! Однако, что мне в этом нравится – видно, насколько технология JPEG человекоцентрична. Она основана на особенностях нашего восприятия, позволяющих достичь гораздо лучшего сжатия, чем обычные технологии. И теперь, понимая, как работает JPEG, можно представить, как эти технологии можно перенести в другие области. К примеру, дельта-кодирование в видео может дать серьёзное уменьшение размера файла, поскольку там часто есть целые области, не меняющиеся от кадра к кадру (к примеру, фон).

Код, использованный в статье, открыт, и содержит инструкции по замене картинок на свои собственные.

Файл формата jpg: чем открыть, описание, особенности

JPG – часто используемый графический формат сжатого изображения, разработанный компанией Joint Photo...

JPG – часто используемый графический формат сжатого изображения, разработанный компанией Joint Photographic Experts Group (JPEG). Файлы имеют высокий уровень сжатия и поддерживают глубину цвета в 24 бит. Благодаря этим характеристикам файлы с расширениями JPG/JPEG применяются в цифровых фотоаппаратах, смартфонах, видеокамерах. Несмотря на распространенность формата, у некоторых пользователей возникает вопрос – чем открыть JPG? Рассмотрим различные варианты и возможные сложности.

Область применения и свойства формата jpg

Формат JPG чаще применяется для хранения, обработки и передачи картинок с цветовыми и контрастными переходами. Подходит для размещения в интернете. В смартфонах, цифровых фотоаппаратах и видеокамерах изображения хранятся в этом формате, это обусловлено минимальным заполнением объема памяти и качеством на выходе.

Положительные и отрицательные характеристики файла формата jpg

К плюсам формата относятся:

  1. Широкий диапазон уровня сжатия (качество и размер файла зависят от степени сжатия).
  2. Минимальный размер файла.
  3. Согласованность с браузерами и текстовыми редакторами.
  4. Отображение на современных устройствах.
  5. При невысоком уровне сжатия не страдает качество картинки.

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

    Минусы:

    1. При достаточном уровне сжатия может "развалиться" на блоки пикселей.
    2. Не поддерживает прозрачность.
    3. Не рекомендуется редактировать файл после восстановления. Каждая новая манипуляция снижает качество изображения.

      Чем и как открывать файлы jpg

      Изображения JPG используются повсеместно, поэтому программа для просмотра JPG входит в набор для стандартных опций Windows. В случае, если программа для просмотра фотографий JPG не встроена в операционную систему, файл можно открыть в Microsoft Paint, который есть в списке стандартных программ для Windows.

      Открываем на компьютере

      У рядового пользователя обычно не возникает проблем с вопросом, как открыть файл JPG на компьютере. Большое распространение получили программы для jpg/jpeg файлов. Вот некоторые из них:

      1. STDU Viewer.
      2. Faststone Image Viewer.
      3. XnView.
      4. Picasa.

        Скачать программу для просмотра jpg можно в сети интернет, если она есть в свободном доступе, либо купить лицензионную версию у разработчика. Каждая из них имеет особенности работы с jpg/jpeg файлами.

        Открыть формат через  Windows 10

        Программа для просмотра JPG для Windows 10 отсутствует в базовом ПО. Однако в случае смены ОС с Windows 7 или 8.1, средство просмотра фотографий может присутствовать на ПК. Существует способ удостовериться, что программы для открытия jpg файлов установлены. Для этого кликните на изображение правой кнопкой мыши и найдите пункт «Открыть с помощью». Далее просмотрите список предложенных средств для просмотра.

        Воспользуйтесь программой для открытия JPG WinAero Tweaker. После запуска утилиты, перейдите в раздел «Windows Accessories» и выберите пункт «Activate Windows Photo Viewer».

        Просмотреть с помощью  Windows 7

        В Windows 7 сразу установлено ПО, которое открывает разноформатные файлы, в том числе и JPG. Если же установлено больше 2-х программ для просмотра и открытия файлов JPG, при двойном щелчке мышки на изображении, откроется программа, установленная по умолчанию. Чтобы открыть формат JPG другой программой из меню «Проводника», выбрать и нажать на кнопку «Открыть с помощью...».

        Онлайн-просмотр

        Открыть файл JPG онлайн и просмотреть фото можно популярными программами:

        1. Apple Фото.
        2. Microsoft OneDrive.
        3. Google Диск.

          Как открыть поврежденный файл jpg?

          Как определить, что файл JPG поврежден? При попытке запуска появляется ошибка (диалоговое окно с сообщением «файл поврежден») или же не открывается вовсе. Тогда используют программы RS File Repair, PixRecovery, JPEGfix для восстановления файлов. Большинство таких программ можно бесплатно скачать в интернете.

          JPEG - это... Что такое JPEG?

          JPEG (произносится «джейпег»[1], англ. Joint Photographic Experts Group, по названию организации-разработчика) — один из популярных графических форматов, применяемый для хранения фотоизображений и подобных им изображений. Файлы, содержащие данные JPEG, обычно имеют расширения (суффиксы) .jpeg, .jfif, .jpg, .JPG, или .JPE. Однако из них .jpg является самым популярным на всех платформах. MIME-типом является image/jpeg.

          Фотография заката в формате JPEG с уменьшением степени сжатия слева направо

          Алгоритм JPEG позволяет сжимать изображение как с потерями, так и без потерь (режим сжатия lossless JPEG). Поддерживаются изображения с линейным размером не более 65535 × 65535 пикселей.

          Область применения

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

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

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

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

          Сжатие

          При сжатии изображение преобразуется из цветового пространства RGB в YCbCr (YUV). Следует отметить, что стандарт JPEG (ISO/IEC 10918-1) никак не регламентирует выбор именно YCbCr, допуская и другие виды преобразования (например, с числом компонентов[2], отличным от трёх), и сжатие без преобразования (непосредственно в RGB), однако спецификация JFIF (JPEG File Interchange Format, предложенная в 1991 году специалистами компании C-Cube Microsystems, и ставшая в настоящее время стандартом де-факто) предполагает использование преобразования RGB->YCbCr.

          После преобразования RGB->YCbCr для каналов изображения Cb и Cr, отвечающих за цвет, может выполняться «прореживание» (subsampling[3]), которое заключается в том, что каждому блоку из 4 пикселов (2х2) яркостного канала Y ставятся в соответствие усреднённые значения Cb и Cr (схема прореживания «4:2:0»[4]). При этом для каждого блока 2х2 вместо 12 значений (4 Y, 4 Cb и 4 Cr) используется всего 6 (4 Y и по одному усреднённому Cb и Cr). Если к качеству восстановленного после сжатия изображения предъявляются повышенные требования, прореживание может выполняться лишь в каком-то одном направлении — по вертикали (схема «4:4:0») или по горизонтали («4:2:2»), или не выполняться вовсе («4:4:4»).

          Стандарт допускает также прореживание с усреднением Cb и Cr не для блока 2х2, а для четырёх расположенных последовательно (по вертикали или по горизонтали) пикселов, то есть для блоков 1х4, 4х1 (схема «4:1:1»), а также 2х4 и 4х2 (схема «4:1:0»). Допускается также использование различных типов прореживания для Cb и Cr, но на практике такие схемы применяются исключительно редко.

          Далее яркостный компонент Y и отвечающие за цвет компоненты Cb и Cr разбиваются на блоки 8х8 пикселов. Каждый такой блок подвергается дискретному косинусному преобразованию (ДКП). Полученные коэффициенты ДКП квантуются (для Y, Cb и Cr в общем случае используются разные матрицы квантования) и пакуются с использованием кодирования серий и кодов Хаффмана. Стандарт JPEG допускает также использование значительно более эффективного арифметического кодирования, однако из-за патентных ограничений (патент на описанный в стандарте JPEG арифметический QM-кодер принадлежит IBM) на практике оно используется редко. В популярную библиотеку libjpeg последних версий включена поддержка арифметического кодирования, но с просмотром сжатых с использованием этого метода изображений могут возникнуть проблемы, поскольку многие программы просмотра не поддерживают их декодирование.

          Матрицы, используемые для квантования коэффициентов ДКП, хранятся в заголовочной части JPEG-файла. Обычно они строятся так, что высокочастотные коэффициенты подвергаются более сильному квантованию, чем низкочастотные. Это приводит к огрублению мелких деталей на изображении. Чем выше степень сжатия, тем более сильному квантованию подвергаются все коэффициенты.

          При сохранении изображения в JPEG-файле указывается параметр качества, задаваемый в некоторых условных единицах, например, от 1 до 100 или от 1 до 10. Большее число обычно соответствует лучшему качеству (и большему размеру сжатого файла). Однако даже при использовании наивысшего качества (соответствующего матрице квантования, состоящей из одних только единиц) восстановленное изображение не будет в точности совпадать с исходным, что связано как с конечной точностью выполнения ДКП, так и с необходимостью округления значений Y, Cb, Cr и коэффициентов ДКП до ближайшего целого. Режим сжатия Lossless JPEG, не использующий ДКП, обеспечивает точное совпадение восстановленного и исходного изображений, однако его малая эффективность (коэффициент сжатия редко превышает 2) и отсутствие поддержки со стороны разработчиков программного обеспечения не способствовали популярности Lossless JPEG.

          Разновидности схем сжатия JPEG

          Стандарт JPEG предусматривает два основных способа представления кодируемых данных.

          Наиболее распространённым, поддерживаемым большинством доступных кодеков, является последовательное (sequential JPEG) представление данных, предполагающее последовательный обход кодируемого изображения поблочно слева направо, сверху вниз. Над каждым кодируемым блоком изображения осуществляются описанные выше операции, а результаты кодирования помещаются в выходной поток в виде единственного «скана», то есть массива кодированных данных, соответствующего последовательно пройденному («просканированному») изображению. Основной или «базовый» (baseline) режим кодирования допускает только такое представление. Расширенный (extended) режим наряду с последовательным допускает также прогрессивное (progressive JPEG) представление данных.

          В случае progressive JPEG сжатые данные записываются в выходной поток в виде набора сканов, каждый из которых описывает изображение полностью с всё большей степенью детализации. Это достигается либо путём записи в каждый скан не полного набора коэффициентов ДКП, а лишь какой-то их части: сначала — низкочастотных, в следующих сканах — высокочастотных (метод «spectral selection» то есть спектральных выборок), либо путём последовательного, от скана к скану, уточнения коэффициентов ДКП (метод «successive approximation», то есть последовательных приближений). Такое прогрессивное представление данных оказывается особенно полезным при передаче сжатых изображений с использованием низкоскоростных каналов связи, поскольку позволяет получить представление обо всём изображении уже после передачи незначительной части JPEG-файла.

          Обе описанные схемы (и sequential, и progressive JPEG) базируются на ДКП и принципиально не позволяют получить восстановленное изображение абсолютно идентичным исходному. Однако стандарт допускает также сжатие, не использующее ДКП, а построенное на основе линейного предсказателя (lossless, то есть «без потерь», JPEG), гарантирующее полное, бит-в-бит, совпадение исходного и восстановленного изображений. При этом коэффициент сжатия для фотографических изображений редко достигает 2, но гарантированное отсутствие искажений в некоторых случаях оказывается востребованным. Заметно большие степени сжатия могут быть получены при использовании не имеющего, несмотря на сходство в названиях, непосредственного отношения к стандарту JPEG ISO/IEC 10918-1 (ITU T.81 Recommendation) метода сжатия JPEG-LS, описываемого стандартом ISO/IEC 14495-1 (ITU T.87 Recommendation).

          Синтаксис и структура

          Файл JPEG содержит последовательность маркеров, каждый из которых начинается с байта 0xFF, свидетельствующего о начале маркера, и байта-идентификатора. Некоторые маркеры состоят только из этой пары байтов, другие же содержат дополнительные данные, состоящие из двухбайтового поля с длиной информационной части маркера (включая длину этого поля, но за вычетом двух байтов начала маркера то есть 0xFF и идентификатора) и собственно данных. Такая структура файла позволяет быстро отыскать маркер с необходимыми данными (например, с длиной строки, числом строк и числом цветовых компонентов сжатого изображения).

          Основные маркеры JPEG[5]
          МаркерБайтыДлинаНазначениеКомментарии
          SOI0xFFD8нетНачало изображения
          SOF00xFFC0переменный размерНачало фрейма (базовый, ДКП)Показывает что изображение кодировалось в базовом режиме с использованием ДКП и кода Хаффмана. Маркер содержит число строк и длину строки изображения (двухбайтовые поля со смещением соответственно 5 и 7 относительно начала маркера), количество компонентов (байтовое поле со смещением 8 относительно начала маркера), число бит на компонент (байтовое поле со смещением 4 относительно начала маркера), а также соотношение компонентов (например, 4:2:0).
          SOF10xFFC1переменный размерНачало фрейма (расширенный, ДКП, код Хаффмана)Показывает что изображение кодировалось в расширенном (extended) режиме с использованием ДКП и кода Хаффмана. Маркер содержит число строк и длину строки изображения, количество компонентов, число бит на компонент, а также соотношение компонентов (например, 4:2:0).
          SOF20xFFC2переменный размерНачало фрейма (прогрессивный, ДКП, код Хаффмана)Показывает что изображение кодировалось в прогрессивном режиме с использованием ДКП и кода Хаффмана. Маркер содержит число строк и длину строки изображения, количество компонентов, число бит на компонент, а также соотношение компонентов (например, 4:2:0).
          DHT0xFFC4переменный размерСодержит таблицы ХаффманаЗадает одну или более таблиц Хаффмана.
          DQT0xFFDBпеременный размерСодержит таблицы квантованияЗадает одну или более таблиц квантования.
          DRI0xFFDD4 байтаУказывает интервал повторенийЗадает интервал между маркерами RST n в макроблоках.
          SOS0xFFDAпеременный размерНачало сканированияНачало первого или очередного скана изображения с направлением обхода слева направо сверху вниз. Если использовался базовый режим кодирования, используется один скан. При использовании прогрессивных режимов используется несколько сканов. Маркер SOS является разделяющим между информативной (заголовком) и закодированной (собственно сжатыми данными) частями изображения.
          RSTn0xFFDnнетПерезапускВставляется в каждом r макроблоке, где r — интервал перезапуска DRI маркера. Не используется при отсутствии DRI маркера. n, младшие 3 бита маркера кода, циклы от 0 до 7.
          APPn0xFFEnпеременный размерЗадаётся приложениемНапример, в EXIF JPEG-файла используется маркер APP1 для хранения метаданных, расположеных в структуре, основанной на TIFF.
          COM0xFFFEпеременный размерКомментарийСодержит текст комментария.
          EOI0xFFD9нетКонец закодированной части изображения.

          Достоинства и недостатки

          К недостаткам сжатия по стандарту JPEG следует отнести появление на восстановленных изображениях при высоких степенях сжатия характерных артефактов: изображение рассыпается на блоки размером 8x8 пикселов (этот эффект особенно заметен на областях изображения с плавными изменениями яркости), в областях с высокой пространственной частотой (например, на контрастных контурах и границах изображения) возникают артефакты в виде шумовых ореолов. Следует отметить, что стандарт JPEG (ISO/IEC 10918-1, Annex K, п. K.8) предусматривает использование специальных фильтров для подавления блоковых артефактов, но на практике подобные фильтры, несмотря на их высокую эффективность, практически не используются. Однако, несмотря на недостатки, JPEG получил очень широкое распространение из-за достаточно высокой (относительно существовавших во время его появления альтернатив) степени сжатия, поддержке сжатия полноцветных изображений и относительно невысокой вычислительной сложности.

          Производительность сжатия по стандарту JPEG

          Для ускорения процесса сжатия по стандарту JPEG традиционно используется распараллеливание вычислений, в частности — при вычислении ДКП. Исторически одна из первых попыток ускорить процесс сжатия с использованием такого подхода описана в опубликованной в 1993 г. статье Касперовича и Бабкина [6], в которой предлагалась оригинальная аппроксимация ДКП, делающая возможным эффективное распараллеливание вычислений с использованием 32-разрядных регистров общего назначения процессоров Intel 80386. Появившиеся позже более производительные вычислительные схемы использовали SIMD-расширения набора инструкций процессоров архитектуры x86. Значительно лучших результатов позволяют добиться схемы, использующие вычислительные возможности графических ускорителей (технологии NVIDIA CUDA и AMD FireStream) для организации параллельных вычислений не только ДКП, но и других этапов сжатия JPEG (преобразование цветовых пространств, run-level, статистическое кодирование и т.п.), причём для каждого блока 8х8 кодируемого или декодируемого изображения. В статье [7] была впервые[источник?] представлена реализация распараллеливания всех стадий алгоритма JPEG по технологии CUDA, что значительно ускорило производительность сжатия и декодирования по стандарту JPEG.

          Интересные факты

          В 2010 году ученые из проекта PLANETS поместили инструкции по чтению формата JPEG в специальную капсулу, которую поместили в специальный бункер в швейцарских Альпах. Сделано это было с целью сохранения для потомков информации о популярных в начале XXI века цифровых форматах.[8]

          См. также

          Примечания

          Ссылки

          JPG против PNG - какой формат изображения дает лучшее качество?

          Что касается форматов изображений, в мире цифровых изображений есть два «царя горы»: форматы PNG и JPG (или JPEG).

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

          Однако эти два формата не идентичны ни с точки зрения данных, сжатия и размера, ни с точки зрения качества.

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

          Независимо от того, являетесь ли вы опытным веб-дизайнером или дилетантом, который хочет отличить JPG от PNG из простого любопытства, наша статья объяснит все подробно.

          Что такое JPG?

          JPG - это расширение файла изображения, которое расшифровывается как Joint Photographic Experts Group - команда, которая разработала его еще в 1992 году.Это почти то же самое, что и изображение в формате JPEG.

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

          Изображения сжимаются с потерями с соотношением сторон от 10: 1 до 20: 1, но качество изображения сохраняется достаточно хорошо (хотя оно всегда в некоторой степени теряется). Вкратце, если вы сжимаете изображение размером 100 МБ до размера 10 МБ, потеря качества практически незначительна.

          Если вы уменьшите размер до 20 МБ, опытный глаз может заметить разницу.Алгоритм сжатия, известный как дискретное косинусное преобразование (DCT), проверяет, какие пиксели изображения похожи на другие вокруг них, и объединяет их в объекты, известные как плитки.

          Плюсы и минусы использования JPG

          Самым большим преимуществом файлов JPG, совершенно очевидно, является отличное соотношение между сжатием изображения и качеством.

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

          Однако сжатие происходит с потерями, что означает, что каждый раз, когда вы сохраняете изображение, вы не можете восстановить данные, которые были потеряны. На самом деле, JPG - не идеальный формат для архивов, поскольку каждый раз, когда вы их редактируете, вы теряете качество.

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

          Что такое PNG?

          PNG означает Portable Network Graphics, формат файлов растровой графики, который был создан в октябре 1996 года и определен в RFC 2083.

          Первоначально он был разработан как более эффективная альтернатива классическому формату обмена графическими данными (GIF), который имел несколько ограничений. Вместо использования сжатия DCT, изображения PNG используют то же сжатие, что и форматы TIFF и GIF, - двухэтапный LZW.

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

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

          Плюсы и минусы использования PNG

          Как мы уже говорили, сжатие изображений PNG происходит без потерь, что означает, что их можно сохранять снова и снова без потери качества, даже если изображение очень детализировано и имеет очень контрастную цветовую палитру.

          Фактически, это предпочтительный формат для снимков экрана, поскольку он не сжимает группы пикселей вместе, а обеспечивает полностью точное представление реального экрана.

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

          Минусы? Ну, первая и самая важная проблема заключается в том, что изображения PNG обычно намного больше, чем изображения в формате JPG, и если вам нужно сэкономить место или требуется быстрая загрузка, это большой запрет.

          Кроме того, PNG не поддерживает данные EXIF, которые включают ценную информацию, поступающую от камеры, сделавшей снимок, такую ​​как ISO, выдержка, диафрагма и т. Д.

          JPG против PNG - какой формат изображения использовать?

          Выбор того, что лучше использовать - JPG или PNG, в конечном счете, зависит от того, что вам нужно делать с этим изображением.

          Вот несколько примеров, где предпочтительнее JPG:

          • Изображения, которыми вы должны поделиться в социальных сетях (Facebook, Twitter и т. Д.)
          • Изображения, используемые для веб-сайтов, блогов, онлайн-журналов, где скорость загрузки имеет первостепенное значение
          • Изображения с маленьким разрешением, качество которых не так важно
          • Изображения которые должны быть загружены на сторонние сервисы, где другие форматы могут не поддерживаться

          Вот несколько примеров, когда PNG является предпочтительным:

          • Долгосрочное архивирование изображений
          • Изображения, требующие прозрачного фона
          • Изображения максимально возможного качества
          • Логотипы компаний, которые можно легко импортировать и экспортировать

          Заключение

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

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

          В чем разница между JPG и PNG?

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

          Что лучше для Instagram: PNG или JPG?

          Обычно формат JPG является предпочтительным для Instagram, поскольку он поддерживает высокое разрешение при относительно небольшом размере файла. Однако, если вам нужно применить прозрачность к своему изображению или логотипу, лучше выбрать PNG.

          Какой формат изображения самый высокий?

          Самый высокий доступный формат изображения - это TIFF, поскольку все изображения несжаты.В изображениях PNG используется формат сжатия без потерь, поэтому при их сжатии для хранения качество не теряется.

          Что лучше для печати JPEG или PNG?

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

          JPEG (Объединенная группа экспертов по фотографии) Определение

          Стенды для «Объединенной группы экспертов по фотографии.«JPEG - популярный формат файлов изображений. Он обычно используется цифровыми камерами для хранения фотографий, поскольку поддерживает 2 24 или 16 777 216 цветов. Формат также поддерживает различные уровни сжатия, что делает его идеальным для веб-графики.

          16 миллионов возможных цветов в изображении JPEG создаются с использованием 8 бит для каждого цвета (красного, зеленого и синего) в цветовом пространстве RGB. Это обеспечивает 2 8 или 256 значений для каждого из трех цветов, что в совокупности позволяет получить 256 x 256 x 256 или 16 777 216 цветов.Три значения 0 дают чистый черный цвет, а три значения 255 создают чистый белый цвет.

          Алгоритм сжатия JPEG может уменьшить размер файла растрового изображения (BMP) в десять раз без ухудшения качества. Тем не менее, алгоритм сжатия работает с потерями, что означает потерю некоторого качества изображения в процессе сжатия. По этой причине профессиональные цифровые фотографы часто предпочитают снимать изображения в необработанном формате, чтобы они могли редактировать свои фотографии с максимально возможным качеством.Обычно они экспортируют изображения как изображения JPEG (.JPG), когда ими делятся или публикуются в Интернете.

          Помимо данных изображения, файлы JPEG могут также включать метаданные, описывающие содержимое файла. Сюда входят размеры изображения, цветовое пространство и информация о цветовом профиле, а также данные EXIF. Данные EXIF ​​часто «штампуются» на изображении цифровой камерой и могут включать в себя настройку диафрагмы, выдержку, фокусное расстояние, включение / выключение вспышки, число ISO и десятки других значений.

          Недостатки формата JPEG

          Хотя формат JPEG отлично подходит для хранения цифровых фотографий, у него есть некоторые недостатки. Например, сжатие с потерями может вызвать проблему, называемую «артефактом», при которой части изображения становятся заметно блочными. Обычно это происходит, когда для сохранения изображения используется высокий уровень сжатия. Для сохранения небольших изображений и изображений с большим количеством текста формат GIF часто является лучшей альтернативой. Изображения JPEG также не поддерживают прозрачность.Поэтому формат JPEG - плохой выбор для сохранения непрямоугольных изображений, особенно если они будут опубликованы на веб-страницах с другим цветом фона. Формат PNG, который поддерживает прозрачные пиксели, больше подходит для этих типов изображений.

          ПРИМЕЧАНИЕ: Объединенная группа экспертов по фотографии, в честь которой назван формат изображений JPEG, опубликовала первую спецификацию JPEG в 1992 году. С тех пор организация разработала несколько вариантов этого формата, включая JPEG 2000 и JPEG XR.Однако наиболее популярным остается стандартный формат JPEG.

          Расширения файлов: .JPG, .JPEG, .JFIF, .JPX, .JP2

          Обновлено: 26 июля 2016 г.

          TechTerms - Компьютерный словарь технических терминов

          Эта страница содержит техническое определение JPEG. Он объясняет в компьютерной терминологии, что означает JPEG, и является одним из многих терминов о форматах файлов в словаре TechTerms.

          Все определения на веб-сайте TechTerms составлены так, чтобы быть технически точными, но также простыми для понимания.Если вы сочтете это определение JPEG полезным, вы можете сослаться на него, используя приведенные выше ссылки для цитирования. Если вы считаете, что термин следует обновить или добавить в словарь TechTerms, напишите в TechTerms!

          GIF, PNG, JPG или SVG. Какой использовать?

          Если эта статья кажется вам немного знакомой, мы опубликовали ее первое издание еще в 2009 году. Хотя SVG внес совершенно новое измерение в веб-дизайн, такие вопросы, как «В чем разница между JPEG и PNG?» по-прежнему актуальны как никогда.Мы подумали, что пришло время по-новому взглянуть на состояние дел с форматами веб-изображений.

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

          JPG против PNG против GIF против SVG - в чем разница?

          Категория Поддон Используйте для
          JPG С потерей Миллионы цветов Фотографии
          Фотография
          GIF без потерь Максимум 256 цветов Простые анимации
          Графика с плоскими цветами
          Графика без градиентов
          PNG-8 без потерь Максимум 256 цветов Подобно GIF
          Лучшая прозрачность, но без анимации
          Отлично подходит для значков
          PNG-24 без потерь Неограниченное количество цветов Аналогично PNG-8
          Обрабатывает неподвижные изображения и прозрачность
          SVG Вектор / без потерь Неограниченное количество цветов Графика / логотипы для Интернета
          Retina / экраны с высоким разрешением

          GIF: формат обмена графическими данными

          256 цветовая палитра.

          Если вы только что не вышли из слегка курящего DeLorean прямо из 1985 года, вы, скорее всего, уже знакомы с самым тупым форматом изображений в Интернете - GIF (Graphics Interchange Format).

          Формат GIF - это тип растрового изображения, но, в отличие от JPEG или PNG, файлы GIF ограничены максимальной палитрой 256 цветов. По сути, каждое изображение GIF содержит предустановленную «коробку цветных карандашей», и невозможно полностью смешать эти цвета, чтобы получить новых цветов.

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

          Хотя GIF обычно является плохим выбором для изображений с широким цветовым разнообразием, ограничение в 256 цветов может помочь сохранить небольшие размеры файлов, что идеально подходит даже для самой низкой скорости Интернета. В течение многих лет GIF был единственным вариантом прозрачности в Интернете, хотя PNG и SVG теперь также предлагают его.

          Категория: Без потерь

          Выбрать GIF для:

          • Простые анимации
          • Маленькие значки
          • Графика с низкими межпиксельными вариациями (т.е.е. много плоских цветов, таких как логотипы и флаги)

          JPEG

          В зависимости от ваших предпочтений, вы можете называть этот формат «JPEG» или «JPG» - оба являются допустимыми вариантами одного и того же акронима - Joint Photographic Experts Group.

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

          Формат JPEG также позволяет гибко выбирать степень сжатия изображения - от 0% (сильное сжатие) до 100% (без сжатия). Как правило, настройка сжатия 60% -75% значительно сжимает ваш файл, сохраняя при этом достойный вид изображения на большинстве экранов.

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

          Также обратите внимание, что, в отличие от GIF и PNG, JPEG не может сохранять прозрачность.

          Категория: Потери

          Использовать JPEG для:

          • Фотографии
          • Фотография
          • Изображения со сложными цветами и динамичностью

          PNG

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

          PNG-8

          PNG-8 во многом похож на GIF и использует ту же 256 цветную палитру (максимум). Он имеет лучшие параметры прозрачности и обычно экспортирует файлы немного меньшего размера. Однако PNG-8 не имеет функции анимации.

          PNG-24

          PNG-24 позволяет визуализировать изображения с миллионами цветов - во многом как JPEG - но также предлагает возможность сохранять прозрачность. Поскольку PNG-24 является типом файлов формата без потерь, вы, вероятно, получите файлы большего размера, но если качество изображения важнее размера файла, лучшим вариантом будет PNG-24.Тем не менее, такие сервисы, как TinyPNG.com, часто могут иметь большое значение для размера вашего файла. По сравнению со своим двоюродным братом JPEG файлы PNG-24 не так универсально совместимы со всеми приложениями и платформами, что делает этот формат менее идеальным для обмена в Интернете. Однако его можно редактировать без ухудшения качества.

          Категория: Без потерь

          Используйте PNG для:

          • Веб-графика, требующая прозрачности
          • Цветные тяжелые и сложные фотографии и графика
          • Изображения, требующие повторного редактирования и повторного экспорта

          SVG

          В отличие от трех упомянутых выше форматов, SVG (масштабируемая векторная графика) не является чисто растровым форматом.Вместо этого это векторный формат - близкий родственник формату AI и EPS в Adobe Illustrator - который постоянно становится привлекательным вариантом для веб-дизайнеров и дизайнеров пользовательского интерфейса.

          Иногда полезно думать о SVG как о «HTML для иллюстраций», и вам нужно думать о нем совершенно иначе, чем о других форматах изображений, которые мы перечислили.

          SVG лучше всего подходит для отображения логотипов, значков, карт, флагов, диаграмм и другой графики, созданной в приложениях векторной графики, таких как Illustrator, Sketch и Inkscape.Написанный в разметке на основе XML, ваш SVG можно редактировать в любом текстовом редакторе и изменять с помощью JavaScript или CSS. Поскольку векторы можно масштабировать до любого размера, сохраняя при этом четкое качество изображения, они идеально подходят для адаптивного дизайна.

          Хотя SVG по своей сути является векторным форматом, можно (даже часто) встроить растровую графику внутрь вашего файла SVG - точно так же, как вы могли бы встроить JPEG в свой HTML.

          Это можно сделать либо путем ссылки на источник изображения через его URL-адрес (как вы могли бы ссылаться на JPG на веб-странице), либо путем инкапсуляции пиксельного изображения как URI данных.Это дает SVG неоспоримую гибкость и мощность.

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

          Онлайн-сервисы, такие как WordPress, Flickr, Medium, Tumblr и Facebook, либо принудительно конвертируют ваш SVG в формат, который им нравится, либо, что более вероятно, полностью заблокируют вашу загрузку SVG. Есть несколько вариантов хостинга SVG, включая svgur.com, imgh.us и даже Github, как здесь продемонстрировал Алекс.

          Как бы я ни был счастлив видеть, что меньшие службы хостинга решают проблему SVG, Github в настоящее время является единственной дружественной к SVG службой, которая, как я уверен, на 99% появится через 5 лет. Если вы используете SVG для веб-дизайна, вы обнаружите, что почти всегда можете уменьшить размер файла по сравнению с чем-то вроде JPEG или PNG. Но учтите, что чем сложнее ваш SVG, тем больше станет файл.

          Категория: Вектор / без потерь

          Использовать SVG для:

          • Логотипы и значки с четким геометрическим дизайном, ориентированным на векторную графику
          • Графика, которая может потребоваться для отображения в разных размерах и на разных экранах
          • Графика, отвечающая на свое устройство
          • Графика, которую нужно отредактировать, обновить и повторно развернуть.

          Сравнение и контраст

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

          Плоская цветная графика

          Первый тип изображений, который мы рассмотрим, - это плоская цветная графика. Это касается большинства логотипов и брендов, значков, простых карт, диаграмм и диаграмм. Исходное изображение - 23.Изображение в формате PNG размером 4 КБ и размером 1280 x 1280.

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

          GIF: 17,6 КБ

          JPEG 100% (без сжатия): 53,3 КБ

          JPEG 75%: 33 КБ

          PNG-8: 11,8 КБ

          PNG-24: 19,6 КБ

          SVG: 6 КБ (как чистая векторная графика)

          В случае с этим конкретным изображением, при сравнении шести форматов нет большой потери качества, хотя вы заметите небольшие артефакты по краям внутри сжатого JPEG.Это не всегда верно с однотонной цветной графикой, но в большинстве случаев вам будет достаточно изображения с наименьшим количеством байтов. Для этого изображения, если у нас есть исходный векторный файл, очевидным выбором будет SVG размером 6 КБ. Если у нас нет вектора, вариант PNG-8 является достойной альтернативой, поскольку исходное изображение уменьшено с 23,4 КБ до 11,8 КБ.

          Сложные цветные изображения

          Исходное изображение представляет собой изображение в формате JPEG размером 328 КБ и размером 1280 x 960. Ниже вы сможете увидеть разницу в размере сжатия, а также в качестве изображения.Обратите внимание, что изображения были сохранены с помощью функции Photoshop «Сохранить для Интернета и устройств» с настройками самого высокого качества.

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

          GIF: 426kb

          JPEG 100% (без сжатия): 776 КБ

          JPEG 75%: 215 КБ

          PNG-8: 327 КБ

          PNG-24: 1.7 МБ

          Изображения со сложными цветами выглядят лучше при использовании формата JPEG, PNG-24 или SVG. Цвета по большей части сохраняются и не имеют некрасивых полос и шума, которые могут возникнуть при использовании форматов GIF и PNG-8.

          Цветная фотография

          Исходное изображение представляет собой изображение в формате JPEG размером 215 КБ и размером 1280 x 701. Ниже вы сможете увидеть разницу в размере сжатия, а также в качестве изображения. Обратите внимание, что изображения были сохранены с помощью функции Photoshop «Сохранить для Интернета и устройств» с настройками самого высокого качества.

          Опять же, здесь SVG мало что дает.

          GIF: 453 КБ

          JPEG 100% (без сжатия): 410 КБ

          JPEG 75%: 410 КБ

          PNG-8: 395 КБ

          PNG-24: 1,03 МБ

          Как и в случае со сложными изображениями, ваши фотографии лучше всего сохранять в формате JPEG, PNG-24 или SVG. На фотографии выше цвет остается сохраненным во всех форматах, за исключением полос и шума, которые выделяются в тенях волос, кожи и фона, а также в верхней части фотографии, как видно в выходных файлах GIF и PNG-8.

          Возникли вопросы по программе Photoshop? Почему бы не спросить об этом на нашем форуме?

          Что такое HTML


          HTML означает H yper T ext M arkup L anguage

          HTML - это стандартный язык разметки для веб-страниц

          HTML элементов являются строительными блоками HTML-страниц

          HTML-элементов представлены тегами <>


          Элементы HTML

          HTML-элемент - это начальный тег и конечный тег . с промежуточным содержанием:

          Это заголовок


          Стартовый тег Содержание элемента Концевая метка

          Это товарная позиция

          Это абзац.


          Атрибуты HTML

          • HTML-элементы могут иметь атрибут
          • Атрибуты
          • предоставляют дополнительную информацию об элементе
          • Атрибуты
          • представлены парами имя / значение, например charset = "utf-8"

          Простой HTML-документ


          Заголовок страницы


          Это заголовок


          Это абзац.


          Это другой абзац.


          Попробуйте сами »

          Объяснение примера

          HTML-элементов являются строительными блоками HTML-страниц.

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

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