メールでGIFを作成して使用する方法

公開: 2020-02-05

人々はGIFが大好きで、毎日何百万ものGIFを共有しています。 これらの短いアニメーションは、メッセージング時に何千もの単語を置き換え、ビジネスの新しい可能性を開きます。 簡潔で活気のあるGIFは、ユーザーを引き付け、ユーザーの注意を向けます。

電子メールでGIFを使用する利点、それらを作成するのに役立つオンラインおよびオフラインのツール、およびSendPulseを使用して電子メールにGIFを埋め込む方法を理解するために読んでください。

コンテンツ
  1. メールでGIFを使用する利点
  2. メールでGIFを使用する際の考慮事項
  3. オンラインでメールのGIFを作成する方法
  4. オフラインでメール用のGIFを作成する方法
  5. 携帯電話でメール用のGIFを作成する方法
  6. メールにGIFを埋め込む方法
  7. メールキャンペーンのGIFの例

メールでGIFを使用する利点

技術的には、GIFは画像形式ですが、JPGやPNGとは異なり、動きの錯覚を作り出すために次々に表示される複数の画像が含まれています。 この幻想は、GIFをビデオの優れた代替手段にします。これは、電子メールキャンペーンで使用するのが難しい場合があります。

GIFがメールマーケティング担当者の友達である主な理由のいくつかを次に示します。

  • GIFが注目を集めています。 静止画像やテキストと比較して、GIFはより多くの注目を集め、メッセージを理解しやすくします。 たとえば、プラスチックの使用を減らすように人々を促すために、プラスチックの危険性について説得力のあるテキストを記載した電子メールを送信することができます。 しかし、電子メールの上部にある表現力豊かなGIFは、サブスクライバーにそれを読ませるものです。
  • GIFはクリック率を高めます。 GIFを含むインタラクティブコンテンツは、クリックして開く率を73%向上させます。 最も単純なケースは、電子メールのアニメーションGIFによって、きらめきや点滅によってCTAボタンが見やすくなる場合です。 創造的な使用により、GIFは視聴者をからかい、クリックを誘発することができます。 たとえば、新製品の開梱の最初の瞬間を表示すると、興味をそそられ、好奇心からWebサイトにクリックスルーするようにサブスクライバーを誘導する可能性があります。
  • GIFは、製品の機能を示すのに役立ちます。 消費者の80%は、ビデオコンテンツがオファーを理解するのに役立つと考えています。 電子メールキャンペーンでは、マーケターはそれをGIFに置き換えて、新製品、サービス機能、またはアプリケーション機能を一目で確認できることがよくあります。 これは、さまざまな角度からの新しいモデルのヘッドフォンの写真、タスク追跡アプリケーションの画面記録、または保証サービスの操作に関する移動するインフォグラフィックである可能性があります。

メールでGIFを使用する際の考慮事項

電子メールにGIFを使用する場合、避けるべきいくつかの落とし穴があります。

メールボックスのサポート

心配しないでください。最も人気のある上位3つの電子メールクライアント(Apple iPhone、Gmail、およびApple Mail)はGIFをサポートしています。 同じことが、ほとんどすべてのデスクトップ、Webベース、およびモバイルプラットフォームにも当てはまります。 唯一気になるのは、Outlook 2007、2010、および2013ではアニメーションの最初のフレームのみが表示されることです。 したがって、安全のために、CTAや見出しなどの最も意味のある情報を最初のフレームに配置することをお勧めします。

GIFサイズ

接続が遅いデスクトップユーザーとモバイルユーザーが開いているすべてのメールの49%を占めるため、GIFのサイズが1MB未満であることを確認してください。 ファイルサイズが大きいほど、完全にロードするのに時間がかかり、サブスクライバーはファイルが表示されずに下にスクロールする可能性があります。

幸い、GIFを圧縮するサービスは数十あります。たとえば、次のようなものがあります。

  • Ezgif
  • IloveIMG
  • Compressor.io

! 編集せずにビデオをGIF形式に変換する必要がある場合は、OnlineConverterを使用してください。

また、GIFの幅にも注意してください。 ほとんどのメールの幅は600ピクセルですが、GIFの幅はこの下に保つようにしてください。 メールテンプレートに複数の列がある場合は、それに応じてGIFのサイズを小さくしてください。 たとえば、2つの等しい列がある場合、GIFは300ピクセルである必要があります。

アクセシビリティの問題

視覚障害はアニメーションコンテンツの表示を困難にする可能性があり、高フレームレートと点滅は発作を引き起こす可能性があります。 したがって、点滅を1秒あたり3回に制限し、高コントラストの遷移や赤い点滅を避けてください。

