ブックマーク / qiita.com/an_apco (1)

  • macOSアプリのスクリーンショットとアイコンサイズの注意点 - Qiita

    @1xは解像度が72ppi、@2xは解像度が144ppiの画像です。 32x32の@2xの画像では、プロパティがこのようになります。 それぞれの画像をXcodeで当てはめるとこんな感じ 注意点 macOSのアプリアイコンはiOSやiPadOSと違い、角丸の処理とアイコンサイズの調整が必要になります。 iOSと同じアイコンにするとこんな悲劇が起こります。 下記のURLのProduction Templatesを利用して、アイコンの調整を行います。 私はXDファイルを利用したので、XDで説明します。 1. 手前にある青いガイドを削除する 削除前 削除後 2. 背景にある格子柄の塗りを透明にする 3. アイコンの枠についているドロップシャドウを消す 4. アイコン画像を挿入する @1x、@2x同様、コンポーネント化されているので、一番大きなサイズの枠に画像を挿入すると、他の小さいサイズの画像も挿

    macOSアプリのスクリーンショットとアイコンサイズの注意点 - Qiita
    nowrika
    nowrika 2024/07/09
  • 1