給畫面加標籤——箭頭、文字、框選

標註截圖或做快速說明。全部留在瀏覽器內。

  • 本地處理,圖片不上傳
  • 免費,無水印
  • 文字 + 貼紙 + 箭頭/矩形/圓形標註

上手路徑

最短路徑 · 圖片文字標註

不需要安裝任何軟體,全程在網頁裡完成,所見即所得。

  1. 1

    上傳圖片

    點擊選擇或直接把圖片拖進網頁,支持 JPG、PNG、WebP、GIF,單張不超過 20MB,每次只處理一張。

  2. 2

    添加元素

    點擊添加文字、箭頭、矩形、圓形,或點擊表情貼紙按鈕,新元素會出現在圖片中間等待調整。

  3. 3

    拖動調整位置和樣式

    拖動元素移動位置,拖動右下角圓點縮放,拖動右上角圓點旋轉,下方面板修改文字內容和顏色。

  4. 4

    下載保存

    確認效果滿意後點擊下載,所有元素會按當前樣式合成到圖片上並保存到本地。

疑難排查

添加文字、貼紙、標註支持批量處理嗎?

不支持。文字、箭頭、貼紙的擺放位置需要根據每張圖片的具體構圖手動確定,比如箭頭要指向的具體位置在不同圖片裡完全不同,沒辦法把同一套座標套用到不同圖片上,所以設計為單張圖片精細標註的工具。如果需要給多張構圖類似的圖片加同樣的文字或水印,建議使用「加水印」工具的批量模式。

添加的文字、貼紙、箭頭位置擺放好之後可以再調整嗎?

可以。在還沒下載之前,任何時候點擊畫面上已添加的元素都可以重新選中它,拖動元素本身調整位置,拖動右下角圓點調整大小,拖動右上角圓點調整旋轉角度,下方面板還可以修改文字內容、顏色。只有點擊下載後才會真正合成到圖片上,下載前的調整不會影響原圖。

貼紙用的是表情符號,不同裝置上顯示效果會不一樣嗎?

貼紙使用的是系統自帶的表情符號(Emoji),不同作業系統和瀏覽器渲染表情的具體樣式風格會略有差異(比如蘋果和安卓設備的同一個表情長得不完全一樣),但含義和大致外觀是一致的;匯出的圖片會按你下載時所用設備渲染的表情樣式生成,之後在其他裝置上打開顯示的就是匯出時固定好的樣子,不會再變化。

文字內容支持修改字體和多行嗎?

當前版本文字統一使用系統預設字體,支持切換加粗和自定義顏色、大小,暫不支持更換字體或輸入多行文字(換行會被忽略),適合添加簡短的標題、提示語或標註文字;如果需要更復雜的排版說明,建議添加多個文字元素分別擺放。

標註是在我的電腦或手機上完成的,還是要上傳到服務器?

完全在你當前設備的瀏覽器裡完成,編輯過程中的實時預覽是網頁直接渲染的,點擊下載時會用瀏覽器 Canvas 繪圖接口把所有元素按當前的位置、大小、旋轉角度重新繪製合成到圖片上,全程不會把原圖上傳到任何服務器。

下載後的圖片會保留 EXIF 拍攝資訊和 PNG 透明背景嗎?

標註本質是重新繪製並編碼:PNG 的透明通道會保留;但如果原圖帶透明區域、又被識別需要用 JPG 編碼,透明部分會被填充為白色底。原圖的 EXIF 拍攝參數、位置等元數據在重新編碼後不會保留,如果需要專門查看或清除 EXIF,可以使用「EXIF 清理」工具。

  • 原圖不進我們的服務器

    編輯和合成全程在瀏覽器本地完成,圖片不會經過任何服務器

  • 5 種標註元素

    文字、表情貼紙、箭頭、矩形、圓形,覆蓋大部分說明標註需求

  • 自由拖拽調整

    拖動移動位置,拖動圓點縮放大小和旋轉角度,隨時修改不怕出錯

  • 免費無水印

    不用註冊、不用付費,匯出結果沒有任何水印標記

適用情境

這些情況打開本頁通常更省事

不是功能清單,而是「什麼時候值得拖一張圖上來」。對不上號就換工具,別硬用。

教程截圖加箭頭文字說明

給操作截圖添加箭頭指向具體按鈕,配上簡短文字說明步驟,讓教程或幫助文檔更容易看懂。

產品圖/海報加標註框

用矩形或圓形標註框圈出商品圖上的關鍵賣點或細節位置,配合文字說明,讓宣傳圖資訊更清晰直觀。

元素類型

5 種標註元素速查表

不同類型元素適合不同的說明需求,添加後都可以自由拖動、縮放和旋轉。

元素類型可調整屬性適合場景
文字內容、顏色、加粗、大小、位置、旋轉角度標題、提示語、簡短說明文字
表情貼紙大小、位置、旋轉角度(表情本身自帶顏色)點綴裝飾、表達情緒、重點提示
箭頭顏色、線條粗細、大小、位置、旋轉角度指向截圖中的具體按鈕、區域或細節
矩形標註框顏色、線條粗細、大小、位置、旋轉角度圈出圖片中的某個矩形區域重點提示
圓形標註框顏色、線條粗細、大小、位置、旋轉角度圈出圖片中的某個點或圓形區域重點提示

所有元素的操作方式是統一的:直接拖動元素本身移動位置,拖動右下角圓點縮放大小,拖動右上角圓點旋轉角度,點擊左上角圓點刪除;選中元素後,下方面板會顯示該類型可編輯的具體屬性。

技術說明

關於本地標註,這兩點值得了解

  1. 01

    編輯預覽與最終匯出使用同一套座標數據

    每個元素的位置、大小都以圖片寬高的比例保存,而不是固定像素值,所以不管圖片顯示得多大多小,編輯時看到的效果和點擊下載後合成到原始分辨率圖片上的效果是完全一致的;下載時藉助瀏覽器 Canvas 繪圖接口重新繪製生成最終圖片,全程在你的裝置本地完成,不經過任何服務器。

  2. 02

    為什麼文字標註不支持批量處理

    文字要說明的內容、箭頭要指向的位置、標註框要圈出的區域,都是根據每張圖片的具體構圖和內容手動確定的,不同圖片的構圖和需要強調的重點完全不同,沒辦法把同一套座標和文字內容套用到不同圖片上;所以這個工具專注於單張圖片的精細標註,需要處理多張時請逐張打開分別操作。

文件還在你這邊,直接拖一張試試

不用開號。滿意再批量,不滿意就換參數重來。