Learning site for website creation

Canva:ファビコン作成課題

公開日:2024年10月15日 更新日:2025年11月06日

課題

Canvaでファビコンをデザインし、Studioの自己紹介サイトに設定しよう。

内容

  1. ファビコン(favicon)について調べる
    参考サイト:https://ent-plus.com/howto-favicon-design-2025/(外部サイト:ent-plus.com)
    • ファビコンとは何か(どんな役割を持つか)
    • 実際の有名サイトのファビコンを観察する
    • 有名サイトのファビコンの特徴(例:Google、YouTube、Instagramなど)を分析する
    • デザイン時の注意点(例:小さくても認識できる、背景透過など)
    • 推奨される画像サイズやファイル形式(例:32×32px、512×512px、PNGなど)
  2. 実際にファビコンを作成する
    • Canvaで作成する
    • カスタムサイズ:512×512px
    • 小さいサイズでも認識できるようにする
      • 形はシンプルに:「アイコン」「図形」「文字」をうまく組み合わせる
      • 背景とアイコンのコントラストを明確に
      • サイト名やロゴと一貫性を持たせる
      • 完成したらPNG形式でダウンロード
  3. 作成したファビコンをStudioサイトに利用する
    • Studioにログインし、制作中のサイトを開く
    • 「サイト設定」>「ファビコン」から画像をアップロード
    • プレビューでブラウザのタブにファビコンが表示されることを確認

提出

  • 自己紹介サイトにファビコンが設定されていればOK。
  • 終わった人用の問題なので提出期限はありません。