Что я хочу

В настоящее время у меня есть изображение PNG4000x4000, После использованияtinypng.org это стало просто 288KB файл.

Теперь я хочу быстрый способ загрузить изображение, поместить его в DOM и иметь возможность рисовать много холста ». в теме.

Я проверил некоторые, и результаты ошеломили меня.

Что я проверял

Я сделал 3 теста и проверил только скорость загрузки.

(423ms)(138ms)<img>(501мс) CSSbackground-image

<img> тег самый быстрый.

Вопрос

Итак, является ли плохой практикой использование<img> тег для отображения огромного (фонового) изображения и использования грязного CSS, чтобы иметь возможность рисовать на нем холст?

Или лучше использовать холст в моем случае и небеспокоиться о более длительном времени загрузки?