[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での指定方法が表示されます。

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

Comments

地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

on 2008年2月19日

CSS Spriteの使い道…

「DesignWalker」さんや「コリス」さんで「CSS Sprite」という技術が紹介されています。
□CSS Spriteを活用しよう – DesignWalk (more…)

top of page

©2011 coliss