1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

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
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?