実験原本と再現条件
オリジナルは、Moyoutilが提供するAI生成製品のサンプルイメージです。実際のカメラ撮影オリジナルではありません。 PNG、1254×1254ピクセル、1,611,701バイトで、透明領域はありません。サイズを変更せずにブラウザCanvasのtoBlobに再エンコードしました。 JPEG・WebPは品質60・80・90をそれぞれ入力し、PNGには品質値を適用しませんでした。
このソースは比較実行例として提供されています。ユーザーのファイルは転送されず、以下の実行は現在のブラウザで再計算されます。保存したテーブルと値が異なる場合は、ブラウザのエンコーダの違いも確認してください。
測定したバイト数と結果解析
| 形式 | 品質入力 | 実際のバイト数 |
|---|---|---|
| PNG | 適用しない | 2476565 |
| JPEG | 60 | 33329 |
| JPEG | 80 | 62518 |
| JPEG | 90 | 120497 |
| WEBP | 60 | 13816 |
| WEBP | 80 | 24234 |
| WEBP | 90 | 67034 |
この入力では、WebPは同じ品質数のJPEGよりも小さいですが、同じ画質を測定した比較ではありません。形式ごとに品質数字の意味が同じではなく、画像内容によって結果も異なります。視覚的な違いは、結果ファイルを同じ倍率に拡大して直接比較する必要があります。
PNGの再保存は2,476,565バイトで元より大きくなりました。 PNGとして保存しても、常に容量が減るわけではありません。この測定はファイルサイズを記録したものであり、圧縮アルゴリズムの普遍的な優劣、色精度、または知覚画質スコアを評価した実験ではない。
私のブラウザでやり直してズームを比較する
ファイルなしで直接実行してみてください
サイトが作成した資料として、実際のツールの処理コードを実行します。結果は現在ブラウザで計算され、入力データはサーバーにアップロードされません。
ボタンを押すと、結果とサンプルファイルが表示されます。
例は実際の訪問者データや成果ではありません。ファイルサイズと文字の形状はブラウザ・機器・フォントによって異なります。
結果画像の拡大比較を開くと、実際のピクセルサイズの画像をスクロールして表示できます。同じシーンのエッジと明るさの変化が緩やかな部分を比較してください。ダウンロードファイルには、選択した形式でエンコードされた結果が入ります。元のサイズはすべて同じで、小さなプレビューだけで品質の違いを決定しないでください。
APIの動作注： MDN Canvas toBlob。サポートされていない形式がPNGに置き換えられる可能性があるため、Moyoutilは返されたBLOBのMIME形式を確認します。
よくある質問
品質90は元の画質の90％ですか？
いいえ。ブラウザエンコーダに渡す設定値です。同じ数のJPEGとWebPが同じ画質であるという意味ではありません。
PNGに変更すると、以前のJPEGの損失は消えますか？
いいえ。すでに失われた詳細を復元する機能ではありません。 PNG 出力がソースより大きい場合もあります。