何ができるか

GIFアニメーションを読み込み、含まれるフレームを一枚ずつPNG画像として取り出せます。処理はクライアントサイドで完結し、専用ソフトやサーバー処理を必要としません。

こんな時に使う

GIFの途中にある一枚を素材として取り出したい時や、全フレームを連番画像として編集ソフトへ渡したい時に使えます。

主な機能

  • ドラッグ&ドロップまたはファイル選択
  • 全フレームのPNGプレビュー
  • フレーム単位のダウンロード
  • 全PNGをZIPへまとめて保存
  • ブラウザ内でのGIF解析

技術・構成

HTML、CSS、JavaScriptによる静的アプリで、GIF解析にlibgif-js、ZIP作成にJSZip、保存処理にFileSaver.jsを利用しています。

公開先または使い方

アニメーションGIF分解ツールをブラウザで使う。GIFを選択し、表示されたフレームを個別または一括で保存します。

GitHubで見る

アニメーションGIF分解ツールのソースと使用ライブラリをGitHubで見る