GIFトリミング – アニメーションを失わずにGIFをクロップ

ブラウザで直接GIFをクロップ

この GIF クロッパーは、アニメーションGIFのすべてのフレームから同じ長方形を切り抜くため、動き、フレーム遅延、ループカウント、透過性がすべてトリップ後も維持されます。WebAssemblyを使用してご自身のマシンで動作するため、ファイルがデバイスから離れることはなく、何も保存されず、サインアップ、ウォーターマーク、エクスポートの制限もありません。手動で、またはプリセットの比率に合わせてクロップできます。

まず圧縮ツールを開発しました。その後、人々が画面の3分の1がブラウザタブやデスクトップの壁紙である1280pxの画面録画を供給しているのを見て、その半数はバイト数を小さくする必要はなく、より引き締まったフレームが必要なのだと気づきました。そこでクロッパーが登場しました。

GIFをトリミングする方法

GIFのクロップは3つの手順で行えます。ファイルを加え、クロップ範囲を設定し、結果をダウンロードします。作業はブラウザ内で行われるため、インストールや待ち時間はありません。複数ファイルを同時にクロップする際も同様です。複数のGIFを加え、キュー全体に同じクロップ範囲を適用します。

1. 1.GIFを追加します

   ツールにGIFをドロップするか、クリップボードから貼り付けるか、直接画像URLを貼り付けてください。ファイルはデバイス上に保持されます。

2. 2.クロップ領域を設定

   切り抜きボックスとそのハンドルを、残したい部分にドラッグするか、1:1や16:9などのアスペクト比プリセットを選択します。GIFに境界線がある場合、自動トリムはボックスをコンテンツにスナップさせます。

3. 3.切り抜いたGIFをダウンロード

   GIFをクロップを押して、前後の比較を確認し、ファイルをダウンロードします。一括でクロップした場合は.zipを取得してください。

秘訣: 確定する前にアニメーションを再生してください。被写体が動く場合、1フレーム目では完璧に見えたクロップが、40フレーム目では肝心な部分を切り取ってしまうことがあります。静止画のサムネイルではなく、ライブプレビューの上にクロップボックスが表示されるのはそのためです。

アニメーションGIFをクロップすると、ファイルに実際に何が起こるか

GIFは、フレームのスタックに加えて、カラーパレットと遅延時間のセットで構成されます。アニメーションGIFをクロップすると、すべてのアニメーションフレームから同一の長方形が切り取られ、キャンバスサイズが書き換えられます。これにより、画像は小さくなりますが、タイムラインは変わりません。フレームあたりのピクセル数が少ないとバイト数も少なくなるため、クロップは通常、ファイルサイズも縮小します。

素朴なトリミングツールがアニメーションを汚す理由

世の中のほとんどのGIFはフレーム最適化されています。各フレームは、前回のフレームから変更された四角い部分のみをオフセット付きで保存しています。これを盲目的にトリミングすると、異なるフレームから異なる領域を切り取ることになり、ゴーストのような残像や、ループ中にピクセルがにじむ原因となります。

そのため、まず結合します。すべてのフレームが完全な画像に展開され、クロップがすべてに均等に適用され、その後、出力が肥大化しないようにフレーム間の最適化が元に戻されます。クリーンなカットと整頓されたファイルが得られます。

クロップはピクセルだけでなくバイトも削減します

1280×720の画面録画が98KBだったとします。ブラウザのクロームとタスクバーを切り取ると、1280×616で90KBになります — ピクセル数の14%減に対し、バイト数は8%の削減です。この削減がピクセル数に遅れるのは、パレット、ヘッダー、フレームごとのオーバーヘッドが画像と共に縮小しないためです。画像をさらに切り取れば、さらにバイト数を節約できますが、決して1対1ではありません。

GIFのクロップ、カット、トリム — どれが必要ですか？

GIFをクロップすると、すべてのフレームの端からピクセルが切り取られ、スペースが削減されます。GIFをトリムまたは短縮すると、時間の削減になります。つまり、開始または終了からフレーム全体が切り取られます。サイズ変更は、何も削除せずに画像全体を縮小します。「GIFをカットする」という言葉はこれら3つすべてを指すため、GIFカッターを検索すると3種類のツールが表示されます。

• このツールはトリミングを行います。GIFの寸法を変更し、アニメーションフレームはそのままにします。
• To change the whole canvas without cutting anything away, use the GIFサイズ変更.
• 表示される内容を変更せずにファイルを縮小するには、当社の GIF圧縮 切り抜き後。

GIFを正方形、16:9、またはPFPサイズにクロップ

アスペクト比のプリセットは、ドラッグ中にトリミングボックスを固定された形にロックします。制約なしの「自由」、正方形GIFの「1:1」、ワイドスクリーンの「16:9」、縦長の「9:16」、古いキャプチャや写真フレーミング用の「4:3」または「3:2」があります。プリセットを選択し、ボックスを配置すると、幅と高さが常に比率を保ちます。

プロフィール写真用にGIFをクロップする

ほぼすべてのプラットフォームは、アバターを表示する前に正方形にトリミングします。ワイドスクリーンのGIFをアップロードすると、プラットフォームの自動トリミングが何を残すかを決定し、たいてい中央を選びます。これはあなたの顔がある場所とは限りません。自分で1:1でpfpクロップを行えば、その決定を自分で制御できます。

「円形」GIFについて

GIFファイルは常に長方形です。フォーマットに円形のGIFは存在しないため、円形GIFはプラットフォームの円形マスクの背後にある正方形GIFか、角が透明な背景を持つ正方形GIFのどちらかです。1:1にトリミングすると、アバターを円形に表示するあらゆるサイトで円形バージョンが自然に表示されます。

バナーの切り抜きは逆方向の同じアイデアです。通常3:1以上の横長なので、「自由」を選択し、幅と高さのフィールドに正確な数値を入力してください。

20個のGIFをクロップし、すべてを測定しました

GIFのクロップが実際にどれだけ節約になるかを調べるため、私たちは4つの問題の形状（ブラウザのクロームを含むスクリーン録画、デッドスペースのあるミーム、レターボックス化されたクリップ、正方形のアバターにクロップされたワイドスクリーンのソース）にわたる20個のテストGIFを作成し、各々をこのページが使用する正確なクロップパイプラインで実行しました。その結果がこちらです。

全20ファイルで、中央値の切り抜きにより36%のピクセルと22%のバイトが削除されました。これは、切り抜かれたピクセル1つあたり約0.6バイトの節約に相当します。この差は、キャンバスが縮小しても減少しないパレットとヘッダーのオーバーヘッドによるものです。

正方形のアバターのトリミングは例外で、ピクセルの44%に対して44～47%を返しました。これは、破棄された領域が賑やかな背景だったためです。静かな黒いレターボックスバーのトリミングは最も効果が低く、ピクセルの33%に対してファイルサイズの11～16%しか得られませんでした。空のピクセルは既にほとんど無料でした。

最終テスト日時：2026年8月。

人々が実際にGIFをクロップする目的

アニメーションGIFのクロップは、アートディレクションのためであることはほとんどありません。特定の形状を要求するプラットフォームのためであったり、意図せずデスクトップの一部まで録画してしまった場合などです。このクロッパーを通過するほぼすべてのGIFは、これら6つの用途に当てはまり、それぞれに適切なプリセットがあります。

GIFのクロップに関する質問

毎週、受信トレイには同じ質問がいくつか届きます。アニメーションが残るか、正方形にする方法、Windowsにアプリが必要か、ファイルサイズがどこに行くのか、といった質問です。このツールが意図的に行わないことを含め、短く正直な回答を以下に示します。