Что я хочу
В настоящее время у меня есть png-образ 4000x4000
. После использования tinypng.org он стал всего 288 КБ файлом.
Теперь я хочу, чтобы метод fastes загружал изображение, помещал его в DOM и мог нарисовать на нем много холста.
Я тестировал несколько, и результаты ошеломили меня.
Что я тестировал
Я сделал 3 теста и проверял только скорость загрузки.
- (423ms)
<canvas>
- (138ms)
<img>
- (501ms) CSS
background-image
Тег <img>
является самым быстрым.
Вопрос
Итак, неудобно ли использовать тег <img>
для отображения огромного (фонового) изображения и использовать какой-то грязный CSS, чтобы иметь возможность рисовать холст на нем?
Или лучше использовать холст в моем случае и не беспокоиться о более длительном времени загрузки?