入稿先、メディアチーム、納品仕様で指定された形式を選んでください。HTMLパッケージとレンダリングしたメディアファイルは用途が異なり、エクスポートに成功しても、その形式がプラットフォームに受け付けられるとは限りません。
出力を比較する
| 形式 | 使う場面 | 出力と制約 |
|---|---|---|
| HTML | 入稿先でインタラクティブなHTMLクリエイティブ、プラットフォーム固有のZIP、レスポンシブなレイアウト、独自にホスティングするコードが必要な場合 | クリックの処理、メタデータ、SDK、マニフェスト、パッケージの構成が異なることがあるため、正確なプラットフォーム向けの出力を選んでください |
| アニメーションGIF | 入稿先がアニメーションGIFを明示的に受け付けている場合 | 可逆圧縮・非可逆圧縮と、1回限りの再生・無限再生に対応しています。パレットの詳細設定が結果に影響することがあります |
| MP4 | 入稿先でH.264のMP4動画が必要な場合や、エクスポートに音声トラックを任意で加えたい場合 | ChromeまたはFigmaデスクトップアプリでエクスポートしてください |
| WebM | 入稿先がWebM動画を明示的に受け付けている場合 | ChromeまたはFigmaデスクトップアプリでエクスポートしてください |
| アニメーションPNG（APNG） | 入稿先がAPNG画像を明示的に受け付けている場合 | ChromeまたはFigmaデスクトップアプリでエクスポートしてください |
| アニメーションWebP | 入稿先がアニメーションWebP画像を明示的に受け付けている場合 | ChromeまたはFigmaデスクトップアプリでエクスポートしてください |
要件から選ぶ
広告プラットフォーム向けのパッケージやクリックの処理が必要な場合
HTMLを選び、BannerifyのHTMLプラットフォーム向け出力で正確な入稿先を選んでください。名前の付いた出力では、それぞれ独自のクリックのラッパー、メタデータ、SDK、マニフェスト、ZIPの構成が追加されることがあります。
1つのHTML出力に複数のレスポンシブなレイアウトが必要な場合
入稿先に合ったレスポンシブHTMLのオプションを選んでください。Bannerifyは用意されたFigmaのレイアウトを切り替えて表示するもので、足りないサイズ、ブレークポイント、向きを生成するわけではありません。
コードではなくレンダリングしたファイルが必要な場合
GIF、MP4、WebM、APNG、アニメーションWebPは、入稿先が受け付けていることを確認してから選んでください。これらのエクスポートでは、Bannerifyのタイムラインからフレームをレンダリングし、選んだメディア形式にします。
音声が必要な場合
MP4を使ってください。MP4のエクスポートのワークフローでは、MP3ファイルを追加するか、埋め込み動画の音声を使えます。
HTMLの入稿に静的な代替画像も必要な場合
1xのJPGの代替画像には、backup.jpgを有効にしてください。選んだレイヤーを代替画像から非表示にしたり、ファイルの目標サイズを設定したりできます。
ファイルサイズとレンダリング時間を考慮する
- フレームレートが高いほど、レンダリングに時間がかかり、フレーム数も増えるため、メディアファイルのサイズが大きくなることがあります。
- HTMLの最大ファイルサイズの目標では、指定したしきい値に近づくよう画像素材を圧縮しますが、クリエイティブに素材が多い場合や大きな素材がある場合は、目標サイズが小さいと超えてしまうことがあります。
- HTMLバナーに埋め込んだアニメーションGIFは、BannerifyのHTMLのファイルサイズの目標に含まれません。
- HTMLの画像のスケールを上げると、JPG・PNG素材がよりシャープになりますが、ファイルサイズも大きくなります。
納品物を検証する
- 必要な形式、サイズ、再生時間、ファイルサイズの上限、再生時の動作を受け取り手に確認します。
- 入稿先と同じ設定で、代表的なバナーを1つエクスポートします。
- 解凍した結果をプレビューします。ローカルのHTMLプレビューが止まって見える場合は、エクスポートし直す前に、広告ブロッカーやプライバシー系の拡張機能を無効にしてテストしてください。
- キャンペーン全体を制作する前に、入稿先のプラットフォームでパッケージを検証するか、アップロードしてください。