画像比較ツール

WebPとJPEGの圧縮はどこが違うか

WebPはGoogleが開発した静止画ファイルフォーマットです。 圧縮形式としては大きく2種類あって非可逆圧縮のLossy WebPと可逆圧縮のLossless WebPです。 用途で考えるとLossyはJPEG相当、LosslessはPNG相当と言えます。 どちらにしても拡張子は.webpが使われ…

Web Workerをローカル環境でも使う

Web Workerはブラウザ上でバックグラウンドスレッドを使う仕組みです。UIの応答性を保ったまま画像処理のように時間のかかる処理を実行できるため、画像比較ツールでは積極的に利用しています。 var worker = new Worker('worker.js'); のように簡単にワーカ…

画像の3次元色分布をグリグリ回すツール

コツコツ開発している画像比較ツールに「3次元色分布」という機能を追加しました。これは、画像のピクセルをRGB色空間の中に3次元プロットする機能で、マウスでグリグリ回せます。楽しいです。 普段見ている写真が意外と狭い範囲の色しか含んでいないことと…

画像比較をたすけるツールを作った

画像を並べて比較することに特化したビューワを作ってみました。 Compare.htmlで画像を比較している様子デモページはこちら→ https://tshino.github.io/compare/compare.html コード→ https://github.com/tshino/compare ウェブアプリなのでブラウザ上で動き…