スプライトシートメーカー

CSS と JSON を使用して、アニメーションフレームまたはアイコンを 1 つのスプライトシートに詰め込みます。

無料
サインアップはありません
ブラウザで実行します
モバイルでも動作します

{名前}の概要

入力: PNG フレームまたはアイコン
出力: PNGシート、CSS、JSON
プライバシー: すべてはデバイス上で行われます。何もアップロードされていません。
価格: 無料、アカウントなし、ウォーターマークなし。

{名前}の使い方

1フレームを追加します（ファイル名でソート）。
2列とパディングを設定します。
3PNG、CSS、JSON をダウンロードします。

特徴

最大 200 フレーム。
フレームを並べ替えて削除します。
CSS クラスと JSON フレームデータ。
プライベート: ブラウザで実行されます。何もアップロードされていません。

{名前} よくある質問

代わりにGIFを作成できますか?

はい。 GIF Maker は、同じフレームを独自の速度とループでアニメーション GIF に変換します。

フレームは同じサイズにする必要がありますか?

いいえ。それぞれが最大フレームのサイズのセルに収まります。

スプライトシートメーカーは非公開ですか？

はい。 Sprite Sheet Maker は完全にブラウザ内で実行されるため、入力したり開いた内容がデバイスから出ることはなく、当社のサーバーには何も送信されません。

GIF メーカー写真またはスクリーンショットからアニメーション GIF を作成します。画像スプリッターフル解像度で画像を等しい部分のグリッドに切り取ります。画像を Base64 に変換HTML、CSS、Markdown スニペットを使用して、画像を Base64 データ URL に変換します。GIF コンプレッサーBeta色、フレームレート、サイズを減らしてアニメーション GIF を小さくします。

もっと見る {カテゴリー}最終更新日 2026年10月3日