В настоящее время я показываю 115 (!) Различных иконок спонсоров внизу многих веб-страниц на моем сайте. Они загружаются лениво, но даже в этом случае это довольно много.
В настоящее время эти значки загружаются отдельно и имеют размер 75x50 (или x2 или x3, в зависимости от экрана устройства).
Я играю над идеей сделать их всех в одном спрайте, а не в 115 отдельных файлах. Это означало бы, что вместо множества маленьких файлов у меня был бы один большой файл PNG или WEBP. То, как я собираюсь это сделать, будет означать, что наименьший файл будет иметь ширину 8 625 пикселей; и x3-версия будет иметь ширину 25 875 пикселей, что выглядит как действительно очень большое изображение (хотя и всего 225 пикселей в высоту).
Будет ли изображение с таким размером пикселя вызывать удушение браузера ?
Является ли спрайт правильным способом для достижения более быстрой загрузки страницы здесь, или есть что-то еще, что я должен рассмотреть?