直線距離と四角形の寸法
幅・高さは座標差、直線距離はその対角線です。横30px・縦40pxなら距離は50pxです。
デザイン
ピクセル定規
2点間の距離や四角形のサイズを元画像のピクセルで測ります。
ファイルはこのブラウザ内で処理します。ファイルをドロップまたは選択。画像の貼り付けにも対応。
JPG・PNG・WebP / 最大40MB・1600万画素 / アニメーション・回転メタデータ非対応プレビュー
ファイルを選択してください。
結果
使い方
-
測定画像を開く
スクリーンショットやデザイン画像を選び、元のサイズを確認します。
-
2点を指定
始点から終点へドラッグするか、それぞれのX・Yを入力します。幅・高さ・距離・角度を表示します。
-
測定結果を保存
結果を作成すると線と寸法付きPNG、元サイズと座標入りJSONを保存できます。
書き出す前に確認したいこと
画面ピクセルと画像ピクセル
元画像の座標で測ります。2倍解像度の画像の200pxがCSSの200pxとは限りません。プレビュー倍率で測定値は変わりません。
現在の制限
- JPG・PNG・WebP / 最大40MB・1600万画素 / アニメーション・回転メタデータ非対応
- サイズは正の整数、1辺8192px・1600万画素以下にしてください。
- 1回に2点間の測定1つ。複数線の一括保存はできません。
- 角度は右向き0度、画像の下向きが正です。
- 実寸cm・mm、印刷サイズ、CSS要素サイズは自動推定しません。
画像ツールについて
縮小表示でも正確ですか？
計算は元座標です。ポインターで選びにくい細部は正確な座標を入力してください。
幅100は101個の座標では？
両端を含むピクセル個数ではなく座標間の距離です。X=0から100の幅は100pxです。
JSONの内容は？
元の幅・高さ、始点・終点、単位、測定した幅・高さ・距離・角度を保存します。原本画像は含みません。