網頁、社群、電子郵件與印刷的 Logo 尺寸

撰文更新於 閱讀時間 9 分鐘

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尺寸資料來源
橫式頁首 Logo桌機版 400 × 100 px,行動版 160 × 40 pxShopify 部落格
方形頁首 Logo桌機版 100 × 100 px,行動版 60 × 60 pxShopify 部落格
WordPress 自訂 Logo手冊範例為 400 × 100 px,寬度與高度皆可彈性調整WordPress 開發者手冊
網頁結構化資料中的 Logo至少 112 × 112 px,在白色背景上也要清楚好看Google 搜尋中心
高解析度螢幕顯示尺寸的兩倍,或使用 SVGMDN

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 與封面尺寸(2026 年 11 月 4 日查核)
平台Logo 或大頭貼封面或橫幅檔案資料來源
LinkedIn 專頁建議 400 × 400 px,最小 268 × 268 px1512 × 256 pxPNG 或 JPEG,最大 3 MBLinkedIn 說明
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 px1500 × 500 px;上下各 60 px 可能會裁掉JPEG、GIF 或 PNG;大頭貼小於 2 MBX 說明中心
YouTube顯示為 98 × 98 px至少 2048 × 1152 px,比例 16:9,文字與 Logo 須在 1235 × 338 px 範圍內大頭貼:JPG、GIF、BMP 或 PNG,最大 15 MB;橫幅最大 6 MBYouTube 說明
Google 商家檔案建議 720 × 720 px,最小 250 × 250 px相片適用相同規則JPG 或 PNG,10 KB 至 5 MBGoogle 商家檔案說明
Instagram320 × 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 尺寸
項目尺寸資料來源
Logo 寬度(顯示尺寸)100 至 300 pxEmail Signature Rescue
Logo 高度(顯示尺寸)30 至 100 pxEmail Signature Rescue
上傳的檔案顯示尺寸的兩倍,再於 HTML 中縮為一半Email Signature Rescue
整個簽名檔寬約 600 pxExclaimer
檔案大小盡可能小於 50 KBExclaimer
格式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 與 App 圖示尺寸
檔案尺寸用途資料來源
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-iconiPhone 用 180 × 180 px;iPad 用 152 × 152 與 167 × 167 pxiPhone 與 iPad 主畫面Apple 已封存的 Safari 指南
Web App Manifest 圖示192 × 192 與 512 × 512 px在 Chrome 中將網站安裝成 Appweb.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 在 300 dpi 下可印刷的寬度
PNG 寬度最大印刷寬度適用於
512 px1.7 英吋(43 mm)小型標誌,例如標籤或鑰匙圈
1,024 px3.4 英吋(87 mm)幾乎是 3.5 英吋名片的完整寬度
2,048 px6.8 英吋(173 mm)上衣左胸 Logo,寬 3 至 4 英吋
4,096 px13.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 到上衣正面的大面積印花:

  1. 網站頁首用的橫式 Logo:SVG 檔,再加上顯示寬度兩倍的 PNG。
  2. Logo 置中的正方形版本,1024 × 1024 px,用於大頭貼與 App 圖示。
  3. 白色版本,用於深色背景、深色模式與電子郵件。
  4. 一組 Favicon:ICO、180 px 的 Apple touch icon,以及 192 與 512 px 的 Manifest 圖示。
  5. 印刷檔:PDF 或 EPS,再加上在最大印刷尺寸下達到 300 dpi 的 PNG。

還沒有向量原始檔嗎?Logo Finder 能從公司網站取得,Logo 向量化工具則能把您手上的 PNG 描成向量檔。每種匯出檔該用哪種格式,請見 Logo 檔案格式說明。

Logo 尺寸常見問題

附上數字的簡短解答:網站、LinkedIn、Facebook、Favicon 與印刷。

有問題,歡迎詢問
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 像素。

用 3D 看您的下一份打樣

建立免費帳號、上傳 PDF 樣稿,今天就用您的品牌專屬連結,把互動式 3D 打樣傳給客戶。

免費帳號 · 免信用卡 · 印刷人打造