header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Wix Blog:建議圖片尺寸

2 分鐘
了解如何最佳化部落格圖片非常重要,這能確保部落格看起來精緻且效能良好。這代表每個元件都必須使用正確的圖片大小。
顯示部落格貼文中圖片的螢幕截圖

使用正確圖片尺寸的優點

圖片在部落格中扮演重要角色,並可透過以下方式提升部落格品質:
  • 載入速度:大型圖片可能會降低部落格速度。最佳化圖片有助於縮短載入時間,進而提升使用體驗並提高 SEO 排名。
  • 行動裝置回應式設計:由於許多使用者透過行動裝置存取部落格,尺寸正確的圖片可確保部落格在較小畫面中也能完美呈現。
  • 美感一致性:一致的圖片尺寸可讓部落格保持協調與專業,對讀者更具視覺吸引力。

建議部落格元件的圖片尺寸

無論是新增部落格貼文圖片、設計封面圖片,或是設定文章清單和近期文章,採用正確的尺寸可確保內容看起來具備專業人員水準且載入迅速。

部落格貼文圖片

建議部落格圖片的大小應小於 1000 X 1000 像素。這不適用於要作為封面圖片,或是文章清單或近期文章元件縮圖的圖片。
提示:
瞭解更多 在部落格中新增圖片及其他媒體 的相關資訊

封面圖片

封面圖片會顯現在部落格摘要和其他部落格元件中。這是讀者在選擇文章前捲動瀏覽部落格時看到的內容。由於封面圖片不會以全頁顯現,建議使用比其他部落格貼文圖片稍小的圖片。
封面圖片的建議大小取決於部落格版面配置。
  • 並排
    • 940 x 705 像素(比例:4 x 3)
  • 社論
    • 940 x 705 像素(比例:4 x 3)
  • 圖塊
    • 最小尺寸:940 x 186 像素(比例:15 x 3)
    • 最大尺寸:940 x 1456 像素(比例:9 x 14)
  • 雜誌
    • 940 x 940 像素(比例:1 x 1)
  • 單欄
    • 940 x 400 像素(比例:21 x 9)
  • 完整文章:不適用
提示:
瞭解更多 設定部落格貼文封面圖片 的相關資訊

文章清單

您可將「文章清單」元件放置在網站上的任何位置。建議圖片大小視為文章清單選擇的版面配置而定。
  • 經典
    • 940 x 940 像素(比例:1 x 1)
  • 社論
    • 940 x 705 像素(比例:4 x 3)
  • 滑桿
    • 940 x 705 像素(比例:4 x 3)
  • 並排
    • 940 x 705 像素(比例:4 x 3)
  • 雜誌
    • 940 x 940 像素(比例:1 x 1)
  • 單欄
    • 940 x 400 像素(比例:21 x 9)

相關文章會顯現在文章頁面的文章結束處。小工具中的圖片建議大小為:
圖片尺寸:288 x 162 像素(比例:16 x 9)

調整圖片大小

使用 Wix 的相片編輯工具調整圖片大小並進行裁切,是將圖片調整至最適合網站尺寸的簡便高效方法。無論是需要調整部落格貼文、圖庫或網站其他部分的圖片大小,裁切與延伸工具都能輕鬆確保圖片外觀清晰且載入迅速,同時不損害品質。
Wix Photo Studio 中裁切與延伸索引標籤的螢幕截圖。
想要瞭解更多嗎?
觀看 Wix Learn 中關於撰寫部落格貼文與格式設定的影片。