レビューソフト・アプリWEBサービスデジモノ本イベントレポートブログダウンロードこのサイトについて問い合わせWEBサイトのアイコン(favicon)の作り方(まとめ)WEBサイトのアイコン(favicon:ファビコン)の作り方。ピクセルくらいで、アイコン用画像を作る。ピクセルで表示されるので、小さくなっても分かりやすいシンプルなの。画像を作ったら、下記のページで一気にアイコンを生成する。様々なファビコンを一括生成。generatorhttps://ao-system.net/favicongenerator/生成したファイルを解凍すると大量のアイコンが入ってるので、WEBサイト用アイコンにfavicon.icoを選択する。iPhone用アイコン(apple-touch-icon)を作る上記で生成したファイルから、apple-touch-icon-152×152.pngを選択する。後で面倒なので、-152×152のサイズ部分は消してリネームしておく。ページにアイコンを適用させるルートディレクトリに、上記で選んだ2ファイルを格納し、アイコンを表示させたい全ページに以下のコードを記述する。以上の画像を用意して、「外観」→「カスタマイズ」→「サイト基本情報」にある、サイトアイコンという設定項目にて画像を指定すればオッケー。Output48中学生の時に初めてHTMLに触れてからホームページ制作を独学で始める。ベンチャー企業の営業、大手企業のSEを経て、独立。ここ数年はWEB以外の仕事をしていたため、割と本気で勉強中。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。