【コラム】画像のサイズ調整の仕方

ティラノビルダー製のiOSアプリをリリースした話

MakeAppIconで画像を使えるようにするため、画像のサイズを調整する方法を紹介します。

jpg、png、psd のいずれかのファイル形式の画像を用意し、サイズを1536 x1536 pixelにしていきます。

今回はガーリー素材というサイトでダウンロードさせていただいたこちらの画像を使って、実際にアイコン用画像を作っていきます⬇︎

トリミング(比率合わせ)

まずは正方形にトリミングしていきます。

使いたい画像を「写真」の中にドラッグ&ドロップで移します。

するとこのような画面が出てくるので、

右上の「編集」をクリックします。

こんな画面になりました。

次に、上の「切り取り」をクリックします。

今回はアプリ用に正方形にしたいので、

「スクエア」を選択します。

正方形の枠が出てくるので切り取りたい位置に合わせ、できたら右上の「完了」を押します。

これで比率の調節は完了です。

ねこ
ねこ

グレーの子ごめんね…

君も可愛かったよ…

ピクセル数合わせ

次に、実際のピクセル数を合わせていきます。

写真のライブラリから、先ほど正方形にした写真をドラッグ&ドロップで元の位置に戻します。

ねこ
ねこ

元の位置でなくとも、「デスクトップ」でも「書類」でも自分で作ったフォルダでもどこでも大丈夫です!自分がわかるところへ。

移した写真を、今度は「プレビュー」で開きます。

プレビューが開けたら、上の「ツール」から「サイズを調整」を選択します。

左のような画面が出るので、単位、幅を調整して「OK」を押します。

ねこ
ねこ

若干サイズがずれてしまったけど、そのままでも特に問題はないです。使えます。

別の方法

もっと正確にサイズを合わせたい場合は、「写真」は使わず、「プレビュー」の中で
1536×1536pixelになるように範囲選択し、トリミングを押してもできます。

ねこ
ねこ

もしかするとこっちの方が早いかも。

できたアイコン画像

これでMakeAppIconを使うためのサイズ調整は完了です!

できた画像を使ってアプリのアイコンを作っていきましょう。⬇︎

コメント

タイトルとURLをコピーしました