Спрайты изображений имеет значение высота?

Question

Есть ли у вас проблема со спрайтом изображения? 30px × 27,900px

изображение почти на 90% пустое. его всего 9,5 КБ, но что-то такое неправильное в том, что в браузере работает что-то такое большое.

Мысли или идеи?

Answer 1

То, что на диске 9,5 КБ, не означает, что он не будет занимать большой объем памяти в браузере, который должен распаковать изображение, прежде чем его можно будет отобразить. (Окончательный размер зависит от используемого сжатия и т. Д.)

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

Answer 2

FWIW. Производительность браузера, по-видимому, не снижается при значительных смещениях (например, при скрытии DIV путем помещения его в 10000 пикселей влево).

Обработка изображений часто выполняется с помощью двухмерных массивов, и, следовательно, доступ к любой части изображения может быть выполнен довольно легко и без необходимости линейного обхода. Таким образом, если вы укажете, что значок с разрешением 16x16 пикселей расположен при 5000, 3000, механизм рендеринга может довольно легко найти эти пиксели.

Конечно, два очевидных вопроса:

1. Зачем вам столько пробелов?
2. Вы тестировали на производительность?