画像を軽くする

どの形式で軽くするか

画像を軽くする方法は形式によって仕組みが違います。目的に合わせて選んでください。

• JPEG：写真向き。画質のつまみで大きく容量が変わります。 ただし透過を持てないので、背景は白で塗りつぶされます。
• WebP：同じ画質なら JPEG より 2〜3 割軽くなります。透過も扱えます。 ただし Slack・Discord・Teams のカスタム絵文字では使えません。 Web サイト用の画像には最適です。
• PNG：透過が必要ならこれです。 画質のつまみは「色数」を意味します。100% で可逆（劣化なし）、 下げるとパレット化されて軽くなります。イラストやロゴなら 64 色でもほとんど見分けが付きません。

カスタム絵文字を作るのが目的なら、PNG か GIF しか使えません。 そして絵文字用の圧縮はSlack 絵文字メーカーなどが自動でやるので、 このツールを経由する必要はありません。 このページは「メールに添付したいので軽くしたい」 「サイトに載せる画像を小さくしたい」といった一般的な用途向けです。

使い方

1. 画像を置きます。読み込みも変換もブラウザの中だけで行われます。
2. 形式を選びます。透過が必要なら PNG、写真なら JPEG です。
3. 画質のつまみを動かします。数字の欄に、 出力の寸法・容量・元の何 % かがその場で出ます。
4. 長辺のサイズを変えると、さらに大きく軽くできます。
5. ダウンロードします。

いちばん効くのは「小さくすること」

画質のつまみを下げるより、寸法を小さくするほうが圧倒的に効きます。 容量はおおむね面積に比例するので、 長辺を半分にすれば容量はおよそ 4 分の 1 になります。 4000px の写真を 1024px にするだけで、画質をほとんど落とさずに 90% 以上軽くできます。

「画質 60% でもまだ重い」というときは、 まず長辺のサイズを見直してください。 用途に対して大きすぎる画像を使っていることがほとんどです。

よくある失敗

透過が消えて白くなる

JPEG を選んでいます。JPEG は透過を持てない形式なので、 透明だった部分は白で塗りつぶされます。透過を保ちたい場合は PNG か WebP を選んでください。

画質を下げても軽くならない

PNG を選んでいる場合、画質のつまみは色数の調整です。 写真のように色数が多い画像では、パレット化しても思ったほど軽くなりません。 写真なら JPEG か WebP を選んでください。

文字がにじむ

JPEG の圧縮は、細かい模様や文字のような「高周波」の部分を苦手とします。 スクリーンショットや文字の入った画像は、JPEG にすると輪郭がにじみます。 この種の画像は PNG のほうがきれいで、しかも軽くなることがよくあります。

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

読み込みから書き出しまで、すべてブラウザの中（JavaScript）で処理しています。 画像がネットワークに出ることはありません。 機密を含む資料のスクリーンショットでも安心してお使いいただけます。

形式ごとの目安

迷ったら、まず PNG と JPEG の両方で書き出して容量を比べてみてください。 このツールは形式を切り替えるたびに容量が更新されるので、 数字を見ながら決められます。

どこまで軽くすればいいか

用途によって目安が違います。 メールに添付するなら 1 枚 1MB 以下、 Web サイトに載せるなら 200KB 以下、 カスタム絵文字なら 128KB から 256KB 以下です。 必要以上に軽くしても画質を捨てるだけなので、目標を決めてから調整するのが効率的です。

画質のつまみは、80% あたりが分かれ目です。 それより上は容量がほとんど減らず、 それより下は目に見えて劣化します。 まず 80% で書き出して、足りなければ寸法を小さくするほうが、 画質を保ったまま軽くできます。