JPEG и PNG — в чём разница форматов?
JPEG и PNG — это два основных формата для изображений, которые используются на сайтах. В некоторых случаях лучше использовать JPEG, а в некоторых — PNG.
Формат JPEG
JPEG (он же JPG) — это формат изображений, который использует сжатие с потерями и не поддерживает прозрачность. Позволяет настраивать уровень качества сохраняемого изображения — при его снижении удаляются детали и добавляются шумы на изображение, однако размер становится более компактным. JPG в зависимости от настроек может обеспечить сжатие как 2:1, так и 100:1 — но качество прямо пропорционально коэффициенту сжатия. Название формата — аббревиатура от Joint Photographic Experts Group.
JPEG поддерживает цветовые пространства 24-bit RGB и CMYK, а также 8-bit Grayscale. CMYK и Grayscale используются достаточно редко и их поддержка вызывает нарекания.
Также JPEG имеет интегрированную поддержку EXIF, позволяющую хранить метаданные, например: производитель и модель использованной камеры, используемая для съёмки выдержка, диафрагма и светочувствительность, разрешение кадра, настройки баланса белого, фокусное расстояние (в т.ч. эквивалентное), использование вспышки, размер матрицы, дата и время съёмки, географические координаты и адрес места съёмки.
Используемые расширения для файлов — .jpg and .jpeg (работают идентично).
С прикладной точки зрения JPEG оптимален для изображений с большим количеством цветов, например, для фотографий.
Формат PNG
PNG 24 — это формат изображений, который работает с полноцветными изображениями, использует сжатие без потерь и позволяет сохранять прозрачность. Настроить качество сохранения в PNG 24 невозможно, однако, можно адаптировать сохраняемое изображение для достижения минимального размера файла: для этого можно снизить количество цветов в изображении. Название формата — акроним от Portable Network Graphics.
Существует также формат PNG 8 — он более компактный, чем PNG 24, но применим только для изображений с очень ограниченных количеством цветов: 256 — это максимум. В случае использования PNG 8 для изображений с большим количеством цветов сжатие будет с потерями и с эффектом постеризации.
PNG до 2017 года не поддерживал EXIF, но затем его поддержка была реализована в стандарте. В фотографии PNG используется редко — для компактного хранения файлов больше подходит JPEG, а для профессиональной работы лучше подходят RAW‑форматы DNG или TIFF.
PNG 24 и PNG 8 используют расширения для файлов .png, используемая битность записывается в метаданные файла и по расширению не определяется.
С прикладной точки зрения PNG 24 оптимален для изображений с небольшим количеством цветов, например, для иконок, схем, рисунков и скриншотов. Если же цветов в изображении меньше 256, то еще более эффективное сжатие возможно в PNG 8.
Резюме. JPEG и PNG — какой формат оптимальнее использовать?
Фотографии и изображения с большим количеством цветов лучше всего сохранять в JPEG. Но стоит помнить, что алгорим компрессии JPEG сжимает изображения с потерей качества.
Иконки, схемы, картинки с большим количеством текста и изображения с прозрачностью оптимальнее сохранять в PNG 24. Алгорим компрессии PNG 24 сжимает изображения без потери качества.
Статья опубликована в 2019 и была обновлена в 2022 году
Тематические статьи
Ускоряем работу сайта: оптимизация HTML
Сайт может загружаться и отображаться быстрее, если выполнить следующие рекомендации по оптимизации HTML‑разметки, а без этого скорость загрузки и отрисовки будет ниже.
быстродействие
веб-разработка
Статья опубликована в 2014 году
Ускоряем работу сайта за счёт оптимизации CSS
Время загрузки и отрисовки сайта в браузере можно заметно снизить, если воспользоваться следующими советами.
быстродействие
веб-разработка
Статья опубликована в 2014 году
Браузерное или клиентское кеширование
Кэширование статических ресурсов (картинок, скриптов, стилей) и неизменяющихся страниц на стороне браузера может сэкономить время загрузки страниц, если пользователь посещает сайт многократно или при посещении просматривает несколько страниц, которые используют одинаковые ресурсы.
быстродействие
веб-разработка
Статья опубликована в 2014 году
Ajax-навигация Turboliks & Wiselinks
Увеличить отзывчивость интерфейса и снизить нагрузку на сервер можно при помощи Ajax‑навигации: если не перезагружать страницу целиком, а обновлять только содержание или отдельные фрагменты, то скорость работы сайта или приложения существенно возрастёт.
быстродействие
JavaScript
веб-разработка
Статья опубликована в 2014 году
Адаптивные изображения
Изображения на сайтах могут адаптироваться как под разрешение экрана устройства для корректного отображения на мобильных устройствах, так и под экраны с высоким DPI для более детализированного отображения.
Есть несколько вариантов реализации адаптивных изображений, отличаются они по сложности реализации, кроссбраузерностью и по создаваемой нагрузке на интернет‑соединение. Рассмотрим самые распространённые.
JPEG (JPG)
JPEG (JPG) (правильно произносится как «джейпег») — это растровый графический формат изображений и фотографий с высокой степенью сжатия, который имеет расширения .jpg, .jpe, .jpeg или .jfif. Поддерживает большое количество цветов с глубиной 24 бита. Прежде всего формат необходим, чтобы хранить фото на компьютере и загружать в интернет. С ним изображения занимают мало места, сохраняя при этом высокое качество.

