「faviconを作ってアイコン画像ファイルをアップロードして。。。」が面倒なとき!

これです → placehold.jpのfavicon応用例

https://placehold.jp/16x16.png?text=P と書けば、そのまま文字入りのアイコンの出来上がり。

iPhone、iPad用のサイズ違いのアイコンも57x57.png、72x72.pngと書けばOK。

https://placehold.jp/

記述例

<link rel="shortcut icon" href="https://placehold.jp/16x16.png?text=P">
<link rel="apple-touch-icon" href="https://placehold.jp/57x57.png?text=P">
<link rel="apple-touch-icon" sizes="72x72" href="https://placehold.jp/72x72.png?text=P">
<link rel="apple-touch-icon" sizes="114x114" href="https://placehold.jp/114x114.png?text=P">
placehold.jpのfavicon応用例1 placehold.jpのfavicon応用例2 placehold.jpのfavicon応用例3 placehold.jpのfavicon応用例4