Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS] SpritePad – 複数の画像からCSSスプライトを出力するジェネレーター

  • Pocket
  • このエントリーをはてなブックマークに追加

CSSスプライトのジェネレーター。最初は複数の画像が1枚に入ったものから、座標を指定してCSSを出力してくれんのかなと思ったんですが、その逆でした。複数の画像ファイルをサイト上のキャンバスに放り込むと、それらを1枚の画像にしてくれ、その上各画像の座標情報をCSSに書き込んで出力してくれるというもの。CSSスプライトのジェネレーターっていくつかあるけど、この手法は初めて見ました。元々複数の画像に分かれているものを1つにまとめる時などに使えそうです。まとめた画像ファイルはサイト上部の「Download」ボタンから落とす事ができ、またキャンバスのサイズは右下にあるアイコンをドラッグするとできます。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください