Как стать автором
Обновить

Отрисовка в браузере большой анимации или как я ушел с mp4 к своему формату видео

Блог компании Floor796 JavaScript *Обработка изображений *
Из песочницы

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

Читать далее
Всего голосов 268: ↑268 и ↓0 +268
Просмотры 20K
Комментарии 117

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

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

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

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

В Firefox 86 внедрят поддержку формата AVIF

Firefox Работа с видео *Обработка изображений *Браузеры
image

Mozilla включит в версию Firefox 86 поддержку формата изображений AVIF (AV1 Image Format) по умолчанию. Он использует технологии внутрикадрового сжатия из формата кодирования видео AV1.
Читать дальше →
Всего голосов 17: ↑16 и ↓1 +15
Просмотры 4.8K
Комментарии 10

Google призвала хранить снимки в Photos без сжатия

Обработка изображений *Хранение данных *Хранилища данных *

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

Читать далее
Всего голосов 15: ↑11 и ↓4 +7
Просмотры 16K
Комментарии 57

WhatsApp позволит отправлять изображения и видео в лучшем качестве

Мессенджеры *Работа с видео *Обработка изображений *

В следующей версии WhatsApp появится функция контроля над степенью сжатия отправляемых изображений и видео. Разработчики представят для приложения на Android три варианта качества сжатия: «авто», «лучшее качество» и «экономия трафика».

Читать далее
Всего голосов 14: ↑13 и ↓1 +12
Просмотры 2.8K
Комментарии 8

Разработчик представил Quite OK Image, алгоритм сжатия без потерь со сложностью O(n)

Алгоритмы *Обработка изображений *Сжатие данных *

Разработчик Доминик Саблевски (Dominic Szablewski) представил алгоритм QOI (Quite OK Image), который позволяет без потерь сжимать RGB и RGBA изображения до размера файла, аналогичного для формата PNG, но в 20-50 раз быстрее. Автор отметил у себя в блоге, что алгоритм оказался «до глупости простым». Код проекта доступен на GitHub.

Читать далее
Всего голосов 41: ↑38 и ↓3 +35
Просмотры 8.9K
Комментарии 41

Главное — скорость. Новый графический формат QOI в 20−50 раз быстрее PNG

Блог компании М.Видео-Эльдорадо Open source *Алгоритмы *Обработка изображений *Сжатие данных *


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

Поскольку польский разработчик Доминик Шаблевски вообще не разбирается в кодировании изображений, то он написал примитивный метод сжатия изображений без потери качества всего в 300 строчек кода, на базовой математике. Результат его очень удивил.
Читать дальше →
Всего голосов 60: ↑58 и ↓2 +56
Просмотры 8.7K
Комментарии 16

Опубликованы спецификации графического формата QOI, который в 20–50 раз быстрее PNG

Блог компании ITSumma Open source *Алгоритмы *Обработка изображений *Сжатие данных *
Примерно месяц назад польский программист Доминик Шаблевски представил на суд публики новый графический формат QOI (Quite OK Image). Формат сжимает без потери качества, ориентируется на максимальную скорость кодирования/декодирования изображений, и по бенчмаркам значительно превосходит libpng и stbi. Разница в сжатии составляет 20−50 раз, в декомпрессии — 3−4 раза.

Кроме того, формат сжатия исключительно простой, закодирован буквально в 300 строчек кода, и работает по простым правилам типа кодирования повторов (RLE). Естественно, он не связан никакими лицензионными соглашениями и ограничениями.

И вот вчера после исправления всех недочётов наконец-то опубликованы финальные спецификации, так что теперь QOI документально забетонирован и его можно начинать использовать в продакшне. Что примечательно, полные спецификации QOI поместились на одной странице!
Читать дальше →
Всего голосов 43: ↑39 и ↓4 +35
Просмотры 4.3K
Комментарии 14

Изображения: форматы и сжатие (1/3)

Блог компании TradingView Алгоритмы *Обработка изображений *
Схематичное изображение PCX, GIF и PNG

На что при загрузке сайта расходуется больше трафика? Чаще всего это картинки, и их суммарный «вес» частенько в несколько раз больше, чем у разметки, скриптов и стилей. В файлах изображений распространенных форматов растровые данные хранятся в сжатом виде, и это значительно лучше, чем несжатый BMP. А если хочется ещё лучше? Ведь в достаточно крупных проектах каждый байт на счету (например, в TradingView, чего уж там скромничать).

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

Но как работают такие программы, что можно улучшить и как сделать свою? Приглашаю на обзорную экскурсию по форматам изображений и алгоритмам сжатия растровых данных.
Читать дальше →
Всего голосов 142: ↑141 и ↓1 +140
Просмотры 53K
Комментарии 29