スクリーンリーダーのユーザーがメールにアクセスできるようにするには、GIFで代替テキストを使用します。

著作権

他の画像としてのGIFは、他の創造的な作品と同様に著作権の対象となります。 ただし、合法的に使用することのすべきこととすべきでないことについての明確なガイドラインはありません。 従うべきいくつかのルールは次のとおりです。

  • 信頼できないソースからのGIFを使用しないでください
  • 作者、視聴者、またはアニメーションに描かれている人を侮辱しないように注意してください
  • 著者に許可を求める
  • 著者のクレジット

最善の解決策は、独自のGIFを作成することです。

オンラインでメールのGIFを作成する方法

GIFが電子メールキャンペーンで非常に役立つ理由がわかったので、巧妙になって独自のアニメーションを作成する準備ができているかもしれません。 以下に、4つの異なるオンラインGIFメーカーを使用するためのガイドを示します。

MakeAGIFでGIFを作成する

MakeAGIFは、YouTubeやFacebookのビデオ、Webカメラ、またはアップロードされた画像やビデオからアニメーションを作成できるユニバーサルGIFソリューションです。 GIFをすばやく、ほとんど編集せずに作成する必要がある場合、これは便利なツールです。アニメーションの長さを調整し、テキスト、絵文字、およびいくつかの簡単な効果を追加するだけです。

YouTubeビデオからGIFを作成するには、それにリンクを追加すると、処理がすぐに開始されます。

MakeAGIFを使用してYouTubeビデオをGIFに変換する

MakeAGIFは、すべての処理が1つのステップで実行されるため、使いやすいです。 ただし、無料バージョンにはいくつかの制限があります。

  • 低解像度および中解像度のGIFのみ。
  • GIFの最大長は20秒です。

拡張機能を使用するには、プレミアムアカウントに月額$ 12でアップグレードし、3日間の無料トライアルを利用できるようにする必要があります。

GiphyでGIFを作成する

無料のGIFエディターであるGiphyを使用すると、複数の写真、アップロードされたGIFまたはビデオ、YouTubeまたはVimeoビデオへのリンク、またはGiphyライブラリからアニメーションを作成できます。 このGIFメーカーの良いところは、作成するGIFに透かしが追加されていないことです。

GiphyでGIFを作成する方法を見てみましょう。

Giphyを使用してビデオをGIFに変換する

ファイルをアップロードして編集します。キャプション、フィルター、ステッカーを追加します。 何かを描いてGIFに追加することもできます。 最後に、タグを入力し、元のGIFへのリンクがある場合はそれを指定します。 その後、GIFをGiphyにアップロードできます。

新しいGIFを使用するには、右クリックして[名前を付けて保存]を選択してダウンロードする方法と、リンクをコピーして共有する方法の2つがあります。 標準のリンクに加えて、ソーシャルメディアでGIFを共有するための特別なリンクと、それをWebサイトに埋め込むためのコードがあります。

GifpalでGIFを作成する

Gifpalは、画像からGIFアニメーションを作成するための無料のオンラインサービスです。 GIFの希望のサイズを選択し、フレーム画像を1つずつアップロードし、長さと順序を調整して、結果を保存します。

Gifpalを使用して画像をGIFに変換する

このサービスの唯一の制限は、右隅に小さな「GIFPAL」透かしがあることです。

YouTubeビデオからGIFを作成する

YouTubeビデオからGIFを作成する場合は、別のWebサイトに切り替える必要もありません。 ビデオページを開き、アドレスバーの「youtube」の前に「gif」という単語を入力します。

このように:www.youtube.com/watch…→www。 GIFのyoutube.com/watch...。

「Enter」を押して、gifs.comのGIFエディターに移動します。 ここでは、GIFにキャプション、ステッカー、さまざまな効果を追加できます。 色、明るさの変更、ぼかしの追加、パディング領域の設定、および水平方向と垂直方向の反転を行うことができます。

調整が終了したら、GIFを作成します。 透かしを削除することはできません— Drakeのポップアップが表示され、月額$ 1.99からの有料バージョンが提供されます。 最後のステップで、GIFをパブリックにするかプライベートにするかを選択します。 最終ファイルは、元のサイズと圧縮されたサイズの2つのサイズでダウンロードできます。 それ以外の場合は、リンクをコピーしてソーシャルメディアで共有するか、GIFをWebサイトに埋め込むことができます。

Gifs.comを使用してYouTubeビデオをGIFに変換する

Gifs.comでは、アップロードした動画や、VineやInstagramの動画を編集できます。 これらの機能はメインページで利用できます。 そこに行くには、ページの左上隅にあるgifアイコンをクリックします。

