Силуэты в svg со страницы с примером занимают 32.9 Кб, после сжатия 11.7 Кб.
Двухцветный png 2.5 Кб. Выглядит пикселезировано.
Двухцветный webp 2.3 Кб. Выглядит пикселезировано.
Четырехцветный png 3.5 Кб. Выглядит сглажено.
Четырехцветный webp 4.7 Кб. Выглядит сглажено.
Двухцветный png в два раза больше приведенного разрешения на странице 6 Кб.
Двухцветный lossless двойного разрешения webp 5.7 Кб.
Получается с монохромным изображением, которое очень хорошо сжимается, эти растровые форматы работают намного лучше. Они меньше нагружают процессор. Пайплайн работы с ними более отлажен и надежен.
Хотя сравнение с треугольниками вероятно будет не победоносным для растра.
Двухцветный png 2.5 Кб. Выглядит пикселезировано.
Двухцветный webp 2.3 Кб. Выглядит пикселезировано.
Четырехцветный png 3.5 Кб. Выглядит сглажено.
Четырехцветный webp 4.7 Кб. Выглядит сглажено.
Двухцветный png в два раза больше приведенного разрешения на странице 6 Кб.
Двухцветный lossless двойного разрешения webp 5.7 Кб.
Получается с монохромным изображением, которое очень хорошо сжимается, эти растровые форматы работают намного лучше. Они меньше нагружают процессор. Пайплайн работы с ними более отлажен и надежен.
Хотя сравнение с треугольниками вероятно будет не победоносным для растра.