Как сконвертировать изображение jpg/png в наиминимальнийший объём?

Question

[altair86]

Имеется фото интерфейса веб страницы,- формы по сути,- где есть набор самых примитивных элементов: отрезки, текст, прямоугольники. Однако фото данной страницы немалое: 30-40 кБ при существенном сжатии. Если сжатие увеличивать, то перестаёт быть понятно, что изображено, невозможно прочесть текст.

При этом данных файлов набирается многие гигабайты.
Возможно ли сконвертировать изображение jpg/png в наиминимальнийший объём? Если да, то как? Возможно ли сконвертировать изображение растр в вектор, чтобы получить лучший результат? Если да, то как?

Comments

[d'Ivan]

А принципиально ли хранение именно в форматах jpg/png?

[altair86]

Роман Мирр, нет.
Ниже я пишу, что может пригодится и вектор. Главное - это должно быть в графике: вот так-то выглядело и точка.

[d'Ivan]

altair86, а текст обязательно иметь чётким, безошибочным? Или допустимы какие-то потери в качестве текста при конвертации?

[altair86]

Роман Мирр, допустимы потери.
Главное - оно должно быть читаемое и узнаваемое.

Answer 1

[d'Ivan]

Можно попробовать форматы:

• FLIF
  

  FLIF is a novel lossless image format which outperforms PNG, lossless WebP, lossless BPG, lossless JPEG2000, and lossless JPEG XR in terms of compression ratio.

  
  Отсутствует поддержка веб-браузеров!
  
• WebP
  

  WebP lossless images are 26% smaller in size compared to PNGs.

  
  
• ZopfliPNG
  
• DjVu Document
  man cpaldjvu
  

  NAME
  cpaldjvu - DjVuDocument encoder for low-color images.
  
  SYNOPSIS
  cpaldjvu [options] inputppmfile outputdjvufile
  
  DESCRIPTION
  Program cpaldjvu is a DjVuDocument encoder for images containing few colors. It performs best on images containing large solid color areas such as screen dumps. Compression ratios on such
  images can be much higher than those achieved by GIF or PNG compression.
  
  This program works by first reducing the number of distinct colors to a small specified value using a simple color quantization algorithm. The dominant color is encoded into the background
  layer. The other colors are encoded into the foreground layer.
  

  
  Тест
  155487 screenshot-test1.png (исходный снимок Тостера)
  49461 screenshot-test16.djvu (ограниченик палитры цветов до 16)
  61675 screenshot-test32.djvu (... 32) - хороший баланс качества/размера!
  94641 screenshot-test256.djvu (... 256)
  Размеры в байтах.
  
  
• Сконвертировать при помощи OCR в SVG - лишь теоретически. А на практике даёт плохой результат даже на ABBYY OCR при низких DPI (обычный screenshot).
  Возможен также вариант хранения снимка в плохом разрешении и хранение распознанного OCR текста
  

Comments

[altair86]

Ой спасибо мил человек.
- FLIF - жмёт не как-то не так. Качество уходит в 0 при этом он не выиграл jpg
- WebP - лучше PNG на 26%. Но jpg в моих условиях лучше на 50%.
- ZopfliPNG - прекрасно жмёт PNG. но не дотягивает до jpg
- cpaldjvu - по факту проиграл jpg.
- OCR - пробовал разные библиотеки и утилиты. Не знаю почему, но после такого "распознавания" ничего прочесть невозможно и весь интерфейс становится нечитабельным.

Выберу лучшим, вы проделали большую работу. Буду как-то выходить из положения каким-то иным способом.

[d'Ivan]

altair86, с какими параметрами было сжатие?

[d'Ivan]

altair86, дополнительный вариант для сжатия JPEG - формат lepton. Подходит лишь для хранения, а для отображения нужно конвертировать обратно в JPEG.

Answer 2

[Griboks]

интерфейса веб страницы

Отлично, значит любой элемент можно закодировать кодом. Например

name=page1
title=Привет, мир!
text=Моя первая страница
next=page2,page8

При просмотре нужного "изображения" (состояния) генерируем статическую страницу со свойствами, описанными кодом.

Comments

[altair86]

Не-не-не.
Нужно именно в графике. Кодировка для условного разработчика не пойдёт с последующей генерацией, потому что это становится элементом "мошенничества" со стороны собирателя данных.
В т.ч. вариант сохранения тупо в HTML так же был отвергнут.

[Griboks]

altair86, в таком случае можно сохранять только изменяющиеся данные, отображая их поверх стандартного изображения.

[Griboks]

altair86, вообще, основная идея в том, что вы сжимает серию изображений. Из этого следует, что их общую часть можно "вынести за скобки", и это всегда будет эффективнее единичного сжатия.