Открыть список
Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

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

Обработка изображенийИскусственный интеллект
image

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

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

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

Блог компании Intersect.HostРазработка веб-сайтовOpen sourceОбработка изображений


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

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

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

Microsoft предлагает новый формат для изображений.

IT-компании
Вчера на Photo Marketing Association (PMA) 07 International Convention and Trade Show, походящей в Лас Вегасе, Microsoft представила новый формат для хранения изображений — HD Photo.
Читать дальше →
Всего голосов 27: ↑24 и ↓3 +21
Просмотры345
Комментарии 40

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

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

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

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

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

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

О формате PNG. Краткий тест-драйв

Веб-дизайн
  1. Что такое PNG?
  2. PNG vs GIF.
  3. PNG vs JPEG.
  4. Жизнь после Photoshop'а или сжимаем дальше.
  5. Adobe Fireworks или PNG-8 с альфа-каналом.
  6. Вердикт.
Осторожно, много картинок! Все кликабельны.
Читать дальше →
Всего голосов 150: ↑135 и ↓15 +120
Просмотры44.7K
Комментарии 143

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

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

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

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

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

maanimo.com/images/hello_habr.jpg
Всего голосов 22: ↑17 и ↓5 +12
Просмотры219
Комментарии 22

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

Клиентская оптимизация
Перевод
Примечание: ниже перевод заметки «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 →
Всего голосов 77: ↑72 и ↓5 +67
Просмотры5.8K
Комментарии 40

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

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

image
Читать дальше →
Всего голосов 3: ↑2 и ↓1 +1
Просмотры526
Комментарии 10

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

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

image

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

Читать дальше...
Всего голосов 34: ↑28 и ↓6 +22
Просмотры1.3K
Комментарии 21

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

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

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

АлгоритмыОбработка изображений
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-редактора.

Читать дальше →
Всего голосов 412: ↑407 и ↓5 +402
Просмотры222K
Комментарии 138

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

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

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

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

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

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

Клиентская оптимизация
Из песочницы

Введение


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

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

Клиентская оптимизация
Здравствуй Хабр!
Вот и настало время второй, и, надеюсь, долгожданной части. Настоятель рекомендую ознакомится с первой частью, ибо без этого будет тяжело понять, о чем я буду писать. В этой части я отойду от теории к практике, а именно покажу небольшое проект для комплексной оптимизации изображений.
Читать дальше →
Всего голосов 93: ↑85 и ↓8 +77
Просмотры25.5K
Комментарии 44

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

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

Отличие от JPEG


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

Пример


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

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

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

Читать дальше →
Всего голосов 155: ↑133 и ↓22 +111
Просмотры23.8K
Комментарии 77

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

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

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

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

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

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

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

image — 17 кб. — 7,2 кб.
Всего голосов 212: ↑155 и ↓57 +98
Просмотры648
Комментарии 77

Image Catalyst 2.1

Клиентская оптимизация
Здравствуй Хабр!

image

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