Googleフォームのヘッダー画像サイズに関するすべて

インタラクティブなステップバイステップチュートリアル

Googleフォームのヘッダー画像またはバナーとは何ですか?

Googleフォームのヘッダー画像、またはバナーは、Googleフォームの上部に表示される画像のことです。フォームの受信者がフォームを開いたときに最初に見るものなので、とても重要です。Googleフォームのヘッダー画像やバナーがフォームの内容に合わない場合や、ブランドに一致しない場合、視聴者にとって混乱や一貫性のない体験をもたらす可能性があります。

理想的なGoogleフォームのヘッダー画像サイズは何ですか？

*Googleサポートフォーラムによると、Googleフォームのヘッダー画像の推奨寸法は1600×400ピクセルで、アスペクト比は4:1です。

理論的には、好きなイメージをヘッダーとして使用できます。しかし、他の寸法の画像を使用すると、解像度の問題が発生し、画像が切り取られたり、ぼやけたりして理想的でない場合があります。最適な結果を得るためには、推奨される寸法の画像を使用する必要があります。気に入った画像がこれより大きい場合は、画像を切り取って適合させることを検討することができます。

Googleフォームにヘッダー画像をアップロードする方法

新しい空のGoogleフォームにヘッダー画像を追加するのは簡単です。以下の手順をご覧ください。

1. ヘッダー画像を追加したいフォームを開き、右上のペイントパレットアイコンをクリックして、テーマメニューを開きます。メニューは画面の右側に表示されます。
2. ヘッダーセクションで、画像を選択をクリックします。（すでにヘッダー画像があるテンプレートを使用している場合は、アップロードされた画像をクリックして新しいファイルを選択します。このオプションの詳細については下で説明します。）
3. Googleフォームは、ヘッダー画像を追加するための3つのオプションを表示するポップアップメニューを表示します：テーマ、アップロード、フォト。アップロードタブをクリックして、コンピュータから画像を使用します。
4. 参照をクリックして、画像を選択します。
5. 提供されたサイズ調整ツールを使って、ヘッダーに表示される画像の範囲を確認します。画像上をドラッグして、表示したいエリアを選択します。
6. 完了をクリックして、画像をフォームにアップロードします。

Googleフォームでヘッダー画像をカスタマイズする方法

新しいヘッダー画像を追加するのと同様のプロセスを使用して、Googleフォームテンプレートに含まれるヘッダー画像など、既存のGoogleフォームのヘッダー画像を変更またはカスタマイズすることもできます。

GoogleフォームのRSVPフォームテンプレートを例に使ってみましょう。

1. Googleフォームのホームページから、上段にあるテンプレートの中のRSVPフォームをダブルクリックして開きます。

2. テンプレートで、画面上部のパレットアイコンを選択し、ヘッダーセクションまでスクロールしてアップロードされた画像をクリックします。

3. ヘッダー画像をカスタマイズするには、テーマ、アップロード、またはフォトを選択します。

• テーマ。 テーマタブに一覧されている大量のストック写真から選択できます。画像はカテゴリー別に並んでおり、一部には微妙なアニメーションもあり、興味を引くことができます。ただし、あまりに忙しすぎるものを選ばないように注意してください。注意をそらす可能性があります。
• アップロード。 このオプションを選択して、コンピュータから別の画像をアップロードします。上記の手順に従ってください。
• フォト。 このタブはアップロードタブと同様に機能しますが、Googleフォトから画像を選ぶことができます。

Googleフォームのヘッダー用画像をリサイズする方法

独自の画像を使用する場合、Googleフォームの要件に合わせて画像を調整するオプションがあります。

画像を編集するオプションには、切り取り範囲の選択や画像の回転が含まれます。それ以上のことをしたい場合は、写真編集ソフトを使用する必要があります。

Googleフォームは、多くのカスタマイズオプションを提供していません。フォーム要素や他のコンポーネントのサイズとレイアウトを変更することはできません。ヘッダーも含まれます。そのため、画像のトリミング境界をリサイズすることができても、常に同じ4:1のアスペクト比に固定されます。

既存の画像をそのアスペクト比にクロップするか、その比率に合う画像を初めから作成することができます。再度、幅1600ピクセル、高さ400ピクセルの画像が理想的です。

フォームのヘッダー画像がブランドに与える影響

ブランドは単なる色や画像の集まり以上のものです。お客様にあなたのビジネスストーリーを伝えます。使用する色、画像、その他の視覚的なブランド要素は、人々にそのストーリーを思い出させるものです。例えば、Googleのテンプレートギャラリーからのこの画像は、鮮やかで明るい色と印象的なイメージを使用しています。このようなデザインに合うブランドには適しているでしょう。

オンラインフォームのヘッダー画像は、ユーザーが最初に目にするものです。視覚的に魅力的な強力なヘッダー画像は、ブランドのアイデンティティを人々に思い出させる肯定的な第一印象を与えることができます。一方、設計が不十分なヘッダー画像は、ユーザーエクスペリエンスを損なうだけでなく、ブランドの評判を傷つける可能性もあります。下の画像はGoogleのテンプレートギャラリーの一部ですが、特に興味深いものや目を引くものではなく、その無気力な外観のために、あなたの全体的なブランドの魅力を損なう可能性があります。

フォームのヘッダー画像がブランドに影響を与えるいくつかの方法を以下に示します：

