カバーとロゴ
フォームの上部を横切る画像または色の帯と、その下の丸いマーク。2つの決断で、フォームは既定の顔をやめます。
追加する
「カバーを追加」と「ロゴを追加」は、エディターのフォームタイトルの上にあり、近づくまでは控えめに沈んでいます。どちらもダイアログを開きません。押した瞬間にプレースホルダーが置かれます。カバーには平らな帯、ロゴには暗い円。何かを選ぶより先にレイアウトが落ち着きます。
どちらのプレースホルダーもフォーム自身のテーマから混ぜられているので、最初の瞬間からページに馴染みます。カバーの「カバーを変更」か、ロゴの円そのものをクリックするとピッカーが開きます。
どちらも公開フォームと埋め込みにそのまま反映されます。エディターのキャンバスにあるものが、回答者に見えるものです。
ピッカー
カバーのピッカーは3つのタブで開きます。ロゴのピッカーは最初の1つだけです。ロゴは探すものではなく、あなた自身のファイルだからです。
ファイルをパネルにドラッグするか、参照して選びます。ブラウザーが読める画像形式なら何でも、10 MB まで。アップロード中は進捗バーが表示されます。
エディターを離れずに Unsplash を検索できます。タブを開くと人気の写真が並び、入力が止まった少しあとに検索し直します。
フォームのテーマから混ぜた8つの見本です。アクセント色の濃淡2つ、ニュートラル2つ、色相をずらした近縁色4つ。暗いテーマでは、パステルではなく深い色調で返ってきます。
ピッカーのヘッダーにある「削除」は、すでに設定されているカバーやロゴを取り除き、パネルを閉じます。
カバーの位置を調整する
カバーの帯は、もっと大きな画像を高さ220ピクセルで切り取ったものです。見せたい部分がちょうど中央にあることは、めったにありません。写真のカバーを置くと「カバーを変更」の隣に「位置を調整」が現れます。押して画像を上下にドラッグしてください。
ドラッグには制動がかかっています。帯の高さいっぱいまでドラッグしても、切り取り位置は3分の1ほどしか動きません。手が止まった場所ではなく、狙った場所に収まるようになっています。
「位置を保存」で新しい枠に切り直して保存し、「キャンセル」で元の切り取りに戻します。位置の調整ができるのは原寸の元画像がある間だけで、Fillio はフォームを開き直したときに裏側で静かに取得します。
ファイルに起きること
すべてはアップロードの前に、あなたのブラウザーの中で行われます。原寸のまま送られることはなく、サーバー側での変換も行われません。
画像は長辺が最大 2,400 px になるよう縮小され、エンコードし直されます。もし結果が元のファイルより大きくなった場合は、あなたのファイルがそのまま使われます。
縮小された原本はカバーと一緒に保存されます。以降の位置調整は、すべてこの1枚から切り出されます。
帯そのものは 1920 × 440 で書き出されます。表示される高さ220ピクセルの2倍なので、Retina 画面でも鮮明なままです。
ロゴは最大 400 × 400 に縮小され、100ピクセルの円として表示されます。
PNG はリサイズされますがエンコードし直されないため、透明部分は保たれます。GIF と SVG は一切手を加えられません。それ以外はすべて JPEG として書き出されます。
隠れている質問はページの検証時に飛ばされます。そのため、ルールで隠された必須質問が送信を妨げることはありません。