画像比較コンポーネント

異なる画像フォーマットの画質を、中心のナビゲーターと同期させて比較できるインタラクティブなコンポーネントを作りました。

デモ

GSX 8S の画像を使用した比較デモです。GSX 8S は初期のパールホワイトが好きです。 中央の画像にマウスを乗せて移動させたり、ホイールでズームしたりしてみてください。

.JPG

.AVIF

.WEBP

.JXL

💡 Chromeなどのブラウザでは現在 JPEG XL (.jxl) がサポートされていないため、「Format Not Supported」と表示されます。

特徴

• センターフォーカス・マトリックス: 中央のナビゲーターで操作し、四隅のビューアーで拡大詳細を確認します。
• 同期操作: マウス移動やスクロールによるズームがすべてのビューアーで同期します。
• マルチフォーマット対応: JPEG, WebP, AVIF, JPEG XL など、複数の形式を一度に比較可能です。
• エラーハンドリング: ブラウザが対応していないフォーマットや、画像が存在しない場合は自動的に警告を表示します。