CSS Sprite Generator

ソースファイル画像アップロード (ZIP形式):

アップロード最大サイズ: 0.5MB

重複する画像重複画像を無視する重複画像を削除するが、CSSルールは吸収する

元画像をリサイズ

幅: %

高さ: %

スプライト画像設定

Build Direction:

水平オフセット: px

垂直オフセット: px

Operaのバグを修正するためにコラムを囲む:

背景色 / 透過色 # (任意): 何も入力していない場合は、透過であれば黒背景、それ以外では白背景を使います。

透過用の背景色を使う:

保存フォーマット:

色数:

画質: %

OptiPNGで画像を圧縮:

CSS設定

CSSの接頭語 (任意): クラス名の前に挿入するCSS

ファイル名の置換パターン (任意): 例: icon-([0-9]+).png - ファイル名にある番号部分を置換し、生成するCSS内のクラス名として使う。

CSSクラス名の接頭語 (任意): クラス名は番号からは始められません

CSSの接尾語 (任意): クラス名の後に挿入するCSS

Display width and height (optional): Provides the height and width of each sprite in the CSS.

スポンサー