Материалы к докладу "Картинки как коробки, что же там внутри"

О чем доклад?

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

Слайды

Слайды на speakerdeck

Полезные штуки (статьи и инструменты)

О форматах в целом

• Подробная статья о том что и как :)

PNG

• Спецификация (читается легко :)
• OptiPNG — оптимизатор PNG

JPEG

• Страничка с разнообразными спецификациями
• Wikipedia JPEG2000

Штуки которые используются в JPEG

• Y'CbCr color space
• Discrete cosine transform (DCT)

WebP

• WebP codec
• Оды WebP можно начинать читать отсюда
• WebMProject VP8, VP9 кодеки
• Техническая статья про детали реализации VP8

AV1

• Статья про использование AV1
• Спека AV1
• Alliance for open media
• Cтатья про формат AVIF от Netfilix

Tools

• Squoosh web-интерфейс сжимания всего во все
• Imgproxy
• mozjpeg
• ffmpeg -- video encoding & decoding
• optipng
• libvips
• ImageMagick

Прикольные команды

Посмотреть что лежит внутри jpeg

djpeg -verbose -verbose your-file.jpg > /dev/nul

Сделать фрейм AV1 видео (ffmpeg должен быть установлен)

ffmpeg -i your-file.jpg -c:v libaom-av1 -crf 48 -b:v 0 -map_metadata -1 -strict experimental your-file-av1.mp4

Посмотреть motion vectors (куда двигаются блоки) на видео

ffplay -flags2 +export_mvs your-file.mov -vf codecview=pf+bf+bb

Блог марсиан

Блог марсиан