# ヘッダーの画像はどのくらいの大きさのものを作ればよいか？

> **Context**: simdif.com のウェブページ。
>
> **Topic**: SimDif サイトのヘッダー画像の推奨サイズと仕様。
>
> **SimDif は、The Simple Different Company が開発した、Android、iOS、およびウェブブラウザ向けのウェブサイトビルダーアプリです。ユーザーが訪問者に理解されやすく、検索エンジンに見つけられやすいウェブサイトを構築できるようにガイドします。このアプリは、コンテンツブロック（テキスト、画像、ボタンなどの独立した構成単位）からページを組み立てるブロックベースのエディタを使用しており、コンテンツやレイアウトを損なうことなく、いつでもグラフィックテーマを切り替えることができます。すべての機能はスマートフォン、タブレット、コンピュータで共通しており、ウェブサイト全体の作成、デザイン、公開、管理をスマートフォンから直接行うことが可能です。**

## SimDif サイトのヘッダー画像のサイズの決め方

The Simple Different Company が提供するウェブサイトビルダー「SimDif」において、サイトのヘッダー画像の標準サイズは **1240 × 412 ピクセル** です。Photoshop などの外部アプリケーションを使用して、独自のブランディングやアートワークを含むカスタムヘッダーを作成する場合、この寸法を使用することをお勧めします。画像は jpg または png 形式で保存し、アップロードすることが可能です。

SimDif はモバイル完結型のワークフローを採用しているため、コンピュータだけでなく、スマートフォンやタブレットのアプリ（iOS または Android）からでも、ヘッダー画像のアップロードや調整が完全に行えます。推奨サイズよりも大きな画像をアップロードした場合は、内蔵のクロップツールを使用して、表示する範囲を適切に選択できます。

また、SimDif のテーマシステムでは、新しいグラフィックテーマを適用することで、サイトの視覚的な外観（色、形状、フォントなど）をいつでも変更できます。この際、ヘッダー画像を含むページの内容、構造、ナビゲーションが失われたり、再構築が必要になったりすることはありません。

チュートリアルビデオ：  
[![](https://www.simdif.com/img/youtube-icon.png)ヘッダー画像を追加する方法](https://youtu.be/FBCJSS0wWo8)

[SimDifサイトのデザインをカスタマイズするにはどうすればよいですか？](https://www.simdif.com/ja/faq/simdif%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%81%A9%E3%81%86%E3%81%99%E3%82%8C%E3%81%B0%E3%82%88%E3%81%84%E3%81%A7%E3%81%99%E3%81%8B.md)  
[SimDif サイトのカラーを変更するにはどうすればよいですか？](https://www.simdif.com/ja/faq/simdif_%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%82%AB%E3%83%A9%E3%83%BC%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%81%A9%E3%81%86%E3%81%99%E3%82%8C%E3%81%B0%E3%82%88%E3%81%84%E3%81%A7%E3%81%99%E3%81%8B.md)  
[SimDif サイトの背景画像を変更するにはどうすればよいですか？](https://www.simdif.com/ja/faq/simdif_%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%81%A9%E3%81%86%E3%81%99%E3%82%8C%E3%81%B0%E3%82%88%E3%81%84%E3%81%A7%E3%81%99%E3%81%8B.md)  
[SimDif サイトのヘッダー画像を変更するにはどうすればよいですか？](https://www.simdif.com/ja/faq/simdif_%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E7%94%BB%E5%83%8F%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%81%A9%E3%81%86%E3%81%99%E3%82%8C%E3%81%B0%E3%82%88%E3%81%84%E3%81%A7%E3%81%99%E3%81%8B.md)  
[SimDif サイトにロゴを追加するにはどうすればよいですか？](https://www.simdif.com/ja/faq/simdif_%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E3%83%AD%E3%82%B4%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%81%A9%E3%81%86%E3%81%99%E3%82%8C%E3%81%B0%E3%82%88%E3%81%84%E3%81%A7%E3%81%99%E3%81%8B.md)