LoginSignup
1
2

More than 5 years have passed since last update.

@ryoskelenburg

アプリアイコンを実機で確認する

Last updated at Posted at 2017-10-31

アプリのアイコンデザインを実機で確認する方法が探してもあまり見つからず，これまではIkonicaというアプリがあったのですが何故かなくなっていたので，備忘録として残します．

用意するもの

  • サーバー
  • iPhoneやAndroidなどの端末

準備

サイズは大きいほどいいですが今回は180*180pxでアイコンを用意します．
スクリーンショット 2017-10-31 18.34.48.png

サーバにアップロード

アイコンを書き出し，サーバーにアップしてください．
スクリーンショット 2017-10-31 18.38.36.png

htmlを記述する

同じ階層にhtmlファイルを作成し，以下のように記述してください．

index.html
<html>
　<head>
　　<link rel="apple-touch-icon" href="icon.png" sizes="180x180">
　</head>
</html>

細かい設定はこちらのサイト様を参考してください．
https://mamewaza.com/support/blog/favicon2017.html

実機でアクセスし，ホーム画面に追加する

IMG_2087.PNG

IMG_2088.PNG

成功

IMG_2089.PNG

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
1
2