コメント
コメントの投稿
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。
アイコンサイズについて | Xamarin.Forms
- 2017/04/18
- 13:44
今回はXamarin.Formsのアイコンサイズについて覚え書きします。
AndroidのResourceフォルダにはどのようなサイズのアイコンを保存したらよいか、iOSのinfo.plistにあたる汎用アイコンの設定や資産カタログに登録するアイコンはどのようなサイズにしたらよいのか調べるのも時間がかかります。
そこで、Xamarinで必要なアイコンのサイズをまとめてみました。
前提条件
・Windows10
・Visual Studio 2015 Community Update3
・Xamarin 4.3.0.784 (NuGet Xamarin.Forms 2.3.4.224)
・macOS Sierra 10.12.4 / Xcode8.3.1 / Xamarin.iOS 10.4.0.123
１．Androidのアイコンサイズ
| フォルダ | サイズ |
|---|---|
| drawable | 72x72 px |
| drawable-mdpi | 48x48 px |
| drawable-hdpi | 72x72 px |
| drawable-xhdpi | 96x96 px |
| drawable-xxhdpi | 144x144 px |
| drawable-xxxhdpi | 192x192 px |
| Google Play用 | 512x512 px |
※Androidの場合、ファイル名は全て icon.pngです。
２．iOSのアイコンサイズ
| ファイル名 | サイズ | 備考 |
|---|---|---|
| iTunesArtwork | 512x512 px | |
| iTunesArtwork@2x | 1024x1024 px | |
| Default.png | 320x480 px | iPhone縦向き |
| Default@2x.png | 640x960 px | iPhone縦向き |
| Default-568h@2x.png | 640x1136 px | Retina 4 |
| Default-Portrait.png | 768x1024(1004) px | iPad縦向き |
| Default-Portrait@2x.png | 1536x2048(2008) px | iPad縦向き |
| Default-Landscape.png | 1024x768(748) px | iPad横向き |
| Default-Landscape@2x.png | 2048x1536(1496) px | iPad横向き |
| Icon-20.png | 20x20 px | 通知用 |
| Icon-20@2x.png | 40x40 px | 通知用 |
| Icon-20@3x.png | 60x60 px | 通知用 |
| Icon-Small.png | 29x29 px | 設定用 |
| Icon-Small@2x.png | 58x58 px | 設定用 |
| Icon-Small@3x.png | 87x87 px | 設定用 |
| Icon-Small-40.png | 40x40 px | Spotlight |
| Icon-Small-40@2x.png | 80x80 px | Spotlight |
| Icon-Small-40@3x.png | 120x120 px | Spotlight |
| Icon-60@2x.png | 120x120 px | iPhone App |
| Icon-60@3x.png | 180x180 px | iPhone App |
| Icon-72.png | 72x72 px | |
| Icon-76.png | 76x76 px | iPad App |
| Icon-76@2x.png | 152x152 px | iPad App |
| Icon-1024.png | 1024x1024 px | iOS11用 |
"@2x" のファイル名は元のファイルの2倍のサイズです。
"@3x" のファイル名は元のファイルの3倍のサイズです。
最後までお読みいただきありがとうございます。
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
https://itblog.dynaspo.com/blog-entry-81.html
