WEBクリップアイコン
SEOやらには全く関係ない自己満足な更新ですが。
ホーム画面に追加した時にオリジナルのアイコンが表示される様に更新しました。
グレーがショップのアイコン。
グリーンっぽいのがブログサイトのアイコンです。
画像はiPhone 6 Plusから228×228pxになった様なので最大のこのサイズで制作しました。
png形式で保存して、ファイル名をapple-touch-icon-precomposed.pngでサーバーにアップしたら head部分に でOKです。
画像名をapple-touch-icon-precomposed.pngにするのは、このファイル名だと自動取得するみたいです。
(僕は検証してません…。)
ブログサイトでは画像アップロード時にリネームされちゃいましたが、 違うファイル名でもフルパスで指定してたら表示されました。
ブログページはスマホ専用ページだとhead部分にタグが挿入できず未対応。
PC表示のブログ画面では写真の様なアイコンが表示されます。
制作中のパソコン画面とiPhoneのホーム画面では色がすごい変わりました。
デザイン共にまた修正していくかな。
とりあえずコレで!
ホーム画面に追加した時にオリジナルのアイコンが表示される様に更新しました。
グレーがショップのアイコン。
グリーンっぽいのがブログサイトのアイコンです。
画像はiPhone 6 Plusから228×228pxになった様なので最大のこのサイズで制作しました。
png形式で保存して、ファイル名をapple-touch-icon-precomposed.pngでサーバーにアップしたら head部分に でOKです。
画像名をapple-touch-icon-precomposed.pngにするのは、このファイル名だと自動取得するみたいです。
(僕は検証してません…。)
ブログサイトでは画像アップロード時にリネームされちゃいましたが、 違うファイル名でもフルパスで指定してたら表示されました。
ブログページはスマホ専用ページだとhead部分にタグが挿入できず未対応。
PC表示のブログ画面では写真の様なアイコンが表示されます。
制作中のパソコン画面とiPhoneのホーム画面では色がすごい変わりました。
デザイン共にまた修正していくかな。
とりあえずコレで!
- 2015.04.24 Friday
- WEB関係
- 10:29
- comments(0)
- -
- by NORI