Pull to refresh

Комитет JPEG решил использовать ИИ-алгоритмы для сжатия изображений

Image processing *Artificial Intelligence
image

В Сиднее на 86-й встрече JPEG Комитет Joint Photographic Experts Group выпустил призыв к доказательствам для изучения методов на основе ИИ и поиска нового кодека сжатия изображений. Сама программа, названная JPEG AI, была запущена в 2019 году.

За прошедший год исследователям нужно было доказать преимущества нейросетей перед традиционными методами. В рамках инициативы JPEG AI предполагается повысить эффективность сжатия изображений. Однако сложность состоит в необходимости обучения нейросетей на больших объемах данных.
Читать дальше →
Total votes 11: ↑10 and ↓1 +9
Views 6K
Comments 16

Новый формат изображений WebP2 будет сжимать на 30% лучше, чем обычный WebP

Intersect.Host corporate blog Website development *Open source *Image processing *


Сравнение сжатия WebP без потерь с различными кодерами PNG, источник: Smashing Magazine

Инженеры Google начали экспериментировать с новым форматом сжатия изображений WebP2, следующим поколением формата файлов WebP.

Общепризнанная поддержка WebP пока продвигается очень медленно. Например, браузер Firefox добавил поддержку WebP только в 2019 году в версии Firefox 65, а некоторые CMS (и Habrastorage) до сих пор полностью его не поддерживают. В результате многие сайты по-прежнему публикуют изображения в старых и/или проприетарных форматах GIF, JPEG и PNG, генерируя лишний трафик.
Читать дальше →
Total votes 16: ↑14 and ↓2 +12
Views 4K
Comments 17

Canon выдумала новый формат файлов для цифровых камер

Lumber room
Canon тестирует новый формат, который планируется использовать в новых цифровых камерах. Об этом в своём блоге написал фотограф Роб Гэлбрейт (Rob Galbraith) после экскурсии в штаб-квартиру компании.
Читать дальше →
Total votes 12: ↑10 and ↓2 +8
Views 372
Comments 12

Оптимизация изображений, часть 3: 4 шага для уменьшения размера файлов

Client optimization *
Translation
Примечание: ниже расположен перевод заметки Image Optimization, Part 3: Four Steps to File Size Reduction от Stoyan Stefanov. В ней рассматриваются наиболее популярные консольные утилиты для минимизации изображений. Мои комментарии далее курсивом.
Stoyan StefanovОб авторе: Stoyan Stefanov работает веб-разработчиком в команде Yahoo! по исключительной производительности и руководит разработкой инструмента для анализа производительности — YSlow. Он также внес значительный вклад в программы, разрабатываемые с открытым исходным кодом, выступает на конференциях и является техническим писателем: его последняя книга озаглавлена Объектно-ориентированный JavaScript.

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

Текущая заметка посвящена некоторым наиболее часто используемым инструментам, которые можно применить для уменьшения размера изображений. Идея заключается в следующем: мы можем получать все изображения от дизайнера, но не оставлять их в исходном виде, а немного уменьшать в размере, используя указанные ниже инструменты. Это позволит автоматизировать процесс без необходимости глубокого анализа структуры изображения.
Читать дальше на webo.in →
Total votes 108: ↑90 and ↓18 +72
Views 4.4K
Comments 19

Странности–интересности с JPEG–картинкой

Lumber room
А вот кто первый сможет объяснить,
почему одна и та же JPEG–картинка

image
в Firefox 3 и Opera отображается нормально,

image
в Safariинвертированная,

image
а в Firefox 2 и IE вовсе не показывается?

maanimo.com/images/hello_habr.jpg
Total votes 22: ↑17 and ↓5 +12
Views 250
Comments 22

Оптимизация изображений, часть 4: последовательные JPEG — быть или не быть?

Client optimization *
Translation
Примечание: ниже перевод заметки «Image Optimization, Part 4: Progressive JPEG…Hot or Not?» из блога YUI. В ней уже известный по прошлым статьям Stoyan Stefanov рассматривает использование последовательных (progressive) JPEG с точки зрения клиентской оптимизации. Мои комментарии далее курсивом.

В своей предыдущей статье «Оптимизация изображений, часть 3: 4 шага для уменьшения размера файлов» последовательные JPEG-файлы были вскользь упомянуты как одна из возможностей для оптимизации JPEG. Эта статья рассматривает данный вопрос более глубоко, включая результаты проведенного эксперимента над 10000 изображений.

Базовые (baseline) и последовательные JPEG



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

