Canva:ファビコン作成課題
公開日:2024年10月15日
更新日:2025年11月06日
課題
Canvaでファビコンをデザインし、Studioの自己紹介サイトに設定しよう。
内容
- ファビコン(favicon)について調べる
参考サイト:https://ent-plus.com/howto-favicon-design-2025/(外部サイト:ent-plus.com)- ファビコンとは何か(どんな役割を持つか)
- 実際の有名サイトのファビコンを観察する
- 有名サイトのファビコンの特徴(例:Google、YouTube、Instagramなど)を分析する
- デザイン時の注意点(例:小さくても認識できる、背景透過など)
- 推奨される画像サイズやファイル形式(例:32×32px、512×512px、PNGなど)
- 実際にファビコンを作成する
- Canvaで作成する
- カスタムサイズ:512×512px
- 小さいサイズでも認識できるようにする
- 形はシンプルに:「アイコン」「図形」「文字」をうまく組み合わせる
- 背景とアイコンのコントラストを明確に
- サイト名やロゴと一貫性を持たせる
- 完成したらPNG形式でダウンロード
- 作成したファビコンをStudioサイトに利用する
- Studioにログインし、制作中のサイトを開く
- 「サイト設定」>「ファビコン」から画像をアップロード
- プレビューでブラウザのタブにファビコンが表示されることを確認
提出
- 自己紹介サイトにファビコンが設定されていればOK。
- 終わった人用の問題なので提出期限はありません。
同じカテゴリーのコンテンツ