ノート! SendPulseを使用すると、YouTubeビデオからGIFを作成し、すぐに電子メールに埋め込むことができます。ナレッジベースの手順をお読みください。 この方法は、ビデオが100MB以下の場合に機能します。

オフラインでメール用のGIFを作成する方法

さまざまなオフラインソフトウェアを使用してGIFを作成することもできます。 ソフトウェアのインストールは必ずしも便利ではありませんが、透かしなしで、任意のサイズと解像度のGIFを取得できます。

PhotoshopでGIFを作成する

Photoshopを使用すると、画像またはビデオからGIFを作成できます。 両方のオプションを見てみましょう。

Photoshopの画像からGIFを作成するには、新しいファイルを作成することから始めます。 将来のGIFに必要な画像をインポートします。GIFの各フレームは個別のレイヤーである必要があります。 次に、[ウィンドウ] > [タイムライン]に移動します。 [ビデオタイムライン作成]ボタンのある新しいパネルが表示されます。

  1. ボタンの矢印をクリックして、ドロップダウンメニューを表示します。
  2. ボタンの機能を変更するには、[フレームアニメーションの作成]を選択します
  3. ボタンをクリックして、最初のフレームを作成します。

最初のフレームがタイムラインに表示されたら、その期間を設定し、必要なレイヤーのみを表示したままにします。 完成したフレームを必要な回数だけコピーします。

Photoshopを使用して画像をGIFに変換する

[ファイル] > [エクスポート] > [ Web用に保存]を選択してGIFを保存します

saving gif for email in photoshop
画像をGIFファイルとしてエクスポートするためのPhotoshopメニュー

エクスポートパラメータを設定します。 保存するファイルの種類を選択します。品質が異なり、それに応じてサイズも異なります。 色の数とファイルの幅と高さを制限することで、選択したバージョンのサイズを縮小できます。

出力ファイル形式としてGIFを指定していることを確認し、[ループオプション]ドロップダウンメニューで[永久]を選択してください。

saving gif for email in photoshop
PhotoshopでのGIFエクスポートパラメータ

PhotoshopビデオからGIFを作成するには、 50MB以下の小さなファイルをアップロードするのが理想的です。 より大きなファイルを処理するには、プログラムにはるかに長い時間がかかります。

新しいファイルを作成し、 [ファイル] > [インポート] > [レイヤーへのビデオフレーム]に移動します

creating gif gor email in photoshop
ビデオフレームをインポートするためのPhotoshopメニュー

ビデオを選択すると、インポートウィンドウが表示されます。 ビデオ全体をインポートするか、ビデオの一部をインポートするかを選択します。 余分なフレームを削除してGIFの長さを短くできるため、ビデオの長いセクションを選択することをお勧めします。 GIFを小さくするには、[すべてのXフレームに制限する]チェックボックスをオンにします。空のフィールドに2を入力すると、元のファイルの2分の1のフレームになります。 3を入れると、フレーム数が3分の1になります。 これは品質にはあまり影響しません。 ただし、GIFは元のビデオほど滑らかではありません。 最後に、[フレームアニメーションを作成する]オプションにチェックマークを付けます。

設定の例を次に示します。

creating gif for email in photoshop
PhotoshopでGIFを作成するためのビデオエクスポート設定

次に、画像からGIFを作成するときに行ったのと同じ手順を繰り返します。 タイムラインパネルを開くと、フレームはすでにそこにあります。

creating gif for email in photoshop
PhotoshopでのGIF作成タイムライン

必要に応じてフレームを編集します。期間を変更するか、不要なフレームを削除します。 フレームシーケンスに画像やテキストを追加することもできます。 [ファイル] > [ Web用に保存]からファイルを保存します

PhotoscapeXでGIFを作成する

無料版のPhotoscapeXを使用して、macOSまたはWindows10の画像から簡単なGIFを作成できます。

Photoscape Xは、画像エディタがPhotoshopよりも使いやすいため、使い勝手が良いです。 画像の切り抜き、色の調整、コラージュの作成、テキスト、矢印、その他のオブジェクトの追加を行うことができます。

Photoscape Xを使用して画像からGIFを作成するには、右側のメニューでGIFの希望のサイズを選択します。 画像をエディタウィンドウにドロップし、希望の順序で配置します。 次のステップは、各フレームの期間とそれらの間の遷移を調整することです。 最後に、右下隅にある[保存]ボタンをクリックして、ループパラメータを設定します。

PhotoscapeXを使用してPC上で画像をGIFに変換する

携帯電話でメール用のGIFを作成する方法

iOSとAndroidのどちらであるかに応じて、携帯電話で画像や動画をGIFに変換する場合は2つのオプションがあります。