Пройдите тест из 10 вопросов и узнайте, какая дизайн-профессия подходит лично вам
Содержание
- Особенности формата
- Где используется формат JPEG
- Краткая история формата JPEG (JPG)
- JPG и PNG — в чем разница
- Достоинства и недостатки формата JPG
- Программы и сервисы для работы с JPEG
- Как открыть поврежденный файл JPG
- Программы, преобразующие JPG в другие форматы
Особенности формата
ИСКРА —
неделя знакомства с дизайн-профессиями
Выберите дизайн-профессию, которая нужна в IT.
разжечь искру

- Во время сжатия файла есть возможность контролировать потерю качества. Нужно только вручную указать, какой уровень качества вы хотите оставить, когда сохраняете файл в JPEG-формате. Это удобно, если требуется экономить свободное место на диске, поскольку за счет потери качества можно существенно уменьшить размер файла. При этом разница между высоким и очень высоким (100%) качеством не сильно заметна визуально.
- Есть встроенная поддержка EXIF, которая позволяет хранить метаданные: все настройки камеры, заданные на момент съемки.
- Изображения в формате JPG можно создавать и сохранять практически во всех графических редакторах.
Чем отличается JPG и JPEG
Форматы изображений JPEG и JPG фактически являются одним и тем же. Разница между ними заключается лишь в расширении имени файла. По сути, .jpeg и .jpg — это синонимы и могут использоваться взаимозаменяемо. Расширение .jpg более распространено в системах Windows, тогда как .jpeg чаще используется в окружениях Unix и macOS. Но независимо от того, какое расширение выбрать для сохранения изображения, они будут представлять собой один и тот же формат с одинаковыми возможностями сжатия и качества, цветовых данных и MIME-типом.
ИСКРА —
неделя знакомства с дизайн-профессиями
Выберите дизайн-профессию, которая нужна в IT.
разжечь искру

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

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

В каких случаях формат JPG не подойдет:
- если нельзя допустить даже небольшие потери в качестве при сжатии документа;
- если изображение обрабатывается в несколько этапов, поскольку промежуточный результат каждый раз будет сохраняться с небольшим искажением;
- если требуется хранить документы с резким контрастом между пикселями (например, чертежи). Для этого зачастую применяются форматы специализированных чертежных CAD-программ.
Краткая история формата JPEG (JPG)
Первые персональные компьютеры уже умели отображать и хранить цифровые изображения, но универсального способа для этого не существовало. К тому же с отправкой этих файлов с одного компьютера на другой тоже были проблемы. В 1986 году эксперты по фотографии со всего мира собрали комитет, чтобы найти удобный и эффективный способ передавать фото и видео, а также разработать процесс сжатия изображений. Его так и назвали «Объединенная группа экспертов по фотографии» (Joint Photographic Experts Group, сокращенно JPEG). Итогом их работы в 1992 году стало создание единого стандарта сжатия цифровых изображений JPEG с возможностью уменьшать размеры файла. У этой группы даже есть свой сайт.

