2009-06-01 16 views
6

私は今、www.trailbehind.comで画像をスプライトしたいと思っています。スプライト画像に最適な方法は?

ほとんどの画像はJavaScript機能によって読み込まれ、マップアイコンなどの画像はほとんどありません。

これをサポートするソフトウェアはありますか?私はあなたの画像がDjangoのテンプレートにあれば、Django-spritesを使うことができることを知っています。また、Javaコードを記述したい場合は、同様にGWTを使用できます。

JavaScriptのフロントエンドを使用したPython/Djangoのウェブサイトでこれを行うにはどうすればよいでしょうか?ユーザーがJavaScriptをオフにしない限り、HTMLを表示しません。

+0

ブラウザウィンドウの高さが660の上記のサイト(IE6)は、完全なナビゲーションを表示したり、スクロールバーを表示したりすることができません。 – Traingamer

+4

@Traingamerうわー、あなたはIE6を使っていますか? – Hyangelo

答えて

0

Macをお使いの場合は、このためのツールが必要です。これらのツールは、スプライトを効率的に順序付けし、可能な最小スプライトシートを生成します。また、自動的にCSS出力を生成します。したがって、座標やピクセルを使って戦う必要はありません。これにはSprite Masterを使用できます。

5

Glueも使用できます。これは、CSSスプライトを生成するオープンソースのコマンドラインツールです。

1

SpriteMeは、ブックマークレットとして機能するので、潜在的な利益を見なければならないサイトであれば簡単に実行できます。

0

より細かいスプライト出力を生成する場合は、ZeroSpritesを試してください。

ZeroSpritesは、VLSIフロアプランニングアルゴリズムを使用します。

0

あなたはhttp://draeton.github.com/stitches/を使用することができますあなたは自分の画像をドラッグ&ドロップする必要があり、あなたがで使用するスプライト画像とCSSコードを生成することができますHTML5のオンラインアプリケーションです。(最新のブラウザで開くことにする)

あなたのスタイルシート。

関連する問題