ここに画像をドラッグ＆ドロップ
またはクリックして端末から画像を選択
画像を選択対応形式：JPG／PNG／WebP／AVIF／HEIC・HEIF／SVG／GIF／BMP／ICO
処理はすべてブラウザ内 — 画像はブラウザのCanvas機能を使ってお使いの端末内で処理されます。ファイルがサーバーへ送信されることはなく、変換後の画像からはEXIFメタデータ（GPS位置情報・カメラの機種・撮影日時）がすべて削除されます。
WebPは同じ画質のJPGより25〜35%程度軽くなります。AVIFはさらに小さくなりますが、ブラウザ内で生成できるのは一部のブラウザのみです。
JPG・WebP・AVIFにのみ適用されます。80〜85%前後がファイルサイズと画質のバランスが良い目安です。
選択したサイズがすべて1つのICOファイルに格納されます。ファビコンなら16・32・48pxは最低限入れておくのがおすすめです。
詳細設定
例：cover.jpg は cover-converted.webp になります。元の名前のままにしたい場合は空欄にしてください。
まだ画像がありません。ファイルをドロップするか選択して始めてください。
画像形式を変換する手順
1. 画像を追加する
上のエリアに画像をドラッグ＆ドロップするか、ボタンから選択します。iPhoneで撮影したHEIC写真を含め、複数ファイルを一度に選べます。
2. 出力形式を選ぶ
JPG・PNG・WebP・AVIF・ICOから選択します。Webサイトを軽くしたい場合はWebPまたはAVIFが最も効果的です。
3. 画質とサイズを調整する
スライダーでファイルサイズと画質のバランスを調整し、必要以上に大きい画像には最大幅や最大高さを指定します。
4. 結果をダウンロードする
変換ボタンを押し、1枚ずつダウンロードするかZIPでまとめて取得します。変換後のファイルからはEXIFメタデータが削除されています。
どの画像形式を選べばよいか
画像形式にはそれぞれ得意分野があります。用途から形式をすばやく選べるように、以下の表にまとめました。
| 形式 | 適した用途 | 備考 |
|---|---|---|
| JPG / JPEG | 写真、商品画像、記事のアイキャッチ | あらゆる端末・アプリで開けますが、透過には対応していません。 |
| PNG | ロゴ、アイコン、スクリーンショット、透過が必要な画像 | 可逆圧縮のため画質は劣化しませんが、その分JPGよりファイルが大きくなります。 |
| WebP | 現代のWebサイトのほとんどの画像 | 同じ画質のJPGより25〜35%程度軽く、透過にも対応。主要ブラウザはすべて表示できます。 |
| AVIF | 表示速度を最優先したいサイト | 主要形式の中で最も軽量ですが、ブラウザ内でのAVIF生成に対応しているのは一部のブラウザのみです。 |
| HEIC / HEIF | iPhoneやiPadで撮影した元の写真 | HEICを開けないWebサイトやWindowsアプリが多いため、共有前にJPGやWebPへ変換するのが一般的です。 |
| SVG | ベクター形式のロゴやイラスト | どれだけ拡大しても劣化しません。PNGやJPGへ変換する場合は、結果がピクセル画像になるため十分な大きさを指定してください。 |
| ICO | ブラウザのタブに表示されるファビコン | 1つのICOファイルに複数サイズを格納でき、OSやブラウザが適切なものを自動的に選びます。 |
| GIF | 簡単なアニメーションやスタンプ | アニメーションGIFの場合、このツールは1コマ目のみを変換します。 |
| BMP | 古いWindowsソフトから書き出したファイル | ほとんど圧縮されておらず非常に大きいため、他形式への変換をほぼ常におすすめします。 |
Web用に画像を最適化するコツ
- 必要以上に大きい画像は使わないこと。表示幅が800pxなら、4000pxのファイルをアップロードする理由はありません。
- 写真の場合、画質80%のWebPは見た目では元画像とほとんど区別がつかず、ファイルははるかに軽くなります。
- 透過が必要なロゴやアイコンはPNGのまま、写真はJPGまたはWebPを使い分けましょう。
- 画像を軽くするとLargest Contentful Paintが改善します。これはGoogleの検索順位に影響する指標のひとつです。
- 写真を公開する前にEXIFメタデータを削除すれば、撮影場所のGPS情報をうっかり共有せずに済みます。
- 意味の分かるファイル名を付け、画像の内容を正しく説明したalt属性を書くと、画像SEOの効果が高まります。