В 2010 году ученые проекта PLANETS создали капсулу с инструкцией, как прочитать формат JPG. Так наши потомки смогут узнать о популярных в начале XXI столетия цифровых форматах. Поместили капсулу в специально созданное хранилище в Альпах.
JPG и PNG — в чем разница
Оба формата — PNG и JPG — являются основными для изображений, применимых на сайтах и в приложениях. Однако между ними есть некоторые различия, которые определяют, в каких случаях лучше использовать JPG, а в каких — PNG.
В формате JPEG лучше сохранять иллюстрации и фото со множеством цветов и плавным переходом яркости и теней. Также он применим, если нужно передать растровое изображение через интернет и хранить большое количество картинок при ограниченном количестве памяти.

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

Поскольку сжимать файл в PNG можно, не теряя в качестве, его чаще используют для изображений, которые проходят многоэтапную обработку. Файлы в формате PNG могут сохраняться без фона (на прозрачном фоне). Поэтому формат удобно использовать для подстановки на сайт, в рекламные баннеры, для анимации и т.д. Не нужно вырезать фон, в отличие от работы с файлами в JPG, в которых фон есть всегда. Формат PNG отлично подходит, если нужно максимально сохранить детали изображения и не контролировать при этом степень сжатия.
Обобщая, можно сказать, что JPG пригоден в основном для фотографий и многоцветных рисунков, а PNG чаще используется для сохранения плоских иллюстраций, логотипов или иконок.
ИСКРА —
неделя знакомства
с дизайн-профессиями
Какие они — востребованные в IT дизайн-профессии? Знакомьтесь с ними в течение недели, выбирайте подходящую и получайте полезные подарки каждый день.
разжечь искру

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

- Если существенно уменьшить размер картинки, она может сильно исказиться.
- Восстановленный JPG-файл лучше не редактировать после сжатия. Иначе есть риск потери в качестве просмотра.
- Нельзя сделать фон прозрачным.
- Необратим процесс потери данных во время сжатия.
- Чтобы сохранять детализацию, обязательно надо контролировать степень сжатия.
- Плохо подходит для работы с текстом, слишком контрастным или одноцветным изображением с резкими границами, так как мелкие детали могут пикселизироваться или расплываться. Для этого лучше выбрать другие форматы.
Программы и сервисы для работы с JPEG
Если вы не владеете программой Adobe Photoshop, то на помощь могут прийти более простые в освоении аналоги.
- JPEG Wizard. Довольно старая программа, которая работает только с файлами формата JPG. В ней доступны все опции, которые понадобятся, чтобы отредактировать изображение. Есть возможность повернуть, обрезать снимок, поменять его разрешение, настроить цветопередачу. Выбранные картинки можно преобразовать в коллажи. Как только с файлом произойдут какие-то изменения в программе, его размер пересчитается. Большой объем файлов можно редактировать пакетом Batch Editor.

- FastPictureViewer. Платная программа с несложными настройками. Подойдет для фотографов и фоторедакторов. Позволяет работать с почти всеми размерами фотографий. Просмотр, копирование, резервирование, перемещение и удаление файлов можно совершать одновременно. Программа поддерживает много графических форматов, а если подключить дополнительные кодексы, будут доступны специальные форматы типа DDS, PNM и другие. Здесь можно профессионально управлять цветом с помощью ICC v2- и v4-профилей. Доступен 30-дневный пробный период, по окончании которого программа перейдет в режим базовой хоум-версии с ограниченным функционалом.

- PhotoScape. Бесплатный редактор, упрощенная альтернатива Photoshop. В программе широкий выбор инструментов, позволяющих редактировать и обрабатывать изображения, в том числе кисти. Вы сможете изменить размер, добавить надпись, установить светотеневой баланс. Работайте не только с фотографиями, но и со скриншотами. Из нескольких снимков даже возможно создать анимацию. Имеет интуитивно понятный интерфейс, в котором легко ориентироваться даже новичку. Если ваши файлы изначально в формате RAW, их можно быстро конвертировать в JPG.

