Logo線上新增文字到圖片文件
Logo線上新增文字到圖片文件
首頁Documentation使用指南

使用指南

詳細的功能使用指南,幫助您快速上手

使用指南

歡迎使用我們的線上圖片文字編輯器!本指南將詳細介紹所有功能的使用方法,幫助您快速製作出精美的圖片。

第一步:上載圖片

如何上載圖片?

開啟網站後,您會看到一個上載區域。有兩種方式可以上載圖片:

方式一:點擊上載

  1. 點擊中間的「選擇檔案」按鈕
  2. 在彈出的視窗中選擇您的圖片
  3. 支援 JPG、PNG、WebP 格式
  4. 圖片大小不超過 10MB

方式二:拖曳上載

  1. 直接將圖片從資料夾拖到上載區域
  2. 放開滑鼠即可完成上載

如果您的圖片超過 5MB,系統會自動幫您優化壓縮,確保編輯流暢。

使用示範圖片

如果您暫時沒有圖片,可以點擊下方的示範按鈕快速體驗:

  • 風景圖片 :適合加入風景攝影浮水印
  • 人像圖片 :適合製作證件相或人像作品
  • 生日圖片 :適合製作生日祝福卡片

第二步:加入和編輯文字

上載圖片後,您就可以開始加入文字了!

加入普通文字

  1. 點擊頂部工具列的「加入文字」按鈕
  2. 圖片中央會出現一段預設文字
  3. 雙擊文字可以直接修改內容
  4. 拖動文字可以移動位置
  5. 拖動邊角可以縮放大小

加入時間戳記

  1. 點擊「時間戳記」按鈕
  2. 系統會自動加入目前日期和時間
  3. 時間格式會根據您的語言自動調整
  4. 同樣可以移動、縮放和編輯

時間戳記功能特別適合為相片加入拍攝日期,或製作帶日期的紀念相片!


第三步:調整文字樣式

選取文字後,右側會出現屬性面板(如果您開啟了全螢幕模式)。這裏有豐富的文字樣式選項:

字型設定

選擇字型

  • 系統字型:包含 Arial、宋體、黑體等常見字型
  • Google 字型:提供數百種精美字型,按類別分類:
    • 中文字型:適合中文內容
    • 英文字型:包括優雅、現代、手寫等風格
    • 特殊字型:藝術字型、裝飾字型等

調整字號

  • 拖動滑桿調整字號(12-200 像素)
  • 數值越大,文字越大

文字格式

三個格式按鈕可以快速美化文字:

  • 粗體 :讓文字更醒目
  • 斜體 :增添優雅感
  • 底線 :強調重點內容

點擊按鈕即可開啟或關閉效果,可以同時使用多種格式!

顏色設定

文字顏色

  1. 在色彩選擇器中點擊選擇您喜歡的顏色
  2. 或者在下方的色值框中輸入顏色代碼
  3. 即時預覽效果

描邊(輪廓)設定

  • 描邊寬度:拖動滑桿調整文字輪廓粗幼(0-20 像素)
  • 描邊顏色:選擇輪廓顏色
  • 描邊可以讓文字在任何背景上都清晰可見!

實用技巧:白色文字 + 黑色描邊,是最經典的配色方案,在任何圖片上都很清晰!

陰影效果

為文字加入陰影可以增加立體感和深度:

  1. 點擊「陰影」旁的「啟用」按鈕
  2. 調整陰影參數:
    • 模糊度:陰影的柔和程度
    • 水平偏移:陰影向左或向右偏移
    • 垂直偏移:陰影向上或向下偏移

旋轉和透明度

旋轉文字

  • 拖動旋轉滑桿(0-360°)
  • 或點擊快捷按鈕:0°、45°、90°、180°、270°
  • 適合製作傾斜標籤、斜角浮水印等效果

調整透明度

  • 拖動透明度滑桿(0-100%)
  • 或點擊快捷按鈕:25%、50%、75%、100%
  • 數值越小,文字越透明
  • 適合製作淡雅的浮水印效果

進階文字效果

字元間距

  • 調整文字之間的距離
  • 正值:文字分散
  • 負值:文字緊湊

行距

  • 調整多行文字的行距
  • 適合優化長段落的排版

鏤空字效果

  1. 點擊「鏤空字」旁的「啟用」按鈕
  2. 文字中間變透明,只保留輪廓
  3. 創造獨特的藝術效果!

第四步:文字平鋪(浮水印功能)

這是我們最強大的功能之一!可以讓文字在整張圖片上重複顯示,製作專業的浮水印效果。

如何啟用平鋪?

  1. 選取要平鋪的文字
  2. 在屬性面板中找到「重複設定」
  3. 點擊「啟用」按鈕

三種平鋪模式

單個模式

  • 只顯示一個文字
  • 適合普通文字編輯

網格模式

  • 按照行列規則排列
  • 可以精確控制:
    • 列數:橫向有幾個文字
    • 行數:縱向有幾個文字
    • 水平間距:左右文字的距離
    • 垂直間距:上下文字的距離

緊密模式

  • 文字緊密排列,佈滿整張圖片
  • 只需調整「平鋪間距」:
    • 0 倍:文字完全緊貼
    • 0.5 倍:文字略有間隔
    • 1 倍:標準間距
    • 2 倍:稀疏排列

推薦設定:

  • 製作版權浮水印:使用緊密模式,間距 0.5-1 倍,透明度 30-50%
  • 製作裝飾效果:使用網格模式,3×3 或 4×4,透明度 70-100%

佈局控制

裁剪到畫布內

  • 啟用:只顯示圖片範圍內的文字
  • 停用:允許文字超出圖片邊緣

