Блин, в первую очередь надо отталкиваться от задачи, кол-ва другой графики на странице и сроков проекта.
Излишняя переоптимизация вредит срока а выигрывает доли процента.
Бытовой вариант:
Если требуется прозрачность снизу сверху - png цельным куском и прогнать через
https://tinypng.com/ уменьшится процентов на 70.
Если не требуется прозрачность - jpg цельным куском - прогнать через
https://tinypng.com/
Если требуется как то работать с внутренними картинками (что бы они двигались, по ним можно было кликнуть и тд), то фон исходя из задачи выше, отдельные элементы в png и все прогнать через
https://tinypng.com/ для сжатия.
https://tinypng.com/ - как пример, его можно использовать прямо в браузере или подключить в gulp или использовать другие минификаторы изображений.