- Paint.net. Еще один бесплатный редактор для обработки. Входит в пакет Microsoft.net, поэтому в дополнительной установке не нуждается. У него больше возможностей, если сравнивать с классическим MS Paint. В программе большой каталог фильтров и различных эффектов, например размытие. Есть возможность изменять масштаб изображения, управлять слоями, работать с камерой и сканерами. Поддерживается планшетными компьютерами.
- JPEG Compressor. Позволяет сжимать цифровые изображения в формате JPG в компактные форматы. Это удобно, если вы работаете с фото высокой четкости или если несколько файлов отправляются сразу многим получателям. При этом качество исходного изображения не пострадает. Изменять файлы можно и пакетно.
Как открыть поврежденный файл JPG
Иногда JPG-формат повреждается. На это могут влиять какие-либо ошибки или сбои в программном обеспечении, вирусные атаки, сетевые ошибки или отказ операционной системы.
Если во время запуска файла через программу просмотра изображений выходит ошибка с записью «Файл поврежден», если файл вообще не открывается или открывается с повреждениями — для его восстановления лучше использовать специальные программы.

- Новичкам подойдет сервис officerecovery. Работать с ним довольно просто. Нажимаем кнопку «Выбрать файл» и находим поврежденный файл на компьютере. Далее восстанавливаем документ через кнопку «Безопасная загрузка и восстановление». У сервиса есть бесплатные и платные возможности загрузки файла после процесса восстановления.
- Еще одна программа — Hetman File Repair. Она предназначена для ПК. Позволяет быстро и безопасно восстановить изображения и фотографии. Сначала у вас будет возможность проверить, насколько эффективно программа сработает в вашем случае. Также есть опция предварительного просмотра восстановленного файла. Если результаты бесплатной версии вас устроят, нужно зарегистрировать программу, чтобы использовать ее дальше.
- Если файлы повредились при сжатии, можно воспользоваться программой UnJPEG. Позволяет устранить некоторые проблемы (артефакты), а также повысить четкость изображения. Еще в UnJPEG есть фильтр, позволяющий устранять случайные шумы. Программа распознает, чем является изображение (неудачно сжатое фото или рисунок, который плохо сохранили), и на этом основании ищет артефакты в файле.
Программы, преобразующие JPG в другие форматы

- JPEG Compressor. Упомянутая ранее программа может не только сжимать изображения, но и конвертировать JPG-файлы в другие популярные форматы, например GIF и BMP.
- FileZigZag. Сервис конвертации изображений, работающий в режиме онлайн. Большое количество как входных форматов, так и тех, в которые программа преобразует. Нужно загрузить исходный файл и выбрать формат, в который нужно конвертировать. Остается дождаться ссылки на готовое изображение. Обычно много времени процесс конвертации не занимает, исключение — файлы большого размера.
Интерфейс FileZigZag интуитивно понятен: выбираем файл, конечный формат и жмем на зеленую кнопку конвертации
- ZamZar. Тоже работает в онлайн-режиме. Поддерживает более 1000 известных форматов. Помимо фото конвертирует документы и видео. От некоторых других конвертеров отличается медленным процессом преобразования файлов. Работает с 2006 года.
- Adapter. Программа не только помогает изменить форматы фотографий и других изображений, видео- и аудиофайлов, но также имеет несколько удобных опций. Например, можно изменить разрешение и качество снимков, а также наложить на них текст. Сервис работает очень быстро. Подходит для установки на Windows и Mac.
- CoffeeCup PixConverter. Бесплатный онлайн-конвертер изображений. Им удобно пользоваться. Помимо конвертации изображение можно еще и редактировать: повернуть, изменить размер или цвет. В программу одновременно можно загрузить несколько фотографий.
- BatchPhoto Espresso. Этот бесплатный редактор работает на любой ОС. Позволяет конвертировать изображения, размер которых не больше 10 Мб. Прежде чем сохранить преобразованный файл, его можно переименовать, выбрать для него размер или приемлемое качество. В BatchPhoto Espresso есть инструменты, с которыми можно поменять яркость или контрастность, а также эффект скручивания и некоторые другие.

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



