媒體在提高您網站的視覺吸引力和有效性方面起著重要的作用。 正確使用圖像,視頻和其他媒體類型可以吸引訪客,更有效地傳達信息,並創造更動態的用戶體驗。
-
任何上傳到系統的文件(文本,圖像,視頻或音頻)都是公開可用的。 不應上傳任何個人和/或機密信息。 若要完全移除檔案,請從媒體管理員中刪除檔案。
-
影像、圖示、音訊片段和檔案:每個網站最多可合併 15,000 個影像、音訊片段和檔案。 其他檔案可能會導致錯誤訊息。 每個檔案不得大於 50MB。
-
視頻:每個網站最多 100 個。 其他檔案可能會導致錯誤訊息。 每個檔案不得大於 200MB。 較大的檔案可能會導致錯誤訊息或無法完成上傳。 如果需要其他視頻,YouTube 或 Vimeo 可能是可能的選項。
-
不支援檔案名稱中的空格。 有空格的檔案可以上傳,但可能會導致檔案的意外行為。
-
檔案及其名稱可能會被緩存一段時間。 如果文件被刪除,它可能會保持一段時間可用。 這包括檔案名稱,這意味著嘗試使用最近刪除的檔案名稱時,您可能會遇到錯誤 " 名稱已存在 "。
-
由於緩存,不建議上傳與最近刪除的文件相同名稱的文件,因為刪除的文件可能會繼續顯示一段時間。
-
SVG 文件類型:SVG 是包含 HTML 代碼的圖像文件,這意味著當您將 SVG 圖標添加到您的網站時,您也會添加代碼行。 多個複雜的 SVG 可以添加數千行代碼,並導致您的網站加載緩慢。 如果您需要在同一頁面上使用多個 SVG 圖標,我們建議將其中一些圖標轉換為常規圖像(.png,.jpeg, 等)以避免加載或功能問題。
-
任何類型的檔案都無法上傳至網域的根資料夾。
-
不支援檔案中繼資料 (包括 EXIF 資料),並會在上傳時移除。
注意事項
-
檔案大小限制為每張影像 50MB。
-
影像檔案會為 15,000 個限制檔案做出貢獻。
支援下列影像檔案類型:
PNG,JPG,JPEG,GIF,SVG,文檔 + xml,ICO,x 圖標,網頁
編輯器可根據需要優化圖像,根據使用的設備和網站上的可見大小進行調整。
請注意,上傳圖像的大小永遠不會增加,只有網站上顯示小於原始圖像才進行優化。 例如,如果您上傳 2000 像素寬度的圖像,但它用於僅需 1920 像素的區域,則圖像將被優化為 1920 像素。 但是,如果您上傳 100 像素寬度的圖像,則它將不會被優化,如果顯示在較大的區域中,則可能會顯示像素化。
雖然編輯器可以優化任何大小的圖像,但建議上傳接近它們在網站上顯示的最大尺寸的圖像。 例如,如果圖像將是寬度為 160 像素的縮圖,請考慮上傳最大寬度約為 200 像素的圖像。
除了優化之外,網站上的所有圖像都以 WebP 格式提供。 這種格式允許更小的檔案大小,同時保留影像品質,有助於提高網站效能,而不會犧牲視覺清晰度。
注意事項
網站生成器的圖像優化僅適用於 JPG 和 PNG 圖像。 如果您正在上傳 TIFF、GIF 或其他影像格式,網站建置器可能無法將其最佳化。
建議的尺寸配置取決於使用位置以及您希望它的顯示方式。
如果圖像將以橫向方向使用,則建議的例子比例可以是 16:9,因為這表示它將比高寬。 對於肖像,這是相反的,9:16。
對於建議尺寸,一般而言,最好保持圖像寬度與最佳化大小相同或略大。 例如,如果圖像將在桌面上的圖像小部件中使用,則建議的最大寬度為 1920px 或僅稍大。 較大的影像需要更多的最佳化,這可能會影響影像品質。 如果關閉優化,較大的圖像不會影響質量,但由於它們的大小將會減慢網站的速度。
常見比例和尺寸
當影像將覆蓋網站的寬度時:
-
桌上型電腦的常見寬高比:16:9, 3:4
-
桌上型電腦的常見解析度大小(像素):1600 x 900,一二百八十二,一二百八十二,一百八十六十六
與桌面設備相比,移動設備通常具有相反的寬高比。 您可能必須使用「在裝置上隱藏」功能才能正確顯示行動裝置滑桿。
小工具圖像的寬高比和大小可能會根據小部件的大小、位置和設定而有所不同。 雖然有一般準則,但沒有固定的標準。
提供圖庫佈局的圖庫小部件和小部件
這些小工具包括以下內容:
-
照片庫
-
產品畫廊
-
媒體滑塊
-
第三方商店頁面小工具
這些小工具中影像的寬高比應反映您希望它的顯示方式。
-
例如,方形風格的畫廊應具有 1:1 的圖像比例。
-
高大的圖像樣式畫廊應該有更長的高度比例,如 2:5,或 200 像素 500 像素。
-
對於設計一致性,影像比例應該相同。 在圖像中留下一些填充以使用懸停效果,以便圖像不會被切斷。
-
常見解析度大小(px):任何分辨率,但在可能的情況下,頁面速度不大於 1500px。
根據預設,大多數元素的寬高比將取代影像的寬高比,進而導致影像的部分被切斷。 但是,某些元素包含允許顯示完整影像而不需裁剪的情況下的設定。
原始影像 |
具有覆寫寬高比的小工具中的圖像 |
---|---|
寬高比為 3:2 |
可能的寬高比例範例可以是 3:1(只是圖像中未被白框覆蓋的部分) |
在元素設計設定中使用「封面」選項時,元素的寬高比將取代影像的寬高比。 如果寬高比不相符,則影像的部分將被切斷。
此外,某些元素 (例如行和區段) 會根據設備的屏幕大小進行調整。 因此,元素的寬高比將根據目前查看網站的屏幕大小而改變。
防止影像被切斷的一種方法是使用元素的設計設定中的「完整影像」選項。 請注意,並非所有元素都具有此選項。
如需有關背景的詳細資訊,請參閱元素背景。
若要針對您的網站最佳化影像大小:
-
僅上傳大於預定要使用的圖像(例如,如果圖像在網站上顯示為 300 像素 x 300 像素,請不要將其上傳為 4000 像素 x 4000 像素的圖像)。
-
影像大小上限不得超過 3,145,728 像素。
-
請注意寬高比,因為 16:9 影像在桌上型電腦上看起來很棒,但在行動裝置上看起來太小。 在這種情況下:
-
使用「在裝置上隱藏」功能,可為每個裝置建立特定版本的影像。
-
調整影像尺寸(寬高比)大小以適合-大小變更不受裝置關係。
-
注意事項
-
如需在編輯器的 SEO & 設定區域中找到的網站圖示的相關資訊和指引,請參閱網站 SEO 設定。
-
圖示文件為 15,000 個限制文件做出貢獻。
視頻可以通過將視頻上傳到媒體管理器或直接使用計算機的攝像頭和麥克風進行錄製來託管在網站的文件中。 此外,您可以使用視頻小工具或作為支持視頻元素的背景添加 YouTube,Vimeo 或 Dailymotion 中的視頻到網站的特定部分。 這些外部視頻僅在添加的位置可用,並且不會在編輯器中使用。
注意事項
每個網站最多可上傳 100 個視頻。 其他檔案可能會導致錯誤訊息。 每個檔案不得大於 200MB。 較大的檔案可能會導致錯誤訊息或無法完成上傳。 如果需要其他視頻,YouTube 或 Vimeo 可能是可能的選項。
-
影片可能需要時間和頻寬才能載入,而且可能會讓使用者分散網頁上重要連結或文字的注意力,因此請謹慎使用影片。
-
YouTube 視頻在移動設備上不支持,因為它們不會在 iOS 設備上自動播放。
-
電池處於低電量模式的 iPhone 不會自動播放網站上的視頻,而是會顯示播放按鈕。
-
背景視頻不會播放聲音。
-
添加屬於播放列表一部分的 Dailymotion 視頻時,請確保僅將直接鏈接添加到視頻中(並忽略播放列表參數,看起來像這樣:?播放列表 = 1 x 2 f3)。 如果影片的網址有這個參數,只要將其移除即可。 例如:https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2 將是 https://www.dailymotion.com/video/x60ktex
注意事項
音頻文件為 15,000 個限制文件做出貢獻。
通過將音頻上傳到媒體管理器或直接使用計算機的麥克風錄製,可以將音頻託管在網站的文件中。 此外,可以使用音頻小部件將來自 SoundCloud 或 Mixcloud 的音頻添加到網站的特定部分。 外部音訊只會在新增的位置使用,並且不會在編輯器中使用。
如需如何將音訊合併到網站的詳細資訊,請參閱音訊小工具。
注意事項
-
媒體管理員的檔案標籤中的檔案會貢獻 15,000 個限制檔案。
-
您無法將檔案上傳到根資料夾。
媒體管理器中的文件標籤幾乎支持任何文件類型。 在此處上傳的文件可以使用鏈接選擇器鏈接到,但不能直接在任何小部件中使用。 例如,上傳到此標籤的圖像將無法與任何圖像小部件一起使用。
具有相同名稱的檔案最近可能已被刪除。 檔案名稱可以保持緩存一段時間。 檔案需要重新命名。
若要重新命名檔案,請開啟媒體管理員,選取檔案,然後按一下「重新命名」。 如果使用資源庫或選擇器,請切換資源庫或選擇器的「管理」選項。