Google ClassroomはGoogleのインフラ上で動作しており、アップロードした画像はGoogle Driveのストレージ割り当てを消費し、GoogleのCDNを通じて配信されます。正しい画像サイズを 使用することで、クラスページがきれいに表示され、生徒のデバイスでの読み込み遅延を防ぎ、 Driveのストレージ浪費を抑えることができます。このガイドでは、Google Classroomのあらゆる 場面で適切な画像サイズについて解説します。
Google Classroom 画像サイズ — クイックリファレンス
- クラスヘッダー（バナー）：推奨 1000×250 px（4:1比率）；最小 500×125 px
- プロフィール写真：400×400 px で表示；1:1 正方形のアスペクト比が必須
- 課題の添付画像：サイズ制限なし、ただしモバイル回線での安定したアクセスのため 1ファイルあたり5MB以下を推奨
- Google Docsに埋め込む画像：ドキュメント内の実際の表示幅にリサイズ — 600 px 幅で表示される箇所に4000 pxの原画像を埋め込まないこと
- Google Slides（Classroom内で使用する場合）：フルスライド背景画像には 1920×1080 px；1画像あたり2MB以下を推奨
- 推奨ファイル形式：写真にはJPG、図表/スクリーンショットにはPNG
クラスヘッダーとバナー画像
クラスヘッダーは、Classroomのストリーム上部に表示される装飾的なバナーです。Googleは4:1比率の1000×250 pxを推奨しています。ヘッダーは小さな画面では中央から クロップされるため、授業タイトルのグラフィックや重要なビジュアルは、画像幅の中央700 px 以内に配置することをお勧めします。
- 推奨サイズ：1000×250 px
- 最小サイズ：500×125 px（高DPIディスプレイでぼやけて見える場合あり）
- ファイルサイズ：1MB以下を維持 — ヘッダーはクラスストリームページを 開くたびに読み込まれます
- 形式：写真系バナーにはJPG；テキストやロゴなど輪郭がはっきりしたものを 含むバナーにはPNG
- Googleはあらかじめ用意されたクラステーマのギャラリーも提供しています — カスタムバナーが まだ用意できていない場合はこれを活用してください
Google Classroomのプロフィール写真
ClassroomのプロフィールはGoogleアカウントのプロフィール写真から直接引用されます。Googleは 画像の中央を円形にクロップして表示します。表示サイズは400×400 pxですが、 より大きな画像はGoogleが自動的に縮小します。
- 理想的なアップロードサイズ：最小400×400 px；Retinaディスプレイ向けには 800×800 px
- アスペクト比：厳密に1:1（正方形）— 正方形でない画像は、円形マスクが 適用される前に中央基準で正方形にクロップされます
- ファイルサイズ：5MB以下；大きなアップロードはGoogleが自動的に再圧縮します
- myaccount.google.comでプロフィール写真を更新すると、数分以内にClassroomにも反映されます
課題と教材の画像
課題やお知らせに画像を直接添付すると、生徒はGoogle Driveからダウンロードします。モバイル デバイスや学校の低速回線での高速読み込みのため、1ファイルあたり2MB以下を 維持してください。5MBを超える画像は、教室でよく見られる低帯域幅ネットワークではタイムアウトが 発生することがあります。
- 授業指示用画像/図表：生徒が実際に表示する幅にリサイズ — 通常、 画面での閲覧には800〜1200 px幅で十分です
- 参考用写真：1MB以下に圧縮；画面での参照作業には長辺1200 pxで十分です
- 画像を含む印刷用ワークシート：印刷品質のため150〜300 DPI解像度を使用； 合計ファイルサイズは3MB以下に維持
- カメラ撮影の原画像（多くの場合5〜15 MB）を直接添付ファイルとして共有しないでください — 先にリサイズと圧縮を行ってください
Google Docs課題の画像
多くの教師が課題をGoogle Docsで作成し、Classroomで共有しています。Docsに埋め込まれた大きな 画像は、ファイルを開くすべての生徒のドキュメント読み込みを遅くします。Google Docsはインライン 画像をドキュメントの列幅（通常、余白のある標準ページで500〜650 px）で表示するため、4000 pxの 写真を挿入しても視覚的品質は向上しません。
- 挿入前に表示幅に合わせて画像をリサイズしてください：画像がページ幅の 半分を占める場合、600 pxで十分です
- 全幅インライン画像：最大1200 px幅 — それより広い画像はDocsで縮小されますが、 ファイルサイズは増加したままです
- 挿入後：書式 → 画像オプション → サイズと回転で、非常に小さなソースから アップスケールされていないことを確認してください
- 埋め込み画像はそれぞれ500KB以下を維持してください；圧縮された画像10枚があるドキュメントは 原画像3枚があるドキュメントより速く読み込まれます
Classroom用Google Slidesの画像
Google SlidesはClassroomで共有される授業資料に広く使用されています。スライドの背景と フルブリード画像は、デフォルトの16:9ワイドスクリーンレイアウトに合わせて1920×1080 pxにする必要があります。スライド上に配置されるコンテンツ画像 （背景として設定されていないもの）はより小さくすることができます。
- フルスライド背景：1920×1080 px、1画像あたり2MB以下
- ハーフスライドコンテンツ画像：960×540 pxで十分です
- 挿入前に圧縮：10 MBの背景写真はプレゼンテーション全体の読み込みを遅くします — 写真背景は500KB以下に圧縮してください
- プレゼンテーションを完成させた後、ファイル → ファイルサイズを減らすを使用すると、 Google Slidesが残りのサイズが大きすぎる画像を自動的にダウンサンプリングします
Google Classroom用に画像をリサイズする方法
クラスヘッダーを1000×250 px、プロフィール写真を400×400 px、または課題画像を適切な幅に リサイズするには：
- 上のクイックリファレンス表から目標サイズを確認してください。
- 画像リサイズツールを開き、画像をアップロードして目標の 幅と高さを入力してください。
- プロフィール写真の場合は、400×400 pxにリサイズする前にクロップツールを使用して1:1の正方形にトリミングしてください。
- リサイズした画像をダウンロードし、ClassroomまたはGoogleアカウントにアップロードしてください。
ファイルサイズ制限に対応するための画像圧縮方法
画像のサイズは正しいがファイルサイズが大きすぎる場合 — 例えば、3 MBの1000×250 pxバナー — リサイズせずに圧縮してください：
- 画像圧縮ツールを開き、画像をアップロードしてください。
- JPGバナーや課題写真の場合、80〜85%の品質設定で、画面上で違いを感じることなくファイルサイズを 60〜70%削減できます。
- PNG図表やスクリーンショットの場合は、PNG圧縮を使用してロスレス品質を維持しながら ファイルサイズを削減してください。
- 圧縮されたファイルをダウンロードしてClassroomで使用してください。
Google Classroomで画像を適切なサイズにリサイズして圧縮することで、あらゆるデバイスと ネットワーク環境の生徒の読み込み時間が短縮され、Driveのストレージ使用量が削減され、 一年を通してクラスページを整然とプロフェッショナルに維持することができます。