Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Загрузка большого числа маленьких картинок


Автор: xess 19.7.2007, 14:27
Нужно загружать в одной странице около 1000 иконок, размер допустим около 1 кб. Т.е. уже получается около 1 Мб в сумме. Причем, чувствую, что из-за такого большого числа хттп-запросов будут жуткие тормоза. Иконки планируется размещать в ряды, т.е. примерно 50 рядов по 20 иконок.

Как можно оптимизировать загрузку?

Была идея объединить все иконки в одну большую картинку, чтоб только ее один раз закачать. Но просто иконки находится должны на некотором расстоянии друг от друга, т.е. в итоге получится уж очень большая картинка по размерам в пикселях.

Автор: AN_Reise 19.7.2007, 20:05
Но можно сделать картинку более вертикальной, тогда и горизонтального скролла не будет.
Хм, кроме использования изображения карты в таком аспекте я другого не вижу.
Проще закачать все это в архив, как-то разукрасить графически (ссылку на скачивание иконок),
проблем будет меньше и тебе и пользователю.

Автор: SelenIT 19.7.2007, 23:54
Можно сделать одну картинку без отступов и показывать на каждой иконке только требуемую часть с помощью CSS (свойства clip или background-position, если использовать картинку как фон).

Автор: xess 23.7.2007, 10:24
Цитата(SelenIT @ 19.7.2007,  23:54)
Можно сделать одну картинку без отступов и показывать на каждой иконке только требуемую часть с помощью CSS (свойства clip или background-position, если использовать картинку как фон).

Да, хороший способ, читал о нем.
Может есть еще хорошие способы?

Автор: feosr 23.7.2007, 16:03
есть впринцыпе, можно сделать картинку с отступами уже в ней. Но не одной а штук 20-50

Автор: AN_Reise 23.7.2007, 20:45
Хм, а можете вы это показать "на коде"?

Автор: feosr 23.7.2007, 22:13
А что показывать то? Кстати, иконки допустим ты выведеш. Но для какой цели?

Автор: AN_Reise 24.7.2007, 19:46
А мне интересно как реализовать вышеописанный эффект

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)