画像変換ツール
JPEG、PNG、WebP 画像を、WebP、JPEG、PNG、AVIF、またはロスレス最適化 PNG にブラウザ内で変換できます。Web 配信用画像、複数プラットフォーム向けの素材準備、フロントエンドのビルド前処理に向いています。元ファイルをどこかへアップロードする必要はありません。
- ドラッグ、複数ファイル選択、フォルダ取り込みに対応し、画像ファイルだけを変換対象にできます
- ファイルごとの状態、単体画像の進捗、全体の進捗を確認できます
- 出力形式は WebP、JPEG、PNG、AVIF、ロスレス最適化 PNG から選べます
- ファイル名サフィックスを設定できるため、元ファイルを上書きせずに保持できます
- 1 枚ずつダウンロードすることも、全ファイルを ZIP にまとめて書き出すこともできます
ここに画像をドロップ、またはクリックしてファイルを選択
JPEG、PNG、WebP に対応しています。複数選択とフォルダ取り込みのどちらも使えます。
フォルダ取り込みはブラウザの対応状況に依存します。使えない場合は複数ファイル選択を利用してください。
Web 配信の標準候補として使いやすい形式です。多くの場合 JPEG より軽く、ブラウザ対応も広めです。
例: サフィックスを -converted にすると、photo.jpg は photo-converted.webp として出力され、元ファイルはそのまま残ります。
概要
画像形式変換で大切な、取り込み、変換、比較、書き出しの 4 つの流れをまとめて扱えます。
- 01
一括変換キュー
複数ファイルやフォルダを取り込み、ファイルごとの状態を確認しながら処理できます。
- 02
複数の出力形式
同じ元画像から、配信先に合わせて WebP、JPEG、PNG、AVIF、ロスレス最適化 PNG を書き出せます。
- 03
サイズ変化をすぐ確認
元サイズ、出力サイズ、変化率を確認できるため、変換によるメリットとトレードオフを素早く判断できます。
- 04
予測しやすい命名
ファイル名サフィックスを設定できるため、元画像と変換後の画像を並べて置けます。比較やロールバックも簡単です。
- 05
単体でも一括でも書き出し可能
1 枚だけダウンロードすることも、変換済み画像をまとめて ZIP にして受け渡しや保管に使うこともできます。
- 06
ローカルで実行
デコードとエンコードはブラウザ内で行われます。元画像が外部サービスへアップロードされることはありません。
使い方
おすすめの流れは、取り込み、設定、変換、確認、書き出しです。
- 01
ドラッグ＆ドロップ、複数ファイル選択、またはフォルダ選択で画像を取り込みます。
- 02
出力形式を選び、必要に応じて品質を調整し、ファイル名サフィックスを設定します。
- 03
変換を開始し、ファイルごとの状態と全体の進捗を確認します。
- 04
出力サイズ、変化率、失敗した項目を確認し、必要であれば設定を変えて再実行します。
- 05
必要なファイルを個別にダウンロードするか、すべてを ZIP にまとめて書き出します。
詳細
画像形式変換と Web アセット配信でよく必要になる作業に合わせて設計しています。
- ファイルごとの状態と進捗を確認できる一括変換キュー
- JPEG、PNG、WebP 入力に対応し、WebP、JPEG、PNG、AVIF、最適化 PNG へ出力可能
- サイズを重視したモダン配信用の AVIF エンコード
- 見た目を変えずにサイズ削減を狙えるロスレス PNG 最適化
- 写真素材の品質とサイズのバランスを調整できる品質スライダー
- 元ファイルを上書きしないためのファイル名サフィックス設定
- 受け渡ししやすいワンクリック ZIP 書き出し
- プライベート素材やオフライン作業でも扱いやすい、ブラウザ内ローカル処理
活用シーン
Web 公開、コンテンツ運用、商品画像準備、デザインから開発への受け渡しで役立ちます。
-
Web 配信用の画像形式統一
さまざまな出どころの画像を、Web でより速く読み込める形式へそろえられます。
-
複数プラットフォーム向けの受け渡し
ブラウザ、メールクライアント、ドキュメントシステムで表示崩れが起きにくい互換形式を作れます。
-
ビルド前のアセット準備
画像がリポジトリに入る前に形式を統一しておくと、後段のビルドやサイズ監視が扱いやすくなります。
-
コンテンツ運用の一括処理
記事やキャンペーン画像をまとめて処理し、公開前の準備時間を短縮できます。
-
EC 商品メディア
見た目の鮮明さと payload サイズのバランスを取りながら、プラットフォームごとの形式バリエーションを作れます。
-
デザインと開発の連携
サフィックス命名で元画像と変換後の画像を並べて管理し、レビューやロールバックをしやすくします。
関連情報
変換後のファイルを配信用にさらに軽くしたい場合は、 画像圧縮 で品質とサイズのバランスを調整してください。WebP や AVIF を標準の配信形式にする前に、 ブラウザ互換性チェッカー で実際のユーザーが使うブラウザやデバイスの対応状況を確認しておくと安心です。
使い方のヒント
出力形式と品質は、実際の配信先、見た目の要件、実行環境の制約から決めるのが安全です。
- 標準の出力形式を決める前に、対象ブラウザとデバイスの範囲を確認してください。
- 写真には WebP または JPEG、透明背景や UI グラフィックには PNG または最適化 PNG が向いています。
- 重要なヒーロー画像や商品画像は、変換後に必ず目視で品質低下がないか確認してください。
- アクセスの多いページでは、効率の良い形式と JPEG / PNG のフォールバックを組み合わせると安全です。
- 一括変換結果を追跡しやすく、戻しやすくするために、命名ルールは安定させてください。
- 形式変換をリリース前チェックに含め、Core Web Vitals の変化を継続的に確認してください。
制限事項
形式ごとに、互換性、エンコード時間、画質、ファイルサイズのバランスが異なります。すべてに最適な形式はありません。
- AVIF などの高効率形式はエンコードに時間がかかります。大量の画像は小分けに処理してください。
- 同じ品質値でも、画像の内容によって結果は変わります。写真とアイコンでは別の方針を取るのがおすすめです。
- フォルダ取り込みはブラウザ実装に依存するため、チームで使う環境で確認してください。
- 透明背景、グラデーション、細かいディテールは変換後に見え方が変わることがあります。重要素材は必ず目視確認してください。
- 読み込み速度と見た目の品質は、実際のページ上でもう一度確認してください。
- 最終判断は、LCP、帯域、コンバージョンなど、パフォーマンス指標とビジネス指標の両方を見て行ってください。
よくある質問
形式選び、ローカル処理、命名、このツールの使いどころについて、よくある質問をまとめました。
どの入力形式と出力形式に対応していますか？
入力は JPEG、PNG、WebP に対応しています。出力は WebP、JPEG、PNG、AVIF、ロスレス最適化 PNG から選べます。
PNG と PNG 最適化は何が違いますか？
PNG 最適化は PNG のままロスレス圧縮をかけます。見た目を変えずにファイルサイズを小さくするための出力です。
変換後のファイルが元画像より大きくなるのはなぜですか？
元画像がすでに強く圧縮されている場合や、変換先形式がその画像内容に合っていない場合、エンコードのオーバーヘッドでサイズが増えることがあります。その素材には別の形式を試してください。
標準の出力形式はどう選べばいいですか？
まず、サポート対象のブラウザとデバイスから決めます。Web では WebP が扱いやすい標準候補です。透明背景が必要なら PNG、最小サイズを重視するなら AVIF を検討してください。
全部まとめて書き出せますか？
はい。変換後にZIP をダウンロードを使うと、すべての出力ファイルを 1 つのアーカイブにまとめられます。
画像はどこかにアップロードされますか？
いいえ。デコードとエンコードはブラウザ内でローカルに行われます。画像が外部サービスへ送信されることはありません。
元画像を上書きしないようにできますか？
できます。出力ファイルにはサフィックスが付くため、元画像はそのまま残り、複数バージョンを並べて管理できます。
SEO に効果はありますか？
間接的にはあります。適切な形式を選び payload を小さくすると、読み込み速度や Core Web Vitals が改善し、検索体験にも良い影響があります。
関連ツール
画像圧縮、Base64 変換、EXIF 削除と組み合わせると、素材準備から Web 配信までの画像処理フローをまとめて整えられます。