スマートフォン・タブレットのホームアイコンを作るためのファイル名のメモ

2018年4月9日

サイトを見直していたら404 not foundが出ている画像拡張子を発見したので「なんだこりゃ」とググってみたら、どうやら「スマホ・タブレットのホーム画面用のicon画像を呼びにいってる」らしい。で、自分用に拡張子だけメモとりました。
 
2016/08/18追記*情報を元に画像素材追加。
 

参考にしたページ

iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | 編集長ブログ―安田英久 | Web担当者Forum
apple-touch-iconやbrowserconfig.xmlなどWebサイトのスマホ用アイコン指定の最新情報を調べてみた | 編集長ブログ―安田英久 | Web担当者Forum
IE11 での Web サイト用カスタム タイルの作成 (Windows)
 
()内は推奨サイズ
==============
Apple系
==============
apple-touch-icon.png(57 x 57)
apple-touch-icon-precomposed.png(57 x 57)
57-57png
 
apple-touch-icon-76×76.png
apple-touch-icon-76×76-precomposed.png
76-76
 

apple-touch-icon-120×120.png
apple-touch-icon-120×120-precomposed.png
120-120
 

apple-touch-icon-152×152.png
apple-touch-icon-152×152-precomposed.png
152-152
 
 

==============
Android系
==============
Appleと同じファイル名でOKだが、ヘッダー内にリンクを指定する。指定方法はfaviconと同じ
 
 
==============
win8のタイル
==============
browserconfig.xmlを作っておいた上で、imageフォルダに以下のファイルを置く
 
smalltile.png (128 x 128)
128-128win
 
mediumtile.png (270 x 270)
270win
 
widetile.png (558 x 270)
558-270win
 
largetile.png (558 x 558)
558-558win
*ライブタイルはもっと面倒くさい。

==============
そのほか
==============
favicon.ico(元祖htmlのアイコン)
16 × 16
16-16favicon
 
32 × 32
32-32favicon
 
icon.png(→??? なぜかトップディレクトリで404になってるんだが、どこから呼び出し食らってるのか現在不明)
 
 
ずら~っと並べてみたけれど、コレ全部やるのスンゲーめんどくさいっすね。
そろそろ一括のファイル名出てきてもよさげですよねこれ。
faviconだけで済ませる方法ないですかねこれ。

wordpressに一括Favicon・アイコン指定ができました!

(追記:2016/02/04)

外観→カスタマイズ→サイト基本情報 内に「サイトアイコン」が出来てました。前のバージョンではなかったので追加機能だと思います。

favicon選べる
推奨画像サイズ: 512 × 512です。

●。PR:レンタルサーバー

 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
このサイトは、さくらのレンタルサーバ スタンダード
を利用しています
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
アニメ、ゲーム、コミックなどの創作(同人)活動を応援します!JSNレンタルサーバー
↑大人同人は申請制で利用可能
パワフルで高速なピュアSSDクラウドレンタルサーバー
MixHost

↑日本の会社。大人向けOKで、当サイト管理人が現在サブで運用中のレンタルサーバー
★月額100円(税抜)~/WordPress簡単インストール! ロリポップ!レンタルサーバー ★
↑とにかく安く、かわいいURLではじめたいなら
独自SSLが無料!クラウド型高速レンタルサーバーが月額126円(税抜)から!スターサーバー
↑広告なしの無料レンタルサーバーも併設
WordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』
↑来訪者多くて安定したwordpress運営したい人向け
フレンドサーバー
↑海外サーバー。大人向けok


**独自ドメインで本格的にやりたいならあわせて↓**
年間920円(税抜)からの格安ドメイン取得サービス─ムームードメイン─

ドメイン取るならお名前.com

●。スポンサーリンク











●。