ИСКРА —
неделя знакомства
с дизайн-профессиями
7 дней, которые разожгут в вас искру интереса
к дизайну. Получайте подарки каждый день,
знакомьтесь с востребованными профессиями
и выберите ту, которая подойдет именно вам.
Форматы изображения (RAW, JPEG, HEIF) и сжатие
На большинстве цифровых камер предусмотрена возможность выбора формата (его также называют типом файлов), в котором будут сохраняться фотографии, — RAW, JPEG, а теперь еще и HEIF (впервые представленный с камерой EOS-1D X Mark III в 2020 г.) Так чем же различаются эти форматы, и какой следует предпочесть?
Файлы RAW
Файл в формате RAW соответствует своему названию — это файл «сырых», необработанных данных. Он содержит именно те данные изображения, которые захватил датчик камеры. Все настройки баланса белого, стиля изображения и так далее, которые вы применили, присоединяются к файлу изображения. Это означает, что в дальнейшем их можно будет изменить с помощью программного обеспечения для обработки файлов RAW, например Digital Photo Professional (DPP) от Canon или Adobe® Photoshop® (с актуальной версией подключаемого модуля Adobe Camera Raw) и не только.
Файл в формате RAW часто называют «цифровым негативом», так как данные можно обрабатывать и печатать различными способами, добиваясь различных результатов, совсем как негативы на пленочных камерах. Так же, как и пленочный негатив, файл RAW невозможно изменить. Если открыть файл RAW в приложении, обработать и отредактировать его и затем сохранить, на компьютере будет создан новый файл (обычно в формате JPEG или TIFF). Исходный файл в формате RAW останется без изменений, и в любой момент его можно будет снова открыть и использовать для получения совершенно другого результата.
Название формата «RAW» не является аббревиатурой, его написание заглавными буквами сложилось исторически, при этом имена файлов RAW на камерах Canon не заканчиваются на «.RAW». Вместо этого, вплоть до появления камеры EOS M50 с новым процессором DIGIC 8, файлы RAW на камерах Canon сохранялись в формате .CR2. На некоторых камерах также предусматривались альтернативные форматы с более низким разрешением и «средним» (M-RAW) или «малым» (S-RAW) размерами файлов. Файлы этих двух типов обладают большинством преимуществ файлов RAW, но благодаря меньшему разрешению занимают меньше места в хранилище.
Процессор DIGIC 8 позволил использовать формат .CR3 и его подвид, формат C-RAW, который сохраняет то же самое разрешение, при этом сокращая размер файлов на 35–55% и экономя пространство на карте памяти. (Для этого, однако, C-RAW использует сжатие с потерями, то есть удаляет некоторую информацию об изображении. Вскоре мы остановимся на этом аспекте подробнее).
Файлы RAW, созданные камерами разных моделей, не совсем одинаковы, даже если сохраняются в одном и том же формате (CR2 или CR3). Именно поэтому программное обеспечение для обработки файлов RAW, например DPP, регулярно обновляется для поддержки новых моделей камер, и при покупке новой камеры мы настоятельно рекомендуем проверить наличие обновлений DPP и загрузить самую актуальную версию.
Некоторые камеры EOS позволяют обрабатывать изображения в формате RAW, используя саму камеру, что очень удобно для создания файлов JPEG с одинаковыми пользовательскими настройками (например, балансом белого, яркостью и шумоподавлением), а не встроенных параметров JPEG вашей камеры. У обработки файлов RAW на компьютере, а не с помощью камеры, есть свои преимущества — более широкий экран и более мощный процессор.
Преимущества формата RAW
- Максимальная гибкость при редактировании
- Широкий выбор настроек для редактирования после съемки
- 14-битные файлы: запись максимального диапазона цветов и тонов
- Большой размер файла
- Необходимость в обработке (обычно на компьютере)
Редактор Wix: Что такое JPG и JPEG файлы?
JPEG (англ. Joint Photographic Experts Group) — это графический формат, применяемый для хранения изображений.
Формат JPEG поддерживает CMYK, RGB (миллионы цветов) и шкалу серого. В отличие от формата GIF, JPEG сохраняет всю информацию о цвете в изображении, однако сжимает размер файла путем выборочного удаления данных. Сжатие с потерями может привести к потере качества изображения.
В стороннем графическом редакторе вы можете выбрать желаемую компрессию (степень сжатия информации).
JPG не сохраняют (альфа-канал) прозрачность.