Изображения: форматы и сжатие (2/3)

Блог компании TradingView Алгоритмы *Обработка изображений *


И снова здравствуйте! После перерыва в месяц продолжаем экскурсию по форматам изображений и алгоритмам сжатия. Где мы остановились? Ах, да, восьмидесятые годы.
Читать дальше →
Всего голосов 144: ↑144 и ↓0 +144
Просмотры 45K
Комментарии 33

Сканеры и копиры Xerox могут менять цифры в документах при копировании

Алгоритмы *Обработка изображений *
В копировальных аппаратах и сканерах Xerox WorkCentre обнаружился интересный глюк: в некоторых случаях при сканировании/копировании документов они могут менять мелкие цифры. Это неприятный эффект, особенно при копировании финансовых документов.

Скорее всего, баг связан с особенностями работы алгоритма JBIG2 для сжатия бинарных изображений. Алгоритм использует «словарь» из символов и подставляет их в случае обнаружения сходства.

Примеры с копира WorkCentre 7535.
Оригинал Копия
Читать дальше →
Всего голосов 152: ↑136 и ↓16 +120
Просмотры 75K
Комментарии 74

Pngquant — библиотека и утилита командной строки для сжатия png с потерями

Обработка изображений *
Вышла новая версия (2.0.1) утилиты.

Утилита позволяет преобразовывать png с 24 и 32 битами на пиксель в png с палитрой (8 бит).

Разработчики утверждают, что утилита в некоторых случаях позволяет уменьшить размер файла аж на 70% от исходного, сохраняя при этом альфа прозрачность (при этом утверждают, что прозрачность обрабатывается в IE6 лучше, чем у 24-битных png — не то, чтобы это всерьёз кого-то заботило...).

Особенности:

— создание новой палитры с использованием алгоритмов векторного квантования
— уникальный дизеринг, добавляющий к картинкам меньше шума, чем стандартный алгоритм Флойда-Стейнберга
— легко интегрируется со скриптам и gui (ну ещё бы, это же командная строка)
— есть ускоренный режим работы, для обработки большого кол-ва изображений

Давайте проверим. Под катом — картинки (сюрприз), i.e. — трафик.
Читать дальше →
Всего голосов 21: ↑20 и ↓1 +19
Просмотры 9.8K
Комментарии 24

Mozilla оптимизирует формат JPEG

Open source *Обработка изображений *
Mozilla анонсировала новый проект mozjpeg по созданию качественного кодера JPEG, который улучшит сжатие изображений при сохранении совместимости с существующими декодерами.

На каждом сайте постоянно увеличивается и количество файлов JPEG, и их размер. Поскольку HTML, JS, и CSS относительно невелики, то при загрузке веб-страницы основной трафик зачастую приходится именно на JPEG. Так что уменьшение размера фотографий — вполне очевидная цель для оптимизации, считает Mozilla.

Существующие кодеры JPEG зачастую работают не очень эффективно. Логично перейти на более современные алгоритмы (например, JPEG2000 с вейвлет-преобразованием или свободный WebP), и такая тема неоднократно обсуждалась. Но разработчики Mozilla говорят, что популярность JPEG слишком велика. Созданный в 1992 году этот стандарт сжатия с потерями стал общепризнанным. Переход на новый формат займёт много лет, поскольку он не совместим с имеющимся программным обеспечением. «Мы (в Mozilla) не сомневаемся, что алгоритмические улучшения когда-нибудь подтолкнут к такому переходу, возможно, скоро. Но даже в этом случае JPEG ещё долго будет с нами».
Читать дальше →
Всего голосов 65: ↑56 и ↓9 +47
Просмотры 33K
Комментарии 45

Об одном алгоритме сжатия случайных сигналов (с потерями)

Алгоритмы *Обработка изображений *


Аннотация


Известно, что существуют различные способы формирования псевдослучайных чисел для моделирования случайных величин на ЭВМ. Если допустить, что высокочастотный (ВЧ) сигнал представляет из себя реализацию некоторой случайной величины, то возникает большой соблазн подобрать для этой реализации свою модель случайной величины, имеющую известные параметры реализации алгоритма её формирования. Тогда мы можем представить ВЧ сигнал в виде этого алгоритма, а хранить лишь его параметры, т.е. происходит сжатие.
Читать дальше →
Всего голосов 30: ↑29 и ↓1 +28
Просмотры 24K
Комментарии 33

Mozilla выпустила улучшенный JPEG-кодировщик

Open source *Обработка изображений *
image

Mozilla выпустила новую версию кодера для JPEG-изображений mozjpeg. Новая версия уже тестируется на facebook.com, и Facebook пожертвовал Mozilla 60 000 долларов на продолжение работы над этим проектом, пишет TechCrunch.