Загрузка базовых JPEG

Загрузка базового JPEG-файла в браузере. По нажатию откроется полная версия.

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

Загрузка последовательных JPEG

Загрузка последовательных JPEG. По нажатию откроется полная версия.

Читать дальше на webo.in →
Total votes 77: ↑72 and ↓5 +67
Views 5.9K
Comments 40

CaptureOne PRO 5 стал редактировать JPEG

Software
Пока конкурент отлавливает баги в новом релизе, выпустив бета-версию, PhaseOne официально анонсировал новую версию своего RAW-конвертера CaptureOne — лидирующего в профессиональных мозгах средства для обработки цифровых негативов. Новая CaptureOne Pro 5 не заставила себя ждать довольно долго — разработчик в последнее время зачастил, переходя на новый уровень каждый год, что верно, т.к. парк аппаратов обновляется каждый год, количество мегапикселов растет, конкуренты наседают, грозя отрезать кусок пирога. Регулярные обновления не в счет — они выпускаются просто для поддержки новых фотоаппаратов, а вот переходы на качественный уровень осуществляются со сменой первой цифры индекса программы.

image
Читать дальше →
Total votes 3: ↑2 and ↓1 +1
Views 654
Comments 10

File Grinder: Пакетное переименование файлов (FB2, MP3 etc.)

Lumber room
Хочу представить на ваш суд программу для пакетного переименования файлов написаную за несколько свободных вечеров. Надеюсь на конструктивную критику и предложения, ну и попиариться тоже хочу, как же без этого? ;)

image

Скачать программу можно здесь.

Читать дальше...
Total votes 34: ↑28 and ↓6 +22
Views 1.9K
Comments 21

К вопросу о кроссбраузерных Data URI

Website development *
В погоне за оптимизацией сайтов захотел уменьшить количество запросов, не в ущерб размерам оптимизированных файлов.
Цель — передавать в одном файле изображения разных форматов, с разными настройками оптимизации.
Как средство, выбрал data uri и gzip'нутый css файл. Однако IE с data uri работают из рук вон плохо. Но в них есть mhtml. Существовавшая реализация не отвечала моим требованиям, т.к. приходилось 1 файл передавать два раза — раз для IE, в mhtml, и второй для всех остальных, в data uri. В поисках решения наткнулся на статью bolk'а, где описывалось решение для формата jpeg и некоторые теоретические выкладки для gif и png. После почти трехнедельного раскуривания манов мне удалось реализовать решение для gif и png и автоматизировать процесс для всех трех форматов.
ознакомиться
Total votes 81: ↑72 and ↓9 +63
Views 9.2K
Comments 87

Декодирование JPEG для чайников

Algorithms *Image processing *
Tutorial

[FF D8]


Вам когда-нибудь хотелось узнать как устроен jpg-файл? Сейчас разберемся! Прогревайте ваш любимый компилятор и hex-редактор, будем декодировать это:


Jpeg file in hex editor


Специально взял рисунок поменьше. Это знакомый, но сильно пережатый favicon Гугла: Google favicon


Последующее описание упрощено, и приведенная информация не полная, но зато потом будет легко понять спецификацию.


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


[FF D8] — маркер начала. Он всегда находится в начале всех jpg-файлов.


Следом идут байты [FF FE]. Это маркер, означающий начало секции с комментарием. Следующие 2 байта [00 04] — длина секции (включая эти 2 байта). Значит в следующих двух [3A 29] — сам комментарий. Это коды символов ":" и ")", т.е. обычного смайлика. Вы можете увидеть его в первой строке правой части hex-редактора.

Читать дальше →
Total votes 412: ↑407 and ↓5 +402
Views 241K
Comments 142

WebP, новый формат изображений для интернета

IT-companies
Translation
В рамках инициативы компании Google, заключающейся в том, чтобы сделать интернет более быстрым, в течении прошедших месяцев мы выпустили целый набор инструментов, призванных помочь владельцам сайтов их ускорить. Мы запустили расширение для Firefox под названием Page Speed, позволяющее изучать производительность веб страниц, а также получать предложения о том, как её увеличить. Мы представили Speed Tracer, расширение для Chrome, позволяющее найти и исправить проблемы с производительностью в веб приложениях. Кроме того, мы выпустили набор инструментов для завершающей стадии разработки (closure tools), призванный помочь создавать сложные веб приложения с польностью оптимизированным javascript-кодом. В то время, как эти инструменты были невероятно успешны, помогая разработчикам оптимизировать их сайты, мы продолжали работу, и нам удалось обнаружить единственный компонент веб страниц, который полностью ответственнен за большинство задержек на страницах: изображения.

