GIF を最適化し、そのフレームを編集する方法

← すべてのブログ記事

ガイドを更新しました:

アニメーションを確認し、サポートされているフレーム設定を調整し、エクスポートされたファイル サイズを比較します。

ツール名の下にある「このツールの使用方法」リンクを使用してこのガイドを開きます。コンピューターと携帯電話の手順、スクリーンショット、ビデオが含まれています。

ツールを開く →

始める前に

元の GIF を保持します。寸法、色、またはフレームを縮小すると、サイズは小さくなりますが、外観も変わります。

デモファイルを試してみる — animation.gif

これらの小さなファイルはこのガイド用に作成されたものであり、個人データは含まれません。

段階的な説明

  1. アニメーションを選択し、プレビューとフレーム コントロールを待ちます。
  2. 一度再生して重要なフレームとタイミングを特定します。
  3. 利用可能な最適化またはフレーム設定を調整します。一度に 1 つのオプションを変更します。
  4. エクスポートまたは最適化アクションを使用して、新しいアニメーションを待ちます。
  5. 再生速度、ループ、外観を確認し、ファイル サイズを比較し、優先バージョンを保存します。

コンピュータ上で

全幅の作業パネルを使用して、ソース、設定、結果を比較します。元のファイルを保存しておくと、置き換えずに別の設定を試すことができます。

電話で

ファイルまたはデバイスのファイル マネージャーからソースを選択します。設定と結果まで下にスクロールします。操作が完了するまで、このタブを開いたままにしてください。

iPhone の Safari で、共有メニューを開き、結果が新しいタブで開いた場合は、[ファイルに保存] を選択します。 Android Chrome で、「ダウンロード」を確認します。処理が完了するまで、このタブを開いたままにしておきます。

より良い結果を得るために

テキストと小さな動きの詳細は、強力な最適化によって引き起こされた損傷をチェックするのに役立ちます。

スクリーンショットとビデオ

デスクトップデモ

録音では英語のインターフェイスが表示されます。上記の翻訳された手順に従ってください。コントロールは同じ順序です。 この記録には、メインアクションの前にソースと利用可能な設定が表示されます。上記の手順に従って処理を開始し、結果を保存します。

デスクトップデモ
GIF を最適化し、そのフレームを編集する方法 — ツール名の下にあるガイド リンク (コンピュータ上で)
ツール名の下にあるガイド リンク
GIF を最適化し、そのフレームを編集する方法 — ソースの選択 (コンピュータ上で)
ソースの選択
GIF を最適化し、そのフレームを編集する方法 — 設定と次のアクション (コンピュータ上で)
設定と次のアクション

電話デモンストレーション

録音では英語のインターフェイスが表示されます。上記の翻訳された手順に従ってください。コントロールは同じ順序です。 この記録には、メインアクションの前にソースと利用可能な設定が表示されます。上記の手順に従って処理を開始し、結果を保存します。

電話デモンストレーション
GIF を最適化し、そのフレームを編集する方法 — ツール名の下にあるガイド リンク (電話で)
ツール名の下にあるガイド リンク
GIF を最適化し、そのフレームを編集する方法 — ソースの選択 (電話で)
ソースの選択
GIF を最適化し、そのフレームを編集する方法 — 設定と次のアクション (電話で)
設定と次のアクション

質問とトラブルシューティング

アニメーションの再生速度が異なるのはなぜですか?

フレームの継続時間またはフレームの削除により、タイミングが変更される可能性があります。エクスポートする前に、残りのフレーム遅延を確認してください。

ファイルが小さくならないのはなぜですか?

オリジナルはすでに最適化されているか、選択した設定が詳細を保持しすぎてそれ以上削減できない可能性があります。

サービスが過負荷になっているというメッセージが表示された場合は、しばらく待ってからもう一度試してください。試行が失敗しても、ソース ファイルが変更されたわけではありません。

ツールを開く →