如何為網頁調整圖片大小 - 各種用途的正確尺寸
提供過大的圖片是網站緩慢的頭號原因。一張 4000x3000 的照片以 800x600 顯示，會浪費 96% 的像素。以下是設定正確圖片尺寸的方法。
立即試用 - 免費，無需註冊。
免費調整圖片大小 →建議的圖片尺寸
| 用途 | 寬度（px） | Retina（2 倍） |
|---|---|---|
| 主視覺／橫幅 | 1600 | 3200 |
| 部落格內文 | 800 | 1600 |
| 縮圖 | 400 | 800 |
| 商品圖片 | 1000 | 2000 |
| OG 圖片（社群） | 1200x630 | - |
| 網站圖示 | 512x512 | - |
經驗法則：調整到最大顯示寬度，再為 Retina 螢幕乘以 2。以 800px 顯示的部落格圖片，寬度應為 1600px。
如何調整大小
- 開啟圖片調整大小工具
- 上傳你的圖片
- 設定目標寬度（高度會依比例調整）
- 下載調整後的圖片
專業提示：先調整大小，再壓縮。先壓縮 4000px 的圖片再縮小到 800px 是浪費，等於在壓縮之後會被丟掉的像素。
常見問題
調整大小會降低圖片畫質嗎？
縮小通常是安全的，因為你是移除像素，而不是增加像素。放大會降低畫質，因為軟體必須憑空產生新的像素。網頁用途千萬不要放大圖片。
響應式圖片應該使用 srcset 嗎？
應該！srcset 屬性能讓瀏覽器依裝置挑選合適的圖片尺寸。產生 2-3 種尺寸（小、中、大），交給瀏覽器選擇。
準備好了嗎？立即轉換你的圖片 - 100% 免費。
免費調整圖片大小 →