🇬🇧 UK ETA スマホアイキャッチ修正案 比較ページ · スマホで開いてください
💡 デバイス幅 500px 以下(スマホ)で開くと、修正案が適用されます。
PC では現サイトと同じ画像が表示されます(変更しない範囲)。
⚠️ 現状(CURRENT)
スマホでは「国旗のみ」のため、観光地らしさ・行きたさが薄い
イギリス渡航には
ETA申請が必要です
申請には一定の時間がかかるため、
出発の72時間前までにお手続きください。
⭐ A案:4:5 ポートレート(推奨)
国旗 + Big Ben の両方が中央に収まる。Quiet Luxury 寄りでバランス最良。
サイズ: 1080×1350 (4:5)、高さ540px
イギリス渡航には
ETA申請が必要です
申請には一定の時間がかかるため、
出発の72時間前までにお手続きください。
B案:9:16 フルブリード(ドラマチック)
スマホ全画面に近い縦長、Big Ben の存在感が圧倒的。ヒーロー高さ640px。
サイズ: 1080×1920 (9:16)
イギリス渡航には
ETA申請が必要です
申請には一定の時間がかかるため、
出発の72時間前までにお手続きください。
C案:16:9 PC構図維持(全景安心)
PC と同じ構図(国旗ポール込み + Big Ben 全景)をそのまま縮小。スクロール量少ない。
サイズ: 1080×654、高さ360px
イギリス渡航には
ETA申請が必要です
申請には一定の時間がかかるため、
出発の72時間前までにお手続きください。
📐 実装上の注意:
• 全案とも PC ビュー(501px以上)では同じ kv.webp 画像を使用、構図は元サイトと同一
• スマホ(500px以下)で各案の画像に切り替わる
• テキスト・ボタンの位置・文言は 全て元サイトのまま
• A案推奨:Big Ben の時計面が読める + 国旗のロイヤル感が両立