しめ鯖日記

swift, iPhoneアプリ開発, ruby on rails等のTipsや入門記事書いてます

【iOS】1つの画像データで2xと3xにも対応する

毎回2xと3xのデータを作るのが大変だったので、1つの画像データ(PDF形式)で全部に対応する方法を調査しました。

今回は下のような画像で検証しました。
利用したツールはSketchです。

f:id:llcc:20171017135428p:plain

まずはこのデータをpdfとして書き出します。

f:id:llcc:20171017135437p:plain

次にAssets.xcassetsでImage Setを作成します。

f:id:llcc:20171017135651p:plain

今作ったImage SetのScaleをSingle Scaleに変更します。

f:id:llcc:20171017135725p:plain

変更したら先程作ったPDFをドラッグ&ドロップで追加します。

f:id:llcc:20171017135755p:plain

登録したPDFは、普通の画像と同じように利用する事ができます。

f:id:llcc:20171017135826p:plain

アプリを起動すると、画像が正常に表示されている事が分かります。

f:id:llcc:20171017135917p:plain

下はPDFの代わりにpngを使った画像です。
PDFでないと画像がぼやける事が分かります。

f:id:llcc:20171017140036p:plain