Skip to main content

アプリのアイコンについて

やること一覧​

  • Step1. 1024x1024 サイズの png 画像を作る
  • Step2. 各サイズの png 画像を作る
  • Step3. できた png 画像を Xcode の Assets.xcassets にドラッグ

Step1. 1024x1024 サイズの png 画像を作る​

  • Affinity を使って作った

背景として、、

  • Excel で作ってスクショ撮るといった運用をしていたが、どうも縦横比がズレて微妙
  • Illustrator さほど使用頻度ないのにサブスクは辛い
  • Illustrator の競合？である Affinity が最近無償化した

Step2. 各サイズの png 画像を作る​

Affinity から各サイズに書き出しとした方が、ベクタを元にしてるので良さそうな気もするが、
やり方が分からないので、1024x1024 のをベースにリサイズする。

bash
~/tools/dev-tools/resize_icons.sh icon.png
ソース
bash
#!/bin/bash

src_file=$1

if [ "$src_file" = "" -o ! -f "$src_file" ]; then
  echo "File not found $src_file"
  exit
fi

dst_dir=`dirname $src_file`/icons

if [ -d "$dst_dir" ]; then
  echo "Output dir already exists: $dst_dir"
  exit
fi

mkdir $dst_dir

sizes="
1024
512
256
128
64
32
16
"

for size in $sizes
do
  size04d=`printf "%04d" $size`
  dst_file=${size04d}x${size04d}.png
  sips --resampleWidth ${size} $src_file --out $dst_dir/$dst_file
done

Step3. できた png 画像を Xcode の Assets.xcassets にドラッグ​

（タイトルに書いたまま）

今後用の TODO として

  • Assets.xcassets でない新方式があるはずなので、じき以降する