GIFメーカー

GIF Makerは、AndroidでGIFを作成するのに役立ちます。 このアプリケーションは、画像、ビデオ、および画面キャプチャを処理できます。

GIFMakerモバイルアプリケーションでメール用のGIFを作成する

このアプリケーションには奇妙な価格設定ポリシーがあります。ほとんどすべての機能が無料プランで利用できます。 欠点は、編集時に手順を元に戻すことができないことです。元に戻す/やり直しボタンはありません。 また、無料のアカウントには膨大な量の広告があります。 $ 2.99で、制限や広告のないプレミアムバージョンを購入できます。

Giphy

これは、Giphyのオンラインサービスを利用したAndroidとiOSの両方に対応した無料のモバイルアプリケーションです。 携帯電話のファイルから、またはアプリケーションで直接写真やビデオを撮ることでGIFを作成できます。

GIFを作成するには、下部のメニューのプラスアイコンをクリックします。 カメラが開きます。 写真を撮りたい場合は、丸をタップしてください。 ビデオを録画したい場合は、サークルを押したまま、終了したら離します。 携帯電話のファイルを使用する場合は、ギャラリーアイコンをクリックしてください。

モバイルアプリケーションは、Webバージョンと同じ編集機能(キャプション、フィルター、ステッカー)を提供します。 結果のファイルをビデオまたはGIFとしてダウンロードしたり、Giphyライブラリにアップロードしたりできます。

GiphyモバイルアプリケーションでGIFを作成する

メールにGIFを埋め込む方法

SendPulseドラッグアンドドロップエディタを使用すると、GIFを「画像」要素として電子メールに埋め込むことができます。 エディタを開き、「Picture」要素をテンプレートにドラッグアンドドロップします。 次に、アップロードボタンをクリックするか、ファイルを直接ドロップして、GIFを追加します。

SendPulseドラッグアンドドロップエディターでのGIFの追加

GIFが表示されていない場合でも、サブスクライバーがメッセージを理解できるように、必ず代替テキストをGIFに追加してください。 リンクを追加することもできます。

adding alt-text to gif in email template
代替テキストと、必要に応じてGIFへのリンクを追加する

メールキャンペーンのGIFの例

メールにGIFを追加する準備はできましたか? インスピレーションが必要ですか? あなたの創造性を刺激するためのいくつかの実際のユースケースを見てみましょう。

前述のように、GIFは、製品またはサービスの機能を強調するために電子メールキャンペーンでよく使用されます。 以下に、新しいツールの1つである公開カレンダーを紹介するSproutSocialからのメールを示します。 試用期間を提供するCTAの直後に、動作中のカレンダーを示すGIFがあります。 サブスクライバーは、使い慣れたソーシャルメディアアイコンとカレンダーグリッドを見て、主題を即座に理解します。

SproutSocialによる電子メールの説明者GIF

同じ考え方が、より複雑なケースにも当てはまります。 SM Contactは、GIFを使用して回路基板の製造技術を示し、顧客の製品に対する理解を深めます。

SM連絡先による電子メールの説明者GIF

GIFは、メールの雰囲気を設定するのにも役立ちます。 たとえば、Grammarlyは、毎週のメールでアニメーションアイコンを使用して、ユーザーがサービスを利用してチェックした単語の数をふざけて表現しています。

Grammarlyによる毎週の更新メールのGIF

電子メールの主要な件名に注意を引くことにより、GIFはクリックをトリガーできます。 以下のHootsuiteによる電子メールは、アニメーションバナーでそれを説明するソーシャルメディアトレンドレポートを提供します。 バナーをクリックすると、2020年のソーシャルメディアインサイトトップ5に関するウェビナーのランディングページに到達します。

Hootsuiteによるメールのクリック可能なGIFティーザーバナー

結論

GIFは、ユーザーの注意を引き、複雑なトピックを分解し、さらにはコンバージョンを促進するために使用される画像とビデオの中間にあります。

メールでGIFを正しい方法で使用するには:

  • CTAまたはヘッダーをGIFの最初のフレームに追加して、最も有益なものにします。
  • ファイルの重みを1MBに、幅を600pxに制限します。
  • 頻繁な点滅や点滅は避けてください。
  • 著作権を尊重します。

メール用のGIFを作成するには、次のようにします。

  • Webベースのツール。
  • コンピュータ用のオフラインソフトウェア。
  • モバイルアプリケーション。

メールキャンペーンにちょっとした動きを加える準備ができて、インスピレーションを得られることを願っています。SendPulseにサインアップして、テンプレートにGIFをすばやく追加し、サブスクライバーを喜ばせます。