mlブログ

iPhoneアプリ個人開発者のブログ

3.5インチのスクリーンショットから4.0インチ用、iPad用のスクリーンショットを作成

f:id:marginlife:20151108200052p:plain f:id:marginlife:20151108200053p:plain f:id:marginlife:20151108230509p:plain

※左:3.5インチ用,  真ん中:4インチ用,  右:iPad

 

 iTunes App Storeに掲載するスクリーンショット(以下ss)作成に手間が掛かる。。その手間を少しだけ軽減する手順です。

 3.5インチ用のssだけ撮り、残りは画像を加工して作成します。

 マルチレゾリューション対応したアプリ、つまりiPhone5などで起動すると上下に黒い帯があるアプリで使える方法です。

( ※画像を編集するアプリとして、IrfanView32 ver.4.35を使います)

 

はじめに

 予備知識として、ssに必要な画像サイズを以下に記載

  3.5インチ用・・・640 x 960

  4.0インチ用・・・640 x 1136

  iPad用 ・・・・・768 x 1024

<2015/11/08(追記)>

  4.7インチ用・・・750 x 1334

  5.5インチ用・・・1242 x 2208

 

3.5インチ用のssを作成

 シミュレータでキャプチャしても良いし、オーガナイザでキャプチャしても良い。

 これをベースとします。

 

3.5インチ用ss から 4.0インチ用のssを作成

  3.5インチ用のssの上下に88ピクセルの黒い帯を追加して作成します。

 

 方法

  IrfanView32で3.5インチ用のssを開きます。

  メニュー → 画像 → 外枠の追加 を選択します。

  Top side:とBottom side:に88を入力、

  Canvas color:に黒を入力し、OKボタンを押します。

 

3.5インチ用ss から iPad用のssを作成

  3.5インチ用のssの左右に40ピクセルの黒い帯を追加、

 更に768x1024にリサイズして作成します。

 

 方法

  IrfanView32で3.5インチ用のssを開きます。

  メニュー → 画像 → 外枠の追加 を選択します。

  Left side:とRight side:に40を入力、

  Canvas color:に黒を入力し、OKボタンを押します。

  更にメニュー → 画像 → リサイズ/リサンプル を選択します。

  サイズの指定 を選択し、768x1024を入力し、OKボタンを押します。

 

<2015/11/08(追記)>

3.5インチ用ss から 4.7インチ用のssを作成

  3.5インチ用のssの上下に89ピクセルの黒い帯を追加、

 更に750x1334にリサイズして作成します。

 

 方法

  IrfanView32で3.5インチ用のssを開きます。

  メニュー → 画像 → 外枠の追加 を選択します。

  Top side:とBottom side:に89を入力、

  Canvas color:に黒を入力し、OKボタンを押します。

  更にメニュー → 画像 → リサイズ/リサンプル を選択します。

  サイズの指定 を選択し、750x1334を入力し、OKボタンを押します。

  

3.5インチ用ss から 5.5インチ用のssを作成

  3.5インチ用のssの上下に89ピクセルの黒い帯を追加、

 更に1242x2208にリサイズして作成します。

 

 方法

  IrfanView32で3.5インチ用のssを開きます。

  メニュー → 画像 → 外枠の追加 を選択します。

  Top side:とBottom side:に89を入力、

  Canvas color:に黒を入力し、OKボタンを押します。

  更にメニュー → 画像 → リサイズ/リサンプル を選択します。

  サイズの指定 を選択し、1242x2208を入力し、OKボタンを押します。