PNG・JPG・WebPで保存。JPGでは透明背景が合成されます。
画像の変換とは、ファイルをいったんピクセルに展開し、別の形式でエンコードし直すことです。拡張子を .png から .jpg に書き換えるだけでは変換になりません。NerulioはPNG・JPG・WebP・AVIF・BMP・写真1枚のHEICをブラウザ内で開き、PNG・JPG・WebPで保存します（AVIFの書き出しはブラウザが対応する場合のみで、Chromium 153は非対応）。幅と高さはそのままで、透明部分はPNGとWebPでは残り、JPGでは背景色で塗られます。写真ならJPGかWebP、スクリーンショット・ロゴ・ドット絵ならPNGか可逆WebPを選びます。
Nerulioは何よりも2Dゲームアセットのスタジオです。ドット絵を描き、スプライトシートをアニメーションに分割し、テクスチャアトラスをパックし、オートタイルのタイルセットを確認して、Godot・Unity・Phaserなどのエンジン向けに書き出します。ブラウザで動き、ファイルは端末の外に出ません。
同じピクセルの並びでも、形式ごとに保存の仕方が違います。PNGは可逆圧縮で、展開すると入れたピクセルがそのまま戻ります。JPGは目に付きにくい情報を捨てる非可逆圧縮で、アルファチャンネルを持ちません。WebPには非可逆（VP8ベース、色情報を半分の解像度で保持）と可逆の2方式があり、どちらもアルファを保てます。AVIFも非可逆・可逆とアルファに対応しますが、書き出せるブラウザは限られます。
そのため画質は一方向にしか動きません。JPGをPNGにするとファイルは数倍になりますが、JPGで生じたブロックノイズはそのまま残ります。JPGとWebPのような非可逆形式どうしの変換では、エンコードし直すたびに少しずつ劣化します。
Nerulioではエンコードをブラウザが行います。画質スライダー（20〜100、初期値92）はJPG・WebP・AVIFにだけ効き、PNGには関係しません。Chromiumでは画質100のWebPが可逆で書き出され、下のファイルでピクセル単位の一致を計測しました。
リポジトリのテスト素材にあるNASAのパブリックドメインの宇宙飛行士写真（512 × 512、不透明）を、Nerulioのコードで2026-09-28にChromium 153で変換しました。SSIMは元画像を展開したピクセルとの類似度です（1.0で同一）。
元画像: astronaut.png 791,555 バイト 512 × 512
出力 バイト 元比 SSIM
JPG 画質92 73,755 9.3 % 0.9874
WebP 画質92 59,824 7.6 % 0.9883
WebP 画質100 379,076 47.9 % 1.0000（可逆）
PNG 保存し直し 575,694 72.7 % 1.0000（可逆）保存し直したPNGが小さくなったのは元ファイルの圧縮が弱かったためで、ピクセルは同一です。ドット絵では順位が逆転します。PNG → WebPでは、スプライトシートの可逆WebPが非可逆WebPの3分の1の大きさになっています。
| 画像 | 変換先 | 理由 |
|---|---|---|
| カメラ・スマホの写真 | JPG（互換性が最も高い）またはWebP | 連続した階調では劣化が目立ちにくい。PNG → JPG参照 |
| スクリーンショット・グラフ・文字 | PNG、または画質100のWebP | 非可逆エンコーダーは文字をぼかし、色のにじみを作ります |
| 透過背景のロゴ・切り抜き | PNGまたはWebP | JPGにはアルファがなく、透明部分が背景色になります |
| ドット絵・スプライト | PNG、または画質100のWebP | 非可逆WebPはKenneyのスプライトシート16,576ピクセル中8,481個を変えました |
| アプリが受け付けないAVIF・WebP | JPG（写真）またはPNG（グラフィック） | AVIF → JPG、WebP → PNG参照 |
| BMP | PNG（可逆）またはJPG | BMP → PNGは全ピクセルを保ったまま27%小さくなりました |
| 症状 | 考えられる原因 | 確認方法 | 対処 |
|---|---|---|---|
| サイトが「対応していない形式」と言い続ける | 変換せずに拡張子だけ変えた、または提出先が求める形式と違うものを選んだ | 本物のPNGは ‰PNG、JPGは ÿØÿ、WebPは RIFF….WEBP のバイトで始まります | 提出先が指定する形式でここから変換します。写真ならJPGが最も確実です |
| 透明な背景が白くなった | JPGはアルファを保存できず、JPGの背景色（初期値 #ffffff）で塗られます | 保存形式がJPGになっている | PNGかWebPを選ぶか、詳細設定で背景色を変えます |
| 変換後のファイルがずっと大きい | 非可逆 → 可逆（JPG → PNG）の変換か、元より高い画質で再エンコードした | 結果一覧で容量を比較 | 元のファイルを使うか、JPG・WebPの画質を下げます。容量制限が目的なら圧縮へ |
| 保存形式にAVIFがない | このブラウザがエンコードできる形式だけを表示します。Chromium 153にはcanvas用のAVIFエンコーダーがありません | — | PNG・JPG・WebPを使います。AVIFの読み込みはできます |
| アニメーションGIF・WebPが拒否される | 静止画用の変換なので、複数フレームの入力は1コマ目だけを黙って残さずに拒否します | — | 先に1コマを書き出します。動画から作るなら動画 → GIFへ |
| 方法 | こんなときに向いています |
|---|---|
| 元の形式のまま使う | 提出先が今の形式を受け付ける場合。非可逆形式どうしの変換は毎回わずかに画質を削ります。 |
| ファイルを作ったアプリ（カメラ、スマホの共有メニュー、編集ソフトの書き出し） | 撮影日時・GPS・広色域プロファイルを残したい場合。NerulioはEXIFを書かず、JPG・WebPにはsRGBプロファイルが入ります。 |
| 容量を指定して圧縮 | 特定の拡張子より小さいファイルが目的の場合。PNG・JPG・WebPの候補を比べ、制限内で最も元に近いものを選びます。 |
2026-09-28にPlaywright Chromium 153で、Nerulioの src/image.js のエンコード経路を使い tests/fixtures/astronaut.png（パブリックドメイン）と tests/fixtures/kenney/ のKenney CC0スプライトシートを計測しました。各形式が保存できる情報はMDNの形式ガイドに従っています。
このツールで作成した例です。ZIPツールはプレビューを表示します。すべてのファイルはダウンロードしたZIPで確認してください。
PNG・JPG・WebPで保存。JPGでは透明背景が合成されます。
PNG / JPG / WebP / AVIF / HEIC → PNG / JPG / WebP — 読み込み・書き出しはブラウザの対応状況によります。 アニメーション入力は非対応です。静止フレームを選択してください。
拡張子を変えるだけでなく、選んだ形式で再エンコードします。
advanced · browser image codecs. 品質検証中です。Pro・Flagship水準はまだ実証されていません。
JPGは透過非対応です。メタデータ・カラープロファイル・アニメーションの保持は保証しません。
PNGまたはWebPを選んでください。JPGでは透明部分が指定した背景色になります。
このツールで開いたファイルはアップロードせず端末で処理します。コミュニティの投稿に明示的に添付する画像は別途アップロードされます。一部のエンジンやモデルは外部から取得するため、IPアドレスなどの接続情報は配信元に伝わります。
いいえ。画像と編集状態はこのタブに保持され、メディア出力は端末の一時保存を利用する場合があります。言語を変えても作業は残りますが、再読み込み、タブを閉じる操作、別のページへの移動で失われることがあります。