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

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

CSS Sprite Generatorのキャプチャ

CSS Sprite Generator

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

CSS Sprite Generatorで生成されたコードと画像のダウンロード画面のキャプチャ

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

sponsors

top of page

©2018 coliss