教學截圖加箭頭文字說明
給操作截圖新增箭頭指向具體按鈕,配上簡短文字說明步驟,讓教學或說明文件更容易看懂。
編輯和合成全程在瀏覽器本機完成,圖片不會經過任何伺服器
文字、表情貼圖、箭頭、矩形、圓形,涵蓋大部分說明標註需求
拖動移動位置,拖動圓點縮放大小和旋轉角度,隨時修改不怕出錯
不用註冊、不用付費,匯出結果沒有任何浮水印標記
元素類型
不同類型元素適合不同的說明需求,新增後都可以自由拖動、縮放和旋轉。
| 元素類型 | 可調整屬性 | 適合情境 |
|---|---|---|
| 文字 | 內容、顏色、加粗、大小、位置、旋轉角度 | 標題、提示語、簡短說明文字 |
| 表情貼圖 | 大小、位置、旋轉角度(表情本身自帶顏色) | 點綴裝飾、表達情緒、重點提示 |
| 箭頭 | 顏色、線條粗細、大小、位置、旋轉角度 | 指向截圖中的具體按鈕、區域或細節 |
| 矩形標註框 | 顏色、線條粗細、大小、位置、旋轉角度 | 圈出圖片中的某個矩形區域重點提示 |
| 圓形標註框 | 顏色、線條粗細、大小、位置、旋轉角度 | 圈出圖片中的某個點或圓形區域重點提示 |
所有元素的操作方式是統一的:直接拖動元素本身移動位置,拖動右下角圓點縮放大小,拖動右上角圓點旋轉角度,點擊左上角圓點刪除;選中元素後,下方面板會顯示該類型可編輯的具體屬性。
使用方法
不需要安裝任何軟體,全程在網頁裡完成,所見即所得。
點擊選擇或直接把圖片拖進網頁,支援 JPG、PNG、WebP、GIF,單張不超過 20MB,每次只處理一張。
點擊新增文字、箭頭、矩形、圓形,或點擊表情貼圖按鈕,新元素會出現在圖片中間等待調整。
拖動元素移動位置,拖動右下角圓點縮放,拖動右上角圓點旋轉,下方面板修改文字內容和顏色。
確認效果滿意後點擊下載,所有元素會按目前樣式合成到圖片上並儲存到本機。
技術說明
每個元素的位置、大小都以圖片寬高的比例儲存,而不是固定像素值,所以不管圖片顯示得多大多小,編輯時看到的效果和點擊下載後合成到原始解析度圖片上的效果是完全一致的;下載時借助瀏覽器 Canvas 繪圖介面重新繪製產生最終圖片,全程在你的裝置本機完成,不經過任何伺服器。
文字要說明的內容、箭頭要指向的位置、標註框要圈出的區域,都是根據每張圖片的具體構圖和內容手動確定的,不同圖片的構圖和需要強調的重點完全不同,沒辦法把同一套座標和文字內容套用到不同圖片上;所以這個工具專注於單張圖片的精細標註,需要處理多張時請逐張打開分別操作。
常見問題
不支援。文字、箭頭、貼圖的擺放位置需要根據每張圖片的具體構圖手動確定,比如箭頭要指向的具體位置在不同圖片裡完全不同,沒辦法把同一套座標套用到不同圖片上,所以設計為單張圖片精細標註的工具。如果需要給多張構圖類似的圖片加同樣的文字或浮水印,建議使用「加浮水印」工具的批次模式。
可以。在還沒下載之前,任何時候點擊畫面上已新增的元素都可以重新選中它,拖動元素本身調整位置,拖動右下角圓點調整大小,拖動右上角圓點調整旋轉角度,下方面板還可以修改文字內容、顏色。只有點擊下載後才會真正合成到圖片上,下載前的調整不會影響原圖。
貼圖使用的是系統自帶的表情符號(Emoji),不同作業系統和瀏覽器渲染表情的具體樣式風格會略有差異(比如蘋果和安卓裝置的同一個表情長得不完全一樣),但含義和大致外觀是一致的;匯出的圖片會按你下載時所用裝置渲染的表情樣式產生,之後在其他裝置上打開顯示的就是匯出時固定好的樣子,不會再變化。
目前版本文字統一使用系統預設字型,支援切換加粗和自訂顏色、大小,暫不支援更換字型或輸入多行文字(換行會被忽略),適合新增簡短的標題、提示語或標註文字;如果需要更複雜的排版說明,建議新增多個文字元素分別擺放。
完全在你目前裝置的瀏覽器裡完成,編輯過程中的即時預覽是網頁直接渲染的,點擊下載時會用瀏覽器 Canvas 繪圖介面把所有元素按目前的位置、大小、旋轉角度重新繪製合成到圖片上,全程不會把原圖上傳到任何伺服器。
標註本質是重新繪製並編碼:PNG 的透明通道會保留;但如果原圖帶透明區域、又被辨識需要用 JPG 編碼,透明部分會被填充為白色底。原圖的 EXIF 拍攝參數、位置等元資料在重新編碼後不會保留,如果需要專門查看或清除 EXIF,可以使用「EXIF 資訊查看/清除」工具。
不用註冊,不用等待,處理完直接下載。