Лучший способ разбить изображения?

Question

Я сейчас дохожу до того, что хочу спрайт изображений на www.trailbehind.com.

Большинство изображений загружаются функциями JavaScript, и у меня есть много маленьких изображений, таких как значки карты.

Есть ли программное обеспечение, которое поддерживает это? Я знаю, что вы можете использовать Django-спрайты, если ваши изображения находятся в шаблонах Django. И вы можете использовать GWT аналогичным образом, если вы хотите написать некоторый код Java.

Какой лучший способ сделать это для веб-сайта Python / Django с интерфейсом Javascript? Я никогда не показываю HTML, если у пользователя не отключен JavaScript.

Answer 1

Вы также можете использовать Клей . Это инструмент командной строки с открытым исходным кодом для генерации спрайтов CSS.

Answer 2

Существует онлайн генератор спрайтов. Это может сильно помочь процессу.

Answer 3

SpriteMe - отличный вариант, он работает как букмарклет, поэтому вы можете легко запустить его на любом сайте, чтобы увидеть потенциальные выгоды.

Answer 4

Вы можете использовать http://draeton.github.com/stitches/ - это онлайн-приложение HTML5 (открывается с помощью современного браузера)

Вам просто нужно перетащить изображения, и вы можете сгенерировать изображение спрайта и код CSS для использования в вашей таблице стилей.

Answer 5

Если вы хотите создать более жесткий спрайт, попробуйте ZeroSprites .

ZeroSprites использует алгоритм планирования этажей VLSI.

Answer 6

Если вы на Mac, у вас могут быть инструменты для этого. Эти инструменты эффективно упорядочивают спрайты и генерируют минимальный лист спрайтов. Также они автоматически генерируют CSS-вывод для вас. Таким образом, вам не нужно бороться с координатами или подсчетом пикселей. Для этого вы можете использовать Sprite Master .