這篇文章會介紹使用 Python 的 Pillow 第三方函式庫,實作圖片加上文字的效果 ( 使用文字作為浮水印 ),最後還會搭配 glob 函式庫,實現批次加浮水印的功能。
原文參考:圖片加上文字浮水印
- 本篇使用的 Python 版本為 3.7.12,所有範例可使用 Google Colab 實作,不用安裝任何軟體 ( 參考:使用 Google Colab )
- 使用 Colab 操作需要連動 Google 雲端硬碟,請參考:連動 Google Drive
輸入下列指令安裝 Pillow,根據個人環境使用 pip 或 pip3,如果使用 Colab 或 Anaconda Jupyter,已經內建 Pillow 函式庫。
!pip install Pillow
要在圖片裡加入文字,首先要知道「字型檔」,字型檔可以從電腦本機取得已經安裝的字型,或前往 Google Font 下載免費的字型檔,下載字型檔後,放到指定的資料夾內,範例將字型與 Python 程式放在同一個目錄下。
一開始先載入 Pillow 函式庫的 Image、ImageFont 和 ImageDraw 模組,Image 負責處理圖片的影像效果,ImageFont 負責讀入字型,ImageDraw 負責在圖片上繪製圖案。
from PIL import Image, ImageFont, ImageDraw
接著使用 Image.open 開啟要加文字的圖片,使用 ImageFont.truetype 讀取字型檔案 ( 第一個參數為字型檔案路徑,第二個參數為字體大小 ),接著使用 ImageDraw.Draw 的 text 方法將文字畫入圖片中 ( 第一個參數為坐標、第二個參數為文字、第三個參數為 RGB 顏色、第四個參數為字型 )。
import os
os.chdir('/content/drive/MyDrive/Colab Notebooks') # Colab 換路徑使用
from PIL import Image, ImageFont, ImageDraw
img = Image.open('./photo.jpg') # 開啟圖片
font = ImageFont.truetype('Teko-Regular.ttf', 100) # 設定字型
draw = ImageDraw.Draw(img) # 準備在圖片上繪圖
draw.text((0,0), 'OXXO.STUDIO', fill=(255,255,255), font=font) # 將文字畫入圖片
img.save('./ok.jpg') # 儲存圖片
# img.show() # Colab 不支援直接顯示,如果使用本機環境會開啟圖片檢視器
透過取得圖片的長寬尺寸,就能夠定義文字擺放的位置 ( 由於無法知道一段文字的總寬度,如果要靠右對齊,就要先嘗試幾張圖,才能取得正確的位置 )。
import os
os.chdir('/content/drive/MyDrive/Colab Notebooks') # Colab 換路徑使用
from PIL import Image, ImageFont, ImageDraw
img = Image.open('./photo.jpg')
w, h = img.size # 取得圖片尺寸
font = ImageFont.truetype('Teko-Regular.ttf', 100)
draw = ImageDraw.Draw(img)
draw.text((0,h-100), 'OXXO.STUDIO', fill=(255,255,255), font=font) # 使用 h-100 定位到下方
img.save('./ok.jpg')
因為無法直接旋轉文字,如果要旋轉文字浮水印,必須採用類似「logo 浮水印」的做法,先使用 Image.new 產生一張空白的圖片 ( mode 設定為 RGBA,color 設定四個參數為 0,表示透明背景 ),接著將文字繪製在這張空白圖片上,旋轉有文字的圖片,再將圖片貼到原本的圖片上,就會出現旋轉文字的浮水印。
import os
os.chdir('/content/drive/MyDrive/Colab Notebooks') # Colab 換路徑使用
from PIL import Image, ImageFont, ImageDraw
img = Image.open('./photo.jpg')
font = ImageFont.truetype('Teko-Regular.ttf', 150)
# 設定一張空白圖片,背景 (0,0,0,0) 表示透明背景
text = Image.new(mode='RGBA', size=(600, 150), color=(0, 0, 0, 0))
draw = ImageDraw.Draw(text)
draw.text((0, 0), 'OXXO.STUDIO', fill=(255, 255, 255), font=font) # 畫入文字
text = text.rotate(30, expand=1) # 旋轉這張圖片,expand 設定 1 表示展開旋轉,不要裁切
img.paste(text, (50, 0), text) # 將文字的圖片貼上原本的圖
img.save('./ok.jpg')
由於 PIL 裡調整透明度的 putalpha 方法,會調整 RGBA 裡的 A ( alpha ) 色版數值,如果作為浮水印本身是去背的圖片,會造成去背的部分也受到影響 ( 因為去背位置的像素包含了 alpha 資訊 ),因此如果要做到半透明的浮水印,可以先產生一張完全不透明的圖 ( 有浮水印的 ),然後再調整這張圖的透明度,與原本沒有浮水印的圖結合,就會產生半透明的浮水印效果。
import os
os.chdir('/content/drive/MyDrive/Colab Notebooks') # Colab 換路徑使用
from PIL import Image, ImageFont, ImageDraw
# import os
img = Image.open('./photo.jpg')
w, h = img.size
font = ImageFont.truetype('Teko-Regular.ttf', 150)
text = Image.new(mode='RGBA', size=(600, 150), color=(0, 0, 0, 0))
draw = ImageDraw.Draw(text)
draw.text((0, 0), 'OXXO.STUDIO', fill=(255, 255, 255), font=font)
text = text.rotate(30, expand=1)
img2 = Image.open('./photo.jpg') # 再次開啟原本的圖為 img2
img2.paste(text, (50, 0), text) # 將文字貼上 img2
img2.convert('RGBA') # 圖片轉換為 RGBA 模式 ( 才能調整 alpha 色版 )
img2.putalpha(100) # 調整透明度,範圍 0~255,0 為全透明
img.paste(img2, (0, 0), img2) # 將 img2 貼上 img
img.save('./ok.jpg')
了解加入浮水印的方法後,使用 glob 標準函式庫讀取 demo 資料夾裡所有的 jpg 檔案,就能批次加入浮水印。
- 參考:for 迴圈、拆分字串 split
- 圖片來源:爬取並自動下載 PTT 正妹圖片
from PIL import Image, ImageFont, ImageDraw
# import os
# os.chdir('/content/drive/MyDrive/Colab Notebooks') # Colab 換路徑使用
imgs = glob.glob('./demo/*.jpg') # 讀取 demo 資料夾裡所有的圖片
for i in imgs:
name = i.split('/')[::-1][0] # 取得圖片名稱
img = Image.open(i) # 開啟圖片
w, h = img.size
font = ImageFont.truetype('Teko-Regular.ttf', 100)
text = Image.new(mode='RGBA', size=(400, 100), color=(0, 0, 0, 0))
draw = ImageDraw.Draw(text)
draw.text((0, 0), 'OXXO.STUDIO', fill=(255, 255, 255), font=font)
text = text.rotate(30, expand=1)
img2 = Image.open(i)
img2.paste(text, (50, 0), text)
img2.convert('RGBA')
img2.putalpha(150)
img.paste(img2, (0, 0), img2)
img.save(f'./test/{name}')
其實加浮水印的原理都大同小異,不外乎就是將「兩張圖片重疊」,透過程式的方式,就能夠一次將浮水印加入大量的圖片,省去不少人工作業的時間。
大家好,我是 OXXO,是個即將邁入中年的斜槓青年,我已經寫了超過 400 篇 Python 的教學,有興趣可以參考下方連結呦~ ^_^