![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
どうもハルです。
![](https://harublog.site/wp-content/uploads/2019/11/IMG_1995.jpg)
iPhoneやiPadのメッセージアプリで使えるステッカー(スタンプ)を作りたい。
サイズはどれくらいで作ればいいの?
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
画像付きで解説するよ。
今回は、iMessageのステッカーサイズと作り方について紹介します。
App Storeで、公開できるステッカーサイズは3種類。
Small:300×300px
Medium:408×408px
Large:618×618px
いずれか一つを選んで、同じサイズで作ります。
1つの画像容量が、500KBを超えないように作りましょう。
iMessageのステッカー公開までのやり方はこちら。▼
iMessageのステッカーサイズ
![【iPhone】iMessage(メッセージ)のステッカーサイズと作り方](https://harublog.site/wp-content/uploads/2020/07/00-7.png)
iPhoneのiMessage(メッセージ)アプリのステッカーのサイズ。▲
ステッカーのサイズは好みなので、Small/Medium/Largeの中から、自分が使いやすいと思うサイズを選びましょう。
ちなみに、一般的なサイズはMediumです。▼
![](https://harublog.site/wp-content/uploads/2020/07/01-6-473x1024.jpg)
Small | 300×300px |
Medium | 408×408px |
Large | 618×618px |
同じサイズで作成します。
形式:PNG APNG GIF JPEG
macが推奨してるのはPNG(背景透過)
ファイル名は任意ですが、「01.png」から連番で作成すると、作業しやすい。
拡張子は.png(小文字)にしてください。
※「.PNG(大文字)」だと、アップロードした時にエラーがでます。
ステッカーの個数に決まりは特にありませんが、可能なら40個くらいが望ましい。▼
![](https://harublog.site/wp-content/uploads/2020/07/02-8.jpg)
PNGファイルの容量削減
1ファイルあたり、500KB以内に収まるように調整します。
超えてしましそうな時は、PNG圧縮ツール「Pngyu」(無料)を使えば、ファイルサイズを軽くできます。▼
【注意】審査結果がNGになるイラスト
iMessageのステッカーは審査が厳しく、内容によっては審査結果がNGになり登録できません。
お酒・アルコール全般。▼
![](https://harublog.site/wp-content/uploads/2020/07/07-14.jpg)
暴力的表現。▼
![](https://harublog.site/wp-content/uploads/2020/07/06-11.jpg)
審査NGになると公開できないので、気を付けましょう。
ステッカー素材の準備ができたら、他にも用意しておく画像があります。
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
公開に必要な画像をそろえよう。
他に必要な画像
ステッカー素材(本体)が出来上がったら、「アイコン画像」と「スクリーンショット」を作成しておきましょう。
・アイコン画像 (1パターンで12サイズ)
・スクリーンショット (Xcode上で3種類作成)
アイコン画像の作成
アイコン画像は、App Storeでステッカーを公開した時に表示される画像です。
他にメッセージアプリの、ステッカー呼び出しボタンもアイコン画像が使用されます。▼
![](https://harublog.site/wp-content/uploads/2020/07/03-15.jpg)
アイコン画像の背景は、白背景で作成します。
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
色をつけて登録することもできるよ。
ファイル形式:PNG形式
12のファイル名と各サイズは、こちらを参考にしてください。▼
ファイル名 | サイズ |
27×20@2.png | 54×40px |
27×20@3.png | 81×60px |
29×29@2.png | 58×58px |
29×29@3.png | 87×87px |
32×24@2.png | 64×48px |
32×24@3.png | 96×72px |
64×45@2.png | 120×90px |
60×45@3.png | 180×135px |
67×50@2.png | 134×100px |
74×55@2.png | 148×110px |
1024×768@1.png | 1024×768px |
1024×1024.png | 1024×1024px |
このファイル名にすることで、画像をステッカー用に変換するアプリケーション、「Xcode」の登録作業がしやすくなります。▼
![](https://harublog.site/wp-content/uploads/2020/07/04-2.png)
「1024×1024px」のファイルはApp Store Connectの登録時に使用します。
スクリーンショット画像
スクリーンショット画像は、3種類作成しておきます。
Xcodeをmacにインストールしたら、アプリケーション内で作れます。▼
1242×2208ピクセル (5.5インチiPhone用)
1284×2778ピクセル (6.5インチiPhone用)
2048×2732px (12.9インチiPad用)
現在は3種類で登録できますが、今後増える可能性もあります。
詳しいサイズはスクリーンショットの仕様のページに記載されています。
スクリーンショットは、App Storeの紹介ページで表示される画像です。▼
![](https://harublog.site/wp-content/uploads/2020/07/08-14.jpg)
以上、iMessageのステッカーサイズと作り方の紹介でした。
最後まで読んできただき、ありがとうございます。
作成したステッカーはこちら、作成の参考にしてください。▼
![](https://is1-ssl.mzstatic.com/image/thumb/Purple113/v4/ee/d4/05/eed4051a-86b8-c68c-bcaf-42a41ed1219a/iMessage_App_Icon-1x_U007emarketing-0-0-GLES2_U002c0-512MB-sRGB-0-0-0-85-181-0-0-0-0.png/1200x630wb.png)
![](https://is1-ssl.mzstatic.com/image/thumb/Purple123/v4/dc/a7/9d/dca79d47-db37-7083-2f6a-5361948681ef/iMessage_App_Icon-1x_U007emarketing-0-0-GLES2_U002c0-512MB-sRGB-0-0-0-85-181-0-0-0-0.png/1200x630wb.png)
コメント
[…] 詳しい方法はこちら→【iPhone】iMessage(メッセージ)のステッカーサイズと作り方 […]