做 side project 的時候，有一個地方很容易卡住：
圖片要從哪裡來？
自己拍？沒那個美學和器材。
隨便去 Google 圖片抓？小心被版權找上門。
買付費圖庫？一張動輒好幾百塊，side project 根本不划算。
這個問題困擾我很久，直到我認真開始用 Unsplash。
Unsplash 是什麼？
一個完全免費的高品質圖片網站。
特色：
- 免費下載 — 不用付錢、不用訂閱
- 可以商用 — 做產品、做網站、印刷品都可以
- 不用標示來源（但標了攝影師會很開心）
- 畫質超高 — 隨便一張都是幾千像素寬
- 量大 — 幾百萬張照片，幾乎什麼主題都找得到
簡單說，就是一群專業攝影師把自己的作品無償釋出來給大家用。
怎麼用？
1. 直接到 unsplash.com 搜尋
輸入關鍵字，例如 coffee、mountain、code，結果會出來一堆高品質照片。
2. 下載你喜歡的圖
點進去之後，右上角有「Download free」按鈕，可以選不同尺寸。
3. 透過網址直接嵌入（進階）
Unsplash 有一個很讚的功能：每張圖都有穩定的 CDN 網址。
你不一定要把圖下載下來再上傳到自己的伺服器，可以直接 hotlink：
| |
網址後面可以加參數控制：
w=1200— 寬度 1200pxq=80— 壓縮品質 80%fit=crop— 裁切模式auto=format— 自動選擇最佳格式（WebP 之類）
這個部落格大部分的封面圖，就是直接用 Unsplash 的 CDN 網址。
前端工程師怎麼用最順？
情境 1：部落格封面圖
每篇文章都要一張封面？去 Unsplash 找，貼 URL，搞定。
情境 2：Landing page 英雄區
需要一張有氛圍的 hero image？Unsplash 的攝影作品比很多付費圖庫還有質感。
情境 3：Mockup 假資料
做 demo 時要放使用者頭像、產品圖？Unsplash 有 Unsplash Source API：
| |
每次重新整理都會換一張，做 mockup 很方便。
情境 4：直接整合進設計工具
Figma、Canva、Notion 都有 Unsplash 外掛，不用離開工具就能插圖。
使用前要注意的事
雖然 Unsplash 非常寬鬆，但還是有一些不能做的事情：
- 不能把 Unsplash 的圖原封不動重新打包成圖庫販售
- 不能用來做明顯詆毀照片中人物的內容
- 不能用來暗示照片中的人物代言你的產品（除非你有模特兒授權）
講白一點：只要你是把圖拿來用在自己的作品裡，基本上都 OK。
完整條款在這裡：Unsplash License
其他類似的網站
如果在 Unsplash 找不到你要的風格，可以試試這幾個：
我自己是以 Unsplash 為主，Pexels 當備援。
小結
Unsplash 解決了獨立開發者和小團隊最煩的問題之一：找圖不用再怕版權。
如果你還在 Google 圖片右鍵存檔，或是怕被告不敢放圖，趕快換個習慣：
把時間花在寫 code、做產品，不是花在煩惱圖片授權。