[CSS]複数の画像を一枚で表示できるジェネレーター -CSS Sprite Generator

CSS Sprite Generatorは、GoogleやYahoo!などで使用されている複数の画像を一枚の画像にし、CSSで表示位置を変更するスタイルシートをオンラインで生成するジェネレーターです。

• Yahooで使用されている画像
• Googleで使用されている画像

CSS Sprite Generator

使用するには、「Source Files」に複数の画像をZipに圧縮したファイルを指定します。
オプションはいろいろありますが、「Create Sprite Image & CSS」ボタンをクリックするとスプライト画像とスタイルシートが生成されます。

一枚に生成された画像のダウンロードと、CSSでの指定方法が表示されます。

Post on:2007年9月29日