圖片裁切座標工具:拖拉選取範圍,直接取得百分比與像素座標
做動漫週邊圖鑑的時候遇到一個小麻煩:很多商品的官方圖片是一整排角色的合照,要在圖鑑裡只顯示其中一個角色,就得替每張圖片記下裁切範圍。一開始是用小畫家看座標再手動換算成百分比,做了幾張就受不了,於是寫了這個工具。 👉 網址:https://www.miwa23333.xyz/image-crop-preview/ 使用方式 Upload:選擇一張本機圖片。圖片只會在你的瀏覽器裡處理,不會上傳到任何伺服器。 Coordinates:在圖片上拖拉出想要的範圍,右側會即時顯示兩種格式的座標,各有一個 Copy 按鈕: Normalized %:x1, y1, x2, y2,以圖片寬高的百分比表示左上角與右下角,保留兩位小數。這種格式不受圖片實際尺寸影響,換成不同解析度的同一張圖也能用。 Pixels:x, y, width, height,實際像素座標。 Preview:下方會顯示裁切後的預覽。 裁切框沒有固定長寬比,可以自由拖拉,也可以在圖片上重新框選。 ...