Mozilla обещает, что версия 2.0 её кодировщика уменьшает размер JPEG-файлов в среднем на 5 %. В зависимости от изображения, процент может быть значительно выше (до 15 %) или чуть ниже. В отличие от первой версии, эффект которой был виден только на прогрессивных (progressive) JPEG, новая версия также улучшает изображения, сохранённые в базовом (baseline) формате.
Читать дальше →
Всего голосов 44: ↑40 и ↓4 +36
Просмотры 19K
Комментарии 58

Сжатие изображений без потерь

Алгоритмы *
Как я уже обещал постом ранее, представляю вашему вниманию вторую часть большого рассказа о сжатии изображений. На этот раз речь пойдёт о методах сжатия изображений без потерь.
Читать дальше →
Всего голосов 46: ↑44 и ↓2 +42
Просмотры 36K
Комментарии 1

Эффективное изменение размера картинок при помощи ImageMagick

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

Веб таким образом работает отлично, но для доставки картинок разных размеров разным пользователям необходимо все эти картинки сначала создать.

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

Большие картинки == большие проблемы


Средняя веб-страница весит 2 Мб, из них 2/3 – картинки. Миллионы людей ходят в интернет через 3G, или ещё хуже. 2Мб-сайты в этих случаях работают ужасно. Даже на быстром соединении такие сайты могут израсходовать лимиты трафика. Работа веб-дизайнеров и разработчиков – упростить и улучшить жизнь пользователя.

image

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

ImageMagick


Утилита командной строки с 25-летним стажем в то же время является редактором картинок с полным набором функций. В ней огромная куча функций, и среди них – быстрое и автоматическое изменение размера картинок. Но с настройками по умолчанию файлы часто получаются излишне большими – иногда по объёму больше оригинала, хотя в них и меньше пикселей. Сейчас я объясню, в чём проблема, и покажу, какие настройки необходимы для её решения.
Читать дальше →
Всего голосов 32: ↑29 и ↓3 +26
Просмотры 78K
Комментарии 11

FLIF — свободный формат сжатия изображений

Open source *Обработка изображений *
FLIF (Free Lossless Image Format) — это новый свободный формат сжатия без потери качества, который превосходит PNG, lossless WebP, lossless BPG, lossless JPEG2000 и lossless JPEG XR по степени сжатия.

Как показало сравнительное тестирование (результаты), файлы FLIF в среднем:

  • на 14% меньше, чем lossless WebP,
  • на 22% меньше, чем lossless BPG,
  • на 33% меньше, чем PNG с брутфорсом через ZopfliPNG,
  • на 43% меньше типичного PNG,
  • на 46% меньше PNG, оптимизированного алгоритмом образования чересстрочного изображения Adam7,
  • на 53% меньше lossless JPEG2000,
  • на 74% меньше lossless JPEG XR.
Читать дальше →
Всего голосов 60: ↑51 и ↓9 +42
Просмотры 39K
Комментарии 62

Unity: сжимая сжатое

Работа с 3D-графикой *Разработка игр *C# *Unity *

Результат: информация о цвете занимает 1/64 от исходной площади при достаточно высоком качестве результата. Тестовое изображение взято с этого сайта.

Текстуры практически всегда являются наиболее значимым потребителем места как на диске, так и в оперативной памяти. Сжатие текстур в один из поддерживаемых форматов относительно помогает в решении этой проблемы, но что делать, если даже в этом случае текстур очень много, а хочется еще больше?
Что же делать?
Всего голосов 70: ↑69 и ↓1 +68
Просмотры 26K
Комментарии 69

FLIF – идеальный формат для изображений?

Блог компании WEBO Group Разработка веб-сайтов *Open source *Клиентская оптимизация *Обработка изображений *
FLIF

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

FLIF (Free Lossless Image Format) – новый формат файлов для изображений, обеспечивающий беспрецедентное сжатие без потерь. Файлы получаются:

  • На 14% меньше, чем WebP, без потерь
  • На 22% меньше, чем BPG, без потерь
  • На 33% меньше, чем сжатый через ZopfliPNG PNG-файл
  • На 43% меньше, чем обычные PNG-файлы
  • На 46% меньше, чем оптимизированные по Adam7 чересстрочные PNG-файлы
  • На 53% меньше, чем JPEG 2000, без потерь
  • На 74% меньше, чем JPEG XR, без потерь

На Хабре уже опубликовано пару статей на тему FLIF. Но мы пойдем дальше: какую еще практическую пользу несет формат, кроме меньшего размера для большинства типов изображений (в частности, для типов без потерь качества)?
Читать дальше →
Всего голосов 85: ↑75 и ↓10 +65
Просмотры 30K
Комментарии 69
1