所有文字在圖片上

  • 點擊「自動適配」按鈕
  • 系統會自動計算最佳的行列數和間距
  • 確保所有文字都顯示在圖片上

工具列功能詳解

頂部工具列包含了所有核心操作按鈕:

縮放控制

  • 放大 :點擊可放大畫布(最大 400%)
  • 縮小 :點擊可縮小畫布(最小 25%)
  • 百分比顯示:顯示目前縮放比例,點擊可重設為 100%

適合查看細節或整體預覽!

復原和重做

  • 復原 :退回上一步操作
  • 重做 :恢復剛才復原的操作

我們儲存了您的每一步操作,可以放心嘗試!

重設

  • 點擊重設按鈕可以清空所有編輯
  • 恢復到剛上載圖片的狀態
  • 系統會要求您確認,避免誤操作

全螢幕模式

進入全螢幕模式

  • 點擊「進入全螢幕」按鈕
  • 或按鍵盤的 F 鍵

全螢幕模式的優勢:

  • 編輯區域更大,操作更方便
  • 左側顯示圖層面板
  • 右側顯示文字屬性面板
  • 右下角顯示圖片資訊

退出全螢幕

  • 點擊「退出全螢幕」按鈕
  • 或再次按 F 鍵

圖層管理(全螢幕模式)

在全螢幕模式下,左側的圖層面板可以管理所有文字:

圖層清單

  • 顯示您加入的所有文字
  • 每個圖層顯示文字內容預覽
  • 點擊圖層可以選取對應的文字

圖層操作按鈕

每個圖層都有三個操作按鈕:

顯示/隱藏

  • 點擊眼睛圖示可以隱藏文字
  • 隱藏的文字不會出現在最終匯出的圖片中
  • 再次點擊可以重新顯示

鎖定/解鎖

  • 點擊鎖圖示可以鎖定文字
  • 鎖定後的文字無法移動、編輯
  • 防止誤操作,保護重要內容

刪除

  • 點擊垃圾桶圖示可以刪除文字
  • 系統會要求您確認
  • 刪除後可以透過復原功能恢復

圖片資訊

預設模式

在預設模式下,右側會顯示圖片的詳細資訊:

  • 檔案名稱:您上載的圖片名稱
  • 檔案大小:圖片檔案的大小
  • 檔案類型:JPG、PNG 或 WebP
  • 尺寸:圖片的寬度和高度(像素)
  • 寬高比:圖片的比例

全螢幕模式

在全螢幕模式下,圖片資訊會浮動在畫布的右下角,採用毛玻璃效果,不會遮擋您的編輯區域。


匯出圖片

完成編輯後,點擊「匯出」按鈕 即可下載您的作品:

  1. 點擊頂部工具列的「匯出」按鈕
  2. 在彈出的對話方塊中選擇匯出選項:
    • 檔案格式(PNG、JPG、WebP)
    • 圖片質量
    • 檔案名稱
  3. 點擊「下載」按鈕
  4. 圖片會自動儲存到您的下載資料夾

格式選擇建議:

  • PNG:適合需要透明背景或高質量的圖片
  • JPG:檔案最小,適合分享到社交媒體
  • WebP:平衡質量和大小,適合網頁使用

分享功能

點擊「分享」按鈕 可以快速分享您的作品:

  • 複製連結分享給好友
  • 分享到社交媒體
  • 嵌入到您的網站

常見問題

為何我的字型沒有生效?

Google 字型需要載入時間。請稍等幾秒鐘,字型會自動套用。

如何製作透明浮水印?

  1. 加入文字
  2. 調整透明度為 30-50%
  3. 啟用平鋪功能
  4. 選擇緊密模式

文字被圖片蓋住了怎麼辦?

使用圖層面板調整圖層順序,或者為文字加入描邊和陰影,提高可見度。

可以同時編輯多個文字嗎?

可以!在圖層面板中選擇不同的圖層,切換編輯對象。

如何儲存我的編輯進度?

我們的編輯歷史功能會自動儲存您的每一步操作。使用復原/重做按鈕可以在歷史記錄中前後移動。


快捷鍵

  • F 鍵:切換全螢幕模式
  • Ctrl/Cmd + Z:復原
  • Ctrl/Cmd + Y:重做
  • Delete:刪除選取的文字

小技巧

  1. 製作專業浮水印:使用白色文字 + 黑色描邊 + 30% 透明度 + 緊密平鋪
  2. 突出重點文字:使用大字號 + 粗體 + 陰影效果
  3. 營造氣氛:嘗試不同的字型類別,如手寫體、藝術體
  4. 斜角標籤:使用 45° 旋轉 + 描邊效果
  5. 批量浮水印:使用「所有文字在圖片上」自動適配功能

現在您已經掌握了所有功能,開始創作您的精美圖片吧!

Documentation

Welcome to the documentation

目錄

使用指南
第一步:上載圖片
如何上載圖片?
使用示範圖片
第二步:加入和編輯文字
加入普通文字
加入時間戳記
第三步:調整文字樣式
字型設定
文字格式
顏色設定
陰影效果
旋轉和透明度
進階文字效果
第四步:文字平鋪(浮水印功能)
如何啟用平鋪?
三種平鋪模式
佈局控制
工具列功能詳解
縮放控制
復原和重做
重設
全螢幕模式
圖層管理(全螢幕模式)
圖層清單
圖層操作按鈕
圖片資訊
預設模式
全螢幕模式
匯出圖片
分享功能
常見問題
為何我的字型沒有生效?
如何製作透明浮水印?
文字被圖片蓋住了怎麼辦?
可以同時編輯多個文字嗎?
如何儲存我的編輯進度?
快捷鍵
小技巧