アニメーションを壊さずに Mailchimp に GIF を挿入する方法

2026-11-04

通常の画像を追加するのと同じ方法で、Mailchimp に GIF を挿入できます。電子メールに画像ブロックを配置してから、 .gif ファイルを選択するか、Mailchimp の GIPHY ライブラリから GIF を選択します。重要な違いは、アニメーションのサイズを変更して最適化する必要があることです。前にそれをアップロードしています。 Mailchimp の画像エディタはアニメーションを編集するように設計されていないため、アニメーションファイルが平坦化されたり壊れたりする可能性があります。

簡単な手順: 独自の GIF をアップロードします

電子メールに十分な幅で、必要以上に大きくない短い GIF を準備します。
Mailchimp のビルダーでメールを開き、アニメーションを表示する場所に画像コンテンツブロックを追加します。
画像を置換または選択するオプションを選択して、 .gif ファイルをコンテンツスタジオにコピーします。
有用な代替テキストを追加し、GIF が行動を促すものである場合は、画像を関連ページにリンクします。
デスクトップバージョンとモバイルバージョンをプレビューし、視聴者が最もよく使用する受信トレイにテスト電子メールを送信します。

ソースがビデオの場合は、最初にアニメーションを作成します。 MP4からGIFへのコンバーター。ファイルがすでにアニメーション化されているが大きすぎる場合は、 GIF コンプレッサー Mailchimp にアップロードする前に。

Mailchimp の組み込み GIPHY 検索を使用する

Mailchimp の Content Studio には、検索可能な GIPHY ライブラリが含まれています。画像ピッカーで GIPHY ソースを開き、適切なリアクションまたはアニメーションを検索し、それを画像ブロックとして選択します。装飾GIFなどに便利です。ブランド製品のデモンストレーションの場合は、独自の最適化されたアニメーションをアップロードして、トリミング、色、最初のフレーム、リンク先のリンクを制御します。

最初のフレームが重要な理由

最新の電子メールクライアントのほとんどは GIF をアニメーション化しますが、サポートは普遍的ではありません。アニメーションを再生しないクライアントには、最初のフレームのみが表示される場合があります。そのフレームに見出し、製品、オファー、またはメインビジュアルを配置します。ループが終了するまで重要なメッセージを非表示にしないでください。アニメーションが開始されない場合でも、電子メールは意味をなすはずです。

電子メールの推奨 GIF 設定

寸法: レンダリングされた幅に近い値をエクスポートします。一般的な電子メールの全幅画像が 600 ～ 800 ピクセルを超える必要があることはほとんどありません。
期間: ループを短くし、終わりのトランジションをきれいに最初に戻します。
ファイルサイズ: 小さいほど良いです。読みやすさを犠牲にする前に、不要なフレームを削除し、サイズを縮小し、色数を減らします。
フレーム 1: 便利な静的フォールバックとして設計してください。
代替テキスト: アニメーション内のすべての動きではなく、情報やアクションを説明します。

これらのよくある間違いを避けてください

ビデオ埋め込みコードを貼り付けて、それが受信トレイで再生されることを期待しないでください。電子メールクライアントは通常、埋め込みメディアとスクリプトをブロックします。 Mailchimp がアップロードを受け入れるからといって、巨大なアニメーションを使用しないでください。ファイルが大きいとメッセージが遅くなり、モバイルデータが消費され、アニメーションが読み込まれる前に読者が離れてしまう可能性があります。電子メールを不快にしたりアクセスしにくくしたりする可能性のあるフレームの点滅や素早い動きは避けてください。

送信前にテストする

Mailchimp のプレビューツールを使用しますが、実際のテストメッセージも送信します。最初のフレーム、ループ、リンク、代替テキスト、モバイルの幅、読み込み時間を確認します。重要な視聴者セグメントが静的フレームを表示するクライアントを使用している場合は、そのフレームにオファー全体が含まれていることを確認してください。

公式リファレンス

Mailchimp はアニメーション GIF の制限について文書化しており、アップロードする前にアニメーションコンテンツを編集することを推奨しています。 HTMLメールの制限事項ガイド。それコンテンツスタジオガイドまた、GIPHY が利用可能な画像ソースとして識別されます。