LINEスタンプの画像サイズ!余白/メイン画像の大きさの規定は?
ひと頃のゴールドラッシュほどではないもののLINEスタンプの人気は衰えず、LINEスタンプを販売しようとする人も少なくありません。しかしその際に気になるのはLINEスタンプのサイズです。本記事では販売申請を通すための正しいサイズを詳しくお伝えします。
目次
LINEスタンプの画像サイズや大きさの規定は?
LINEスタンプを販売するつもりなら、忘れてはならないのが画像サイズの規定をしっかりと守ることです。いくらすばらしいスタンプができ上がっても、大きさが規定サイズでなければ審査ではねられてしまいます。それではLINEスタンプの作成に掛けた、あなたの手間暇が無駄になってしまいます。
作成前に、そして作成後の提出前に今一度、あなたの素敵なLINEスタンプが規定のサイズに収まっているのかを確認しましょう。
LINEスタンプを審査に出す際の画像の大きさとは?
LINEスタンプのサイズはガイドラインに明確に規定されています。
以下では作成時に勘違いしがちな部分を中心に、LINEスタンプのサイズについて説明します。
メイン画像とスタンプ画像の規定サイズは違う
LINEスタンプを申請するには「メイン画像」「スタンプ画像」「トークルームタブ画像」の3種類が必要です。
「メイン画像」は、LINEアプリのスタンプショップやLINE STOREでLINEスタンプが売られる際に、表示されるアイコン用画像のことです。マンガで言えば表紙に当たる、商品の顔ですから、一番訴求力のある画像を選んでください。
また「トークルームタブ画像」は、トーク画面でLINEスタンプを使う際のスタンプ選択画面に表示されるアイコン用画像です。そのため一際小さい画像となりますから、スタンプ画像の流用ではなく、専用のわかりやすい画像を作成することをおすすめします。
それぞれのサイズは異なっており、
- メイン画像とトークルームタブ画像のサイズは規定された固定サイズ
- スタンプ画像のサイズは最大値のみ規定されている
という点に注意が必要です。
サイズ | 個数 | 備考 | |
メイン画像 | 縦横240px | 1 | 形式はPNGのみ(以下同じ) |
スタンブ画像 | 最大 縦320px 横370px | 8、16、24、32、40個 | サイズは偶数に限る(301pxなどの奇数は禁止) |
トークルームタブ画像 | 縦74px 横96px | 1 |
スタンプ画像の規定サイズ
スタンプ画像は最大で縦320px、横370pxなので、極論2px四方のドットでもスタンプにはなるはずです(スタンプ画像は偶数pxでなければならないので1px四方のものは問題外なのです)。しかし、「視認性が悪いもの」や「スタンプ全体のバランスを著しく欠いているもの」はNGですので、最低160px程度は必要と見ていいでしょう。
なお、次の章で詳しく説明しますが、これらのサイズは画像本体に周囲の余白を含めたサイズです。スタンプ画像のイラスト本体だけで規定サイズいっぱいに描いてしまうと、審査を通りませんので、気をつけてください。
LINEスタンプの画像サイズと余白の関連とは?
前節の最後で触れたように、LINEスタンプの画像には余白を付ける必要が明言されています。ただし余白が必須なのは「スタンプ画像」だけです。「メイン画像」や「トークルームタブ画像」に余白をつける必要はありません。
「メイン画像」はLINEスタンプの販売ページを見ればわかる通り、240px四方をフルに使って買い手にアピールしているものがほとんどです。一方「トークルームタブ画像」については、余白をとっているものも少なくありません。このふたつに対する余白の有無、大きさはあなたの判断次第です。
LINEスタンプの画像サイズと余白
LINEスタンプの「スタンプ画像」には、天地左右に最低10pxの余白をつけることが求められています。ものによっては20px程度に大きめに取る方がいい場合もあります。
上の見本はあくまでもテスト用のスタンプ画像で、実際には風景などは「日常生活で使用しにくいもの」として審査をリジェクトされることにご注意ください。
LINEスタンプは余白で表示が変わる
公開前の自作スタンプが、LINEアプリ上でどう見えるのかは、「LINEスタンプシミュレータ(http://line.g-at.net/)」で確認できます。
これを使うことで、同じ画像であってもサイズや余白を変更することで、見え方が大きく違ってくることがわかります。
この例を見る限りは、天地の余白は抑え目にして、左右の余白は少し多めにした方が見やすくスタンプをアピールしやすいことが理解できます。
したがって、スタンプ画像の最大サイズが、縦320px、横370pxと非対称なのも、LINE CREATORS MARKETが、大元の画像サイズを300px四方と想定して、天地各10px、左右各25pxの画像がちょうどいいと考えていると予想できます。
LINEスタンプの画像サイズを変更して余白をつくる方法
以上でLINEスタンプの画像サイズと余白についてはご理解いただけたことでしょう。しかし理解することと実行できることはまた話が別です。
そこで以下では、PC上で画像の大きさを変更し、余白をつける方法を、WindowsユーザーでもMacユーザーでも使えるFireAlpacaを使って説明します。
「FireAlpaca」で余白を調整する方法
ずっと無料をうたうFireAlpacaは、Windows/Mac両対応のシンプルな、しかし十分な実力を持つペイントツールです。
もちろん一からLINEスタンプの画像を作成できますが、今回は画像自体を作成しおえた段階から、余白とサイズを調整することに限ってやり方を紹介します。いわば料理番組の「こちらが××したものとなります」状態からの説明だと思ってください。
もしFireAlpacaをお持ちでないなら、まずは下のリンクからFireAlpacaをダウンロードしてインストールしておいてください。
画像の大きさを変更する
FireAlpacaにはテンプレートにLINEスタンプ用のものが用意されています。一から画像を作る際にも便利なテンプレートですが、すでにでき上がった画像の大きさを変更したり、余白を設けたりする際にも便利に使えます。
ただし今回はすでにある画像を処理する方法をお伝えします。例として、写真に顔を書き加えた「軍艦島君」をFireAlpacaに読み込みます。
まず背景透明処理をした「軍艦島君」の大きさを変更します。
FireAlpacaのメニューバーから”編集”を選び、”画像解像度…”をクリックします。
画像解像度の画面に、余白を引いた変更する画像の大きさを入力します。
今回は最大サイズである370×320pxに仕上げるために、天地左右の余白各10pxを引いた、350×300pxに収まるよう”比率の保持”をしたまま数値を入力します。
「軍艦島君」の場合は、幅を350pxにすると高さが300pxを超えてしまうため、高さを300pxに指定して幅を350px以内になることを確認し、解像度を72dpiにして”OK”をクリックします。
すると、こぢんまりした軍艦島君に様変わりします。
線画と違い、写真は縮小すると線が眠くなるためアンシャープマスクをかけて画像をくっきりさせます。
FireAlpacaのメニューバーから”フィルタ”を選択して”アンシャープマスク…”をクリックします。
半径と適用量を調節します。プレビューできるので、スライダを動かしてちょうどいいと思うより、ちょっと下品なくらいなところで”OK”を選びます。
ちょっとやりすぎな程度が初めて見る人には届きやすいので、やりすぎと控えめすぎに注意してスライダを操作してください。
以上で画像の大きさの変更と、それに伴う画像の加工は終了です。
余白を変更する
画像の大きさが変更できたら、あとはキャンパスサイズの調整で余白をつけるだけです。
FireAlpacaのメニューバーから”編集”を選び、”キャンパスサイズ…”をクリックします。
キャンパスサイズのポップアップウインドウガ開いたら、画像を”中央”にして幅と高さに余白を加えた大きさを入力して”OK"を選択します。
今回は348×300pxの画像に、天地左右10pxずつの余白を加えるので、縦横とも20pxを加えた大きさを入力します。
すると、天地左右に10pxずつの余白がついた「軍艦島君」ができ上がりました。
あとはこれを透過PNGで欠き出すだけです。
”保存”もしくは”名前を付けて保存…”でPNG形式を選んで書き出します。
保存設定を尋ねられますので”透過PNG”を選んで”OK”をクリックします。
書き出された「軍艦島君」を「LINEスタンプシミュレータ」で問題がないかを確認します。
このようにして、あなたのスタンプ画像を、8個、16個、24個、32個、40個と作成していってください。
LINEスタンプの画像サイズを適切に変更しよう!
LINEスタンプはだれでも登録して販売できる素敵な仕組みです。せっかくのあなたの魅力的なLINEスタンプがストレートに審査を通るように、この記事を参考にしっかりとレギュレーションを守って、サイズと余白を間違えずに作成してください。
あなたのLINEスタンプがLINEのスタンプショップに並ぶ日を楽しみにしております。