網頁、社群、電子郵件與印刷的 Logo 尺寸
Logo 尺寸取決於 Logo 用在哪裡:社群大頭貼用約 400 × 400 px 的正方形,網站頁首用約 400 × 100 px 的橫式 Logo,電子郵件簽名用寬 100 至 300 px,整組 Favicon 用 16 至 512 px,印刷則用向量檔,或在印刷尺寸下達到 300 dpi(每英吋點數)的圖檔。保留一份向量原始檔,每種尺寸都從它匯出。下方每個平台的數字,都連結到該平台官方的說明頁面;尺寸已於 2026 年 11 月 4 日查核。
免費的 Logo Finder 能從任何公司的網站或您自己的檔案,匯出 512、1024、2048 與 4096 px 的透明背景 PNG、方形圖示、Favicon 套件,以及印刷用的向量檔。
網站 Logo 應該做多大?
網站頁首的 Logo 通常是約 400 × 100 px 的橫式圖片,並以顯示尺寸的兩倍儲存,在高解析度螢幕上才能保持清晰;更好的做法是使用在任何尺寸下都清晰的 SVG。WordPress 佈景主題手冊的自訂 Logo 範例使用 400 × 100 px,寬度與高度皆可彈性調整;Shopify 部落格則建議桌機版的橫式 Logo 使用 400 × 100 px。
| Logo | 尺寸 | 資料來源 |
|---|---|---|
| 橫式頁首 Logo | 桌機版 400 × 100 px,行動版 160 × 40 px | Shopify 部落格 |
| 方形頁首 Logo | 桌機版 100 × 100 px,行動版 60 × 60 px | Shopify 部落格 |
| WordPress 自訂 Logo | 手冊範例為 400 × 100 px,寬度與高度皆可彈性調整 | WordPress 開發者手冊 |
| 網頁結構化資料中的 Logo | 至少 112 × 112 px,在白色背景上也要清楚好看 | Google 搜尋中心 |
| 高解析度螢幕 | 顯示尺寸的兩倍,或使用 SVG | MDN |
MDN 說明了為何要做成兩倍大:在每個 CSS 像素對應兩個裝置像素的螢幕上,瀏覽器會載入較大的檔案,Logo 在相同尺寸下就能呈現更多細節。SVG 則完全不必考慮這個問題,因為它「能平滑縮放到所需的尺寸」(MDN)。至於網站結構化資料中指定的 Logo,Google 要求至少 112 × 112 px,而且在白色背景上要清楚好看。
社群媒體的 Logo 應該做多大?
社群媒體的大頭貼都是正方形,大多數平台建議每邊 320 至 720 px:LinkedIn 專頁 Logo 為 400 × 400 px,X 大頭貼為 400 × 400 px,Facebook 粉絲專頁大頭貼為 320 × 320 px,Google 商家檔案的相片為 720 × 720 px。請把 Logo 放在正方形的中央範圍內,因為 Facebook 會把大頭貼裁成圓形。
| 平台 | Logo 或大頭貼 | 封面或橫幅 | 檔案 | 資料來源 |
|---|---|---|---|---|
| LinkedIn 專頁 | 建議 400 × 400 px,最小 268 × 268 px | 1512 × 256 px | PNG 或 JPEG,最大 3 MB | LinkedIn 說明 |
| Facebook 粉絲專頁 | 320 × 320 px 畫質最佳;在電腦上顯示為 176 × 176 px,在智慧型手機上為 196 × 196 px,並裁成圓形 | 至少 400 × 150 px;使用 851 × 315 px、小於 100 KB 的 sRGB JPG 載入最快 | Logo 與文字使用 PNG,效果可能更好 | Facebook 使用說明中心 |
| X | 建議 400 × 400 px | 1500 × 500 px;上下各 60 px 可能會裁掉 | JPEG、GIF 或 PNG;大頭貼小於 2 MB | X 說明中心 |
| YouTube | 顯示為 98 × 98 px | 至少 2048 × 1152 px,比例 16:9,文字與 Logo 須在 1235 × 338 px 範圍內 | 大頭貼:JPG、GIF、BMP 或 PNG,最大 15 MB;橫幅最大 6 MB | YouTube 說明 |
| Google 商家檔案 | 建議 720 × 720 px,最小 250 × 250 px | 相片適用相同規則 | JPG 或 PNG,10 KB 至 5 MB | Google 商家檔案說明 |
| 320 × 320 px 正方形,依各家尺寸指南的建議(Instagram 未公布官方數字) | 無封面圖片 | 正方形圖片 | Sprout Social |
一份 1024 × 1024 px 的正方形原始檔,就能涵蓋上述所有大頭貼位置:它比最大的建議尺寸 720 × 720 px 還大,各平台都會自行縮小。Logo Finder 的 Favicon 下載項目,正是為此把 Logo 置入正方形。封面與橫幅則把橫式 Logo 放在品牌色背景上,置於 YouTube 1235 × 338 px 的安全範圍內,並避開 X 可能裁掉的 60 px。
電子郵件簽名的 Logo 應該做多大?
電子郵件簽名的 Logo 通常寬 100 至 300 px、高 30 至 100 px,以兩倍大小上傳,再於簽名檔的 HTML 中縮為一半,在高解析度螢幕上就能保持清晰(Email Signature Rescue)。Exclaimer 建議整個簽名檔寬約 600 px,圖片盡可能小於 50 KB,格式為 PNG 或 JPEG(Exclaimer)。
| 項目 | 尺寸 | 資料來源 |
|---|---|---|
| Logo 寬度(顯示尺寸) | 100 至 300 px | Email Signature Rescue |
| Logo 高度(顯示尺寸) | 30 至 100 px | Email Signature Rescue |
| 上傳的檔案 | 顯示尺寸的兩倍,再於 HTML 中縮為一半 | Email Signature Rescue |
| 整個簽名檔 | 寬約 600 px | Exclaimer |
| 檔案大小 | 盡可能小於 50 KB | Exclaimer |
| 格式 | PNG,適合 Logo 與透明背景 | Email Signature Rescue |
全面使用前,請先在深色模式下檢查 Logo:有些電子郵件 App 會把淺色背景轉成深色,透明背景 PNG 上的深色 Logo 就可能消失不見。如何製作深色模式 Logo說明了各種解法,從細白外框,到讓 Apple Mail 自動換上的白色版本都有。
Favicon 尺寸有哪些?
網站需要的 Favicon 尺寸包括:瀏覽器分頁用的 favicon.ico、iPhone 主畫面用的 180 × 180 px Apple touch icon,以及 Web App Manifest 中 192 × 192 與 512 × 512 px 的圖示;Chrome 要有這些圖示,才會讓網站安裝成 App。搜尋結果方面,Google 要求正方形 Favicon 至少 8 × 8 px,並建議大於 48 × 48 px。
| 檔案 | 尺寸 | 用途 | 資料來源 |
|---|---|---|---|
| favicon.ico | 一個檔案內含多種尺寸,最大 256 × 256 px | 經典的瀏覽器分頁圖示 | MDN |
| Windows .ico | 一個檔案內至少包含 16、24、32、48 與 256 px | 桌面捷徑、工作列與 Windows 應用程式圖示 | Microsoft Learn |
| PNG 版 Favicon | 正方形,至少 8 × 8 px;建議大於 48 × 48 px | 瀏覽器分頁與 Google 搜尋結果 | Google 搜尋中心 |
| SVG 版 Favicon | 任何尺寸皆可:它是向量檔 | Chromium 架構的瀏覽器與 Firefox;可在深色模式下切換顏色 | web.dev |
| apple-touch-icon | iPhone 用 180 × 180 px;iPad 用 152 × 152 與 167 × 167 px | iPhone 與 iPad 主畫面 | Apple 已封存的 Safari 指南 |
| Web App Manifest 圖示 | 192 × 192 與 512 × 512 px | 在 Chrome 中將網站安裝成 App | web.dev |
| 可遮蓋圖示(maskable icon) | Logo 位於中央圓形內,圓的半徑為圖示寬度的 40% | Android 自動調整圖示,外圍 10% 可能會裁掉 | web.dev |
Logo Finder 的 Favicon 套件,能用一個 Logo 做出上述所有檔案:瀏覽器分頁用的 favicon.ico、內含 16 至 256 px 所有尺寸的 icon-256.ico、包括 180 px Apple touch icon 與 192、512 px Manifest 圖示在內的 PNG 圖示,以及列出這些圖示的 site.webmanifest,並附上要貼到網頁 head 區段的程式碼。若想要一個連 Windows 也適用的圖示檔,免費的 PNG 轉 ICO 轉檔工具能用任何 PNG 或 Logo,做出內含 16、24、32、48、64、128 與 256 px 的單一 .ico。想知道其他網站用了哪些圖示,Favicon 擷取工具能從網址取出它們。透明正方形上的深色圖示,在深色的瀏覽器分頁中可能會消失;具備專屬深色模式顏色的 SVG Favicon,就能保持清楚可見。
印刷用的 Logo 應該做多大?
印刷用的 Logo 若是向量檔,尺寸不受限制;若是圖片,每印刷一英吋約需 300 像素,這是印刷廠公布的標準(Vistaprint、4imprint)。所以 PNG 的像素寬度除以 300,就是它適合印刷的最大寬度。下表列出 Logo Finder 各種 PNG 尺寸能印多寬。
| PNG 寬度 | 最大印刷寬度 | 適用於 |
|---|---|---|
| 512 px | 1.7 英吋(43 mm) | 小型標誌,例如標籤或鑰匙圈 |
| 1,024 px | 3.4 英吋(87 mm) | 幾乎是 3.5 英吋名片的完整寬度 |
| 2,048 px | 6.8 英吋(173 mm) | 上衣左胸 Logo,寬 3 至 4 英吋 |
| 4,096 px | 13.7 英吋(347 mm) | 上衣正面大面積印花,寬 10 至 12 英吋 |
服飾也是同樣的算法:Vistaprint 的印製位置指南把左胸 Logo 定為寬 3 至 4 英吋,正面大面積印花為寬 10 至 12 英吋,所以目標分別是 1,200 與 3,600 px。從房間另一頭觀看的招牌,每英吋的像素可以少一些,印刷用的圖片解析度有詳細說明;印刷廠需要哪種 Logo 檔案則列出該傳送的檔案。想在卡片上以實際尺寸檢查 Logo,免費的 3D 信用卡 Mockup 產生器能把它放到 3D 的 CR80 卡片上。
Logo 動畫應該做多大?
Logo 動畫要依播放螢幕的比例製作:Instagram Reels、TikTok 與 YouTube Shorts 用 1080 × 1920 px(9:16),社群動態用 1080 × 1350 px(4:5)或 1080 × 1080 px(1:1),YouTube 與網站則用 1920 × 1080 px(16:9)。Meta 的 Reels 廣告指南把 Reels 定為 9:16,TikTok 建議使用 9:16 直式影片,YouTube 把三分鐘以內的方形與直式影片都算作 Shorts,而 16:9 則是 YouTube 在電腦上的標準長寬比。
免費的 Logo 動畫製作工具匯出的正是這四種比例,構圖時會讓 Logo 避開各 App 疊在影片上的按鈕與說明文字。各平台的影片長度、檔案限制與安全範圍,請見如何製作 Logo 動畫。影片資料來源已於 2026 年 11 月 5 日查核。
如何用一個檔案做出所有 Logo 尺寸?
所有 Logo 尺寸都從同一份向量原始檔製作:每種尺寸都從 SVG、PDF 或 EPS 匯出,而不是把先前匯出的檔案再縮放,因為放大圖片只會讓像素變大,不會增加細節。五種匯出檔,就能涵蓋本指南提到的所有用途,從 Favicon 到上衣正面的大面積印花:
- 網站頁首用的橫式 Logo:SVG 檔,再加上顯示寬度兩倍的 PNG。
- Logo 置中的正方形版本,1024 × 1024 px,用於大頭貼與 App 圖示。
- 白色版本,用於深色背景、深色模式與電子郵件。
- 一組 Favicon:ICO、180 px 的 Apple touch icon,以及 192 與 512 px 的 Manifest 圖示。
- 印刷檔:PDF 或 EPS,再加上在最大印刷尺寸下達到 300 dpi 的 PNG。
還沒有向量原始檔嗎?Logo Finder 能從公司網站取得,Logo 向量化工具則能把您手上的 PNG 描成向量檔。每種匯出檔該用哪種格式,請見 Logo 檔案格式說明。
Logo 最佳尺寸是多少?
沒有單一的最佳尺寸,因為每個地方都以自己的尺寸顯示 Logo。請保留一份向量原始檔(SVG、PDF 或 EPS),再從中匯出:大頭貼用 1024 × 1024 px 的正方形,網站頁首用約 400 × 100 px 的橫式 Logo,並以兩倍尺寸儲存,讓高解析度螢幕也清晰,再加上一組 Favicon。
Logo 應該是多少像素?
網站頁首約 400 × 100 px,以顯示尺寸的兩倍儲存。社群大頭貼用 400 × 400 px 以上的正方形。電子郵件簽名寬 100 至 300 px。印刷則是每一印刷英吋 300 像素:寬 4 英吋的 Logo 需要 1,200 px。
LinkedIn 的 Logo 尺寸是多少?
LinkedIn 建議專頁 Logo 使用 400 × 400 px,最小 268 × 268 px;封面圖片則為 1512 × 256 px。根據 LinkedIn 說明(2026 年 11 月 4 日查核),兩者都必須是 3 MB 以內的 PNG 或 JPEG 檔案。
Facebook 粉絲專頁的大頭貼尺寸是多少?
Facebook 建議粉絲專頁大頭貼使用 320 × 320 px。它在電腦上顯示為 176 × 176 px,在智慧型手機上為 196 × 196 px,並會裁成圓形,所以請把 Logo 放在中央範圍內。Facebook 也指出,Logo 與文字使用 PNG 檔,效果可能更好。
Favicon 的尺寸是多少?
網站需要一個 favicon.ico、一個 180 × 180 px 的 Apple touch icon,以及 Web App Manifest 中 192 × 192 與 512 × 512 px 的圖示。Google 搜尋要求正方形 Favicon 至少 8 × 8 px,並建議大於 48 × 48 px。
印刷用的 Logo 解析度要多少?
向量 Logo(PDF、EPS、AI 或 SVG)沒有固定的解析度,印成任何尺寸都清晰。PNG 或 JPG 在印刷尺寸下約需 300 dpi:把印刷寬度(英吋)乘以 300,所以寬 4 英吋的 Logo,橫向需要 1,200 像素。