• 視覚的な魅力: よくデザインされたヘッダー画像は、フォームを視覚的に魅力的で魅力的にすることができ、ユーザーを引き寄せてフォームを完成させるための助けとなります。
• ブランドアイデンティティ: ヘッダー画像は、ブランドのスタイルや個性を示す機会です。ブランドの価値観や美学を反映した画像を選ぶことで、ユーザーとの強い結びつきを育み、ブランドのアイデンティティを強化することができます。
• プロフェッショナリズム: デザインが不十分なヘッダー画像は、フォームをプロフェッショナルに見せず、ブランドの信頼性を損なう可能性があります。

全体として、視覚的に魅力的で、ブランドに合致し、プロフェッショナルなヘッダー画像を選ぶことは、ポジティブなユーザー体験を創り、ブランドを効果的に表現するために重要です。以下は、Googleのテンプレートギャラリーから視覚的に魅力的なGoogleフォームのヘッダー画像の例です：

Jotformを使用してより多くのヘッダー画像オプションを取得する方法

GoogleフォームはもともとGoogleスプレッドシートのアドオンとして設計されていたため、完全な機能を備えたスタンドアロンのフォームツールとして利用することは想定されていませんでした。多くのことができるものの、機能やデザインに本気で取り組み始めると、Jotformのようなより高度なツールに切り替えたくなるでしょう。

Googleフォームの最も魅力的な点の一つは、無料で利用できることです。幸運なことに、Jotformもすべての機能にアクセスできる無料プランを提供しています。利用頻度が増えて、より多くのフォームまたはフォーム送信が必要になる場合にのみ、より高い有料プランに切り替える必要があります。

Jotformでのヘッダー画像の追加は簡単です。ヘッダー画像がどんなサイズであっても、フォームにそのまま反映されます。また、サイズの調整方法を選択することもできます。左、右、または中央に配置することも可能です。さらに、Jotformの高度なフォームデザイナーを使用すると、フォームのCSSを変更することもできます。

Jotformは市場で最も機能が豊富なフォームツールの一つでもあります。多数のフォーム要素、テンプレート、および統合を提供しています。また、データ管理、承認フロー、さらにはアプリ作成のための高度なビジネスツールも提供しています。

それでは、どのように使用するかを詳しく見てみましょう。

Googleフォームの最高の代替をお探しですか？

Jotformのフル機能を備えたフォームビルディングソリューションは、モバイルフレンドリーで業界内での統合数が最も多いです。支払いの収集、ワークフローの自動化、リードの収集などに使用できます。

フォームをJotformに移行する

or

ゼロから始める

Jotformでヘッダーをカスタマイズする方法

Jotformで始めるには、無料アカウントに登録してください。Googleフォームと同様に、JotformでもRSVPテンプレートを使って簡単に始めることができます。

Jotformで入手できるテンプレートとGoogleフォームのテンプレートの最大の違いは、その数です。Googleフォームは20未満のフォームテンプレートしかありませんが、Jotformは10,000以上を提供しています。

今すぐRSVPテンプレートをお試しください 👇

始めるのを簡単にするために、シンプルなJotformのRSVPテンプレートを使ってみましょう。

テンプレートプレビューが良さそうであれば、テンプレートを使用をクリックします。これでフォームビルダーに移動します。

ヘッダー画像を追加するには、フォームの上部にある+ ロゴを追加をクリックします。すると、ロゴのプロパティメニューが表示されます。

ロゴのプロパティメニューでは、Googleフォームの画像オプションに似た3つのオプションが提供されます。次のことができます：

• コンピュータから画像をアップロードする
• 以前にJotformにアップロードした画像を選択する
• ウェブ上のどこからでもURLを貼り付けて画像を追加する

ロゴサイズスライダーを使用して画像サイズを変更でき、左、右、または中央に配置することもできます。画像をさらに編集したい場合は、外部の写真編集ツールを使用する方が良いでしょう。

それとは別に、手を動かすことをいとわないなら、Jotformでより多くのことができます。右側の青いペイントローラーアイコンをクリックしてフォームデザイナーを開くことから始めましょう。それからスタイルタブを選択します。

このタブでは、あまり手の込んだ作業をすることなく、フォームをカスタマイズするための最も詳細なオプションが提供されます。下までスクロールすると、フォームをさらに強化するための2つのオプションが表示されます。

ご覧のとおり、フォームにカスタムCSSを注入することができ、ウェブデザイナーの友人たちを喜ばせることでしょう。詳細を見るリンクをクリックして、どの要素を変更できるかを確認してください。高度なデザイナーを使用すると、CSS設計オプションをさらに深く探ることができます。

下に大きなボタンがあり、高度なデザイナーツールに移動します。それをクリックすると、カスタマイズオプションの奥深くに進むことができます。

高度なデザイナーからフォームカバーセクションをクリックすると、標準デザイナーと同様のヘッダー画像編集オプションが表示されますが、ここではさらに細かく制御することができます。

CSSタブをクリックすると、標準デザイナーの単純なCSSフィールドよりも高度なエディターが表示されます。

フォームの適切な要素に簡単にアクセスできるだけでなく、最も一般的なCSSオプションをHTML要素に迅速に追加するためのボタンも用意されています。

ヘッダー以上のカスタマイズ方法

ヘッダー画像だけを見ていたため、Jotformのカスタマイズオプションの一部しかまだ見ていません。

技術に詳しくない場合でも、Jotformの基本オプションだけで、市場の他のフォームエディターよりもはるかに進んだことができるでしょう。プロのデザイナーである場合、あるいはプロと一緒に仕事をしている場合は、Jotformの提供する巨大な柔軟性をきっと気に入っていただけるでしょう。

自分で試してみるには、今日Jotformにサインアップしてください。