Большая часть распространенных форматов изображений, используемых в сети, были созданы более 10 лет назад и основаны на технологиях того времени. Инженеры из Google решили проверить: нет ли способа увеличить степень сжатия алгоритмов сжатия с потерями (как JPEG), чтобы позволить изображениям загружаться быстрее, при этом полностью сохраняя их разрешение и визуальное качество. В результате работы на этим проектом мы выпускаем новый формат изображений, WebP, в предварительной версии для разработчиков. Этот формат обещает существенно уменьшить бинарный размер фотографий в сети, позволяя сайтам загружаться быстрее, чем раньше.
Читать дальше →
Total votes 99: ↑91 and ↓8 +83
Views 13K
Comments 78

Защита JPEG от повторного сжатия

Algorithms *
Многие фотохостинги и веб-прокси пережимают файлы JPEG для ускорения загрузки. В связи с этим у специалистов из Кембриджа появилась идея адаптировать известный алгоритм Товальдса по защите купюр от копирования к JPEG-изображениям. Они разработали сетку, которая генерирует муар при повторном сжатии (демонстрация на примере Google WAP прокси).
Оригинальное изображение После рекомпрессии
Если вы находитесь за файрволом с рекомпрессиией, то надпись VOID будет на обоих изображениях.
Читать дальше →
Total votes 165: ↑132 and ↓33 +99
Views 2.3K
Comments 78

Оптимизация PNG и JPEG без потери качества. Часть 1

Client optimization *
Sandbox

Введение


Предлагаю Вашему вниманию обзор посвященный оптимизации изображений формата PNG и JPEG без потери качества. Под «без потери качества» подразумевается, что визуально оригинальные и оптимизированные изображения ни чем не будут отличаться. Я читал на Хабре довольно много статьей посвященных данному вопросу, но скажу, большая часть — полная чушь, в них констатируются факты, а не причины. Данный обзор посвящен людям, которые имеют базовые знания об оптимизации изображений.
Читать дальше →
Total votes 235: ↑219 and ↓16 +203
Views 228K
Comments 138

Оптимизация PNG и JPEG без потери качества. Часть 2

Client optimization *
Здравствуй Хабр!
Вот и настало время второй, и, надеюсь, долгожданной части. Настоятель рекомендую ознакомится с первой частью, ибо без этого будет тяжело понять, о чем я буду писать. В этой части я отойду от теории к практике, а именно покажу небольшое проект для комплексной оптимизации изображений.
Читать дальше →
Total votes 93: ↑85 and ↓8 +77
Views 26K
Comments 44

Сжатие изображений с использованием вейвлет

Algorithms *
Вейвлетное сжатие — общее название класса методов кодирования изображений, использующих двумерное вейвлет-разложение кодируемого изображения. Обычно подразумевается сжатие с потерей качества. В статье не будет приведено сложных математических формул, всю теорию можно почитать по ссылкам внизу статьи. Здесь только практика!

Отличие от JPEG


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

Пример


Для примера сильно сожмем одно и тоже изображение приблизительно до одного размера:

В начале с использованием JPEG:
7959 байт
(7959 байт)

затем алгоритмом вейвлетного сжатия JPEG 2000:
7813 байт
(7813 байт)

Читать дальше →
Total votes 155: ↑133 and ↓22 +111
Views 25K
Comments 77

Предлагаю помощь в подготовке иллюстраций

Self Promo
Наверное я кого-то просто достал с этой темой, а кого-то нереально достал.

Я опять хочу сказать про иллюстрации к статьям.

У меня сердце кровью обливается, когда по соседству со статьями, как правильно сжимать графику, какими утилитами пользоваться и какие есть особенности у каждого формата, люди лепят фотографии в png и скриншоты в jpeg.

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

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

Срок действия акции пока не ограничивается.

image — 17 кб. — 7,2 кб.
Total votes 212: ↑155 and ↓57 +98
Views 711
Comments 77

Image Catalyst 2.1

Client optimization *
Здравствуй Хабр!

image

После нескольких месяцев работы над исправлением ошибок и добавлением новых функции на суд общественности выношу новую версию Image Catalyst 2.1. В новой версии были сделаны ряд ключевых изменений.
Читать дальше →
Total votes 35: ↑34 and ↓1 +33
Views 2.3K
Comments 27