画像サイズを変える

絵文字でよく使う寸法

注意が必要なのが Discord のスタンプです。320×320px ちょうどでなければアップロードできません。 このツールで「長辺 320px」を選んでも、 横長の画像は 320×214px のような結果になるので通りません。「正方形に切り抜く」を必ず有効にしてください。スタンプを作るだけならDiscord スタンプメーカーのほうが確実です。

使い方

1. 画像を置きます。処理はブラウザの中だけで行われます。
2. 長辺のサイズを選びます。縦横比はそのまま保たれます。
3. 正方形にしたい場合は「正方形に切り抜く」を有効にすると、 切り抜きの大きさと位置のスライダーが出ます。
4. 出力の寸法と容量を確認してダウンロードします。

縮小と拡大について

このツールは縮小のみです。 元の画像より大きくすることはできません。 拡大は元にない情報を作り出すことになり、 どうやってもぼやけるか、不自然な結果になるためです。

小さい画像しか手元にない場合は、 素材を作り直すか、大きいサイズの元データを探すのが結局は近道です。 とくに絵文字は 128px あれば十分なので、 128px より小さい素材でなければ、たいていの用途は足ります。

縮小するときの画質

このツールはブラウザの高品質な縮小処理を使っています。 とはいえ、大きく縮めると細部は必ず失われます。 とくに 1px の細い線は、 半分に縮めた時点で消えるか、灰色ににじみます。

128px まで縮めることが分かっているなら、 元の絵の線は太めに描いておいてください。 細かい模様や小さな文字は、縮小後に何も見えなくなります。

よくある失敗

Discord のスタンプが弾かれる

320×320px ちょうどになっていません。 「正方形に切り抜く」を有効にして、長辺を 320px にしてください。

縦横比が変わってしまう

このツールは縦横比を保つので、勝手に歪むことはありません。 正方形にしたい場合は、余白を足すのではなく切り抜く方式です。 全体を残したい場合は、先に余白を足した画像を用意してください。

容量が思ったより減らない

PNG で書き出している場合、色数が多いと容量が残ります。画像を軽くするで 形式と画質を選び直してください。

縦横比を保つということ

このツールは「長辺を◯ px にする」という動き方をします。 800×600px の画像で長辺を 128px にすると、128×96px になります。 縦横比が保たれるので、絵が歪むことはありません。

正方形が必要な場合は、二つのやり方があります。

• 切り抜く：はみ出した部分を捨てて正方形にします。 このツールの「正方形に切り抜く」がこれです。被写体が大きく写ります。
• 余白を足す：全体を残したまま、上下または左右に余白を入れます。 絵は小さくなりますが、何も捨てません。Slack 絵文字メーカーの「まわりの余白」で調整できます。

絵文字にするなら、ほとんどの場合は切り抜くほうが良い結果になります。 22px の表示では、余白の分だけ絵が小さくなり、何も見えなくなるためです。

画像はサーバーに送信しません

読み込みから書き出しまで、すべてブラウザの中で処理しています。 画像がネットワークに出ることはないので、 社内資料のスクリーンショットでも安心してお使いいただけます。

縮小したあとに確認すること

縮小した画像は、必ず実際に使うサイズで見てください。 拡大表示で確認すると、細部が失われていることに気づけません。 絵文字なら 22px、Web サイトなら実際の表示幅です。

とくに文字の入った画像は要注意です。 128px まで縮めると、10px より小さい文字は完全に潰れます。 文字が必要な画像は、縮小後の大きさから逆算して 文字のサイズを決め直すほうが確実です。