iOSアプリケーション用のSVGベースの画像アセットを読み込む

Question

SVG画像としてthenounprojectからアイコンを購入しました。次に、GapplinというmacOSプログラムを使用して、このSVGをPNGイメージにエクスポートします。それは100x100ピクセルのイメージとして出てくる。

このプレビュープログラムでこのPNG画像を開き、[ツール] - > [サイズ調整]をクリックして、10x10,20x20,30x30の画像を作成します。私はこれらの画像をXcodeで1x、2x、3xとしてロードします。

これは正しい方法ですか？

Answer 1

いいえ、あなたのソリューションは人の仕事ですが、それは理想とはほど遠いものです。あなたはそうすることで貴重な画像品質を失いつつあります（詳細はsee here）。あなたはしてworklfowを向上させることができます

• は、元のSVGファイルからのすべての3つの解像度は、をエクスポートします（Gapplingを使用して、または他のいくつかの画像アプリ）ベクトルベースの画像源から可能な限り最高のPNGのビットマップを取得確保します。

• またはPDFにあなたのSVGを変換してimporting the PDF vector image file in Xcode（私たちは今の古き良きPDFで立ち往生しているので、私がチェックした最後の時間、Xcodeの8はまだSVGファイルを直接サポートしていませんでした）。

どちらの方法も、画質に賢明な結果が得られるはずであり、現在のワークフローから改善されています。

アプリのファイルサイズについては、どちらの方法とも違いはありません。最後のメソッドを使用しても、Xcodeは依然としてビルド時間に必要なアセットを生成します。そのため、アプリは最初のメソッドと同じイメージ/アイコンセットを持ち歩きます。