比較するには単位を揃える必要があります。元画像の100px、画面表示の100px、CSSの100pxは同じとは限りません。PolishToolsの測定と色選択は元画像の座標を基準とします。
寸法は2座標の差
X=20から120は100pxです。両端のピクセルを含めた個数とは異なります。両軸が変わると直線距離は対角線になり、横30px・縦40pxなら50pxです。
色とアルファを一緒に見る
#RRGGBBAAのAAはアルファです。同じ赤でもアルファが低いと背景上で違って見えます。市松模様は元画像に含まれず、抽出色には混ざりません。
差分強調の読み方
差分比較は左上に揃えて変化したピクセルを数えます。同じデザインでもJPEG再保存で圧縮差が出ます。位置やフォントが違う場合は、しきい値を上げて隠す前に原本と重ね合わせを確認してください。
例：ボタンの位置と色
変更前後のボタンが移動したか、色も変わったか確認します。
手順
- 両画像の元のピクセルサイズが同じか確認します。
- 定規で始点・終点を測り、カラーピッカーで中央の色を読みます。
- 2枚を重ね、差分画像を作成します。
結果
位置は元座標、色はRGBA、変更箇所は差分PNGとして記録できます。カラープロファイルやデコードの違いで別アプリと結果が異なる場合があります。
よくある質問
100%表示で測る必要がありますか？
計算は元座標なので必須ではありません。小さく選びにくい部分は座標を直接入力してください。