如果您打算建立壹個Shopify商店,使用他們易於使用的網站設計器和應用程序商店是建立您的電子商務網站和在線銷售您的產品的好方法。但出色的在線商店取決於您將使用的視覺內容。
您將使用的產品攝影照片在提高轉化率和幫助您提高銷量方面發揮著重要作用。它超越了美學。對於Shopify,您需要牢記壹些基本事項。
在此文章中,廣州攝影公司-艾米攝影將介紹針對不同類型的Shopify圖片和媒體的官方指南,以及其他提示幫助您優化視覺內容。
官方Shopify圖片尺寸指南
在您考慮優化產品媒體的方法之前,您應該確保您將使用的照片符合Shopify圖片尺寸指南。
以下是您需要了解的基本事項的概要:
產品圖片尺寸
產品圖片將是您產品列表的核心。日它們會影響購物者對您的產品和品牌的看法。由於他們無法親自試用商品,因此他們依靠產品照片來了解所收到的商品。
創造積極購物體驗的最佳方式是通過移除購物者對您的產品有何期望的困惑和不確定性。
因此,務必確保您遵循Shopify產品照片的圖像尺寸指南。
最大尺寸:4472x4472像素最大文件大小:20MBShopify推薦的方形圖像大小:2048x2048像素最小大小:800x800像素大小,用於縮放功能Shopify圖像大小
收藏圖像大小
Shopify根據性別、顏色、類型、尺寸、銷售和季節性系列推薦系列。此外,圖像大小需要在整個畫廊中保持壹致,以了解高寬比。否則,他們可能會弄亂您的產品系列頁面的布局。
最大尺寸:4472x4472pixelsMax文件大小:20MBShopify推薦大小或正方形圖像:2048x2048像素高寬比必須始終相同Shopify收藏頁面的整潔布局示例
徽標圖像大小
取決於您的Shopify主題或自定義網站布局,您的徽標可能會出現在網站的不同位置。例如,它可以位於主頁的頂部和中心。它可以出現在許多Shopify商店頁面的頁腳中,以提高品牌知名度。
這就是為什麼使用方形徽標圖像(比例為1:1)是確保徽標美觀的最安全選擇的原因
徽標大小指南:
最大Shopify徽標大小:450x250像素方形徽標的推薦分辨率:200x200像素
標題圖像大小
<p>有時您想在Shopify主題的標題塊中添加額外信息。它可以是輔助徽標、促銷、目錄部分或搜索按鈕。
頁眉塊的最大高度:250像素lsRecommendedheight:nomorethan120pixels
BannerImageSize
與標題Shopify圖片尺寸類似,您用於橫幅的尺寸取決於您使用的Shopify主題。大多數時候,主題已經為橫幅提供了特定的尺寸建議。
為了獲得最佳的買家體驗,建議遵循主題的建議尺寸。例如,Shopify的布魯克林主題建議尺寸為1800x1000像素。
Shopify上的橫幅圖像
幻燈片圖像大小
Shopify幻燈片圖像將采用橫向。要記住的關鍵是幻燈片在不同設備上的外觀。例如,在移動設備和桌面設備之間切換時,它們的顯示方式會略有不同,以適應屏幕尺寸的差異,並且側面可能會被裁剪。因此,請確保您的圖像在中間對齊。
推薦尺寸:寬度為1200到2000像素,高度為400到600像素。使所有幻燈片圖像按大小對齊幻燈片的裁剪eshowimageonShopifyformobile
優化您的Shopify照片的提示
如果您沒有正確優化您的Shopify圖片大小,您的商店可能會讓人感覺淩亂、無組織且不專業。這會降低您的轉化率和在線銷售額。這壹切的核心是壹件事——圖像大小。
需要了解的基本知識
壓縮圖像。為了幫助SEO和網站速度,調整圖像大小並將它們壓縮成更小的文件大小。縮放功能。在足夠大的圖像之間找到平衡,以便用戶可以放大,而那些尺寸最佳的圖像則不會占用太多空間。響應式圖像。確保您的圖像針對所有設備進行了優化。這使購物者可以更好地形象化產品並增強他們的整體購物體驗。添加替代文本–向圖像添加文本描述是自然流量的強大來源。為了幫助自動執行此過程,您可以使用Pixc的自動替代文本應用程序。
調整照片大小以進行優化ation
大多數人不知道調整大小可以采用不同的形式。例如,您可以在不影響圖像尺寸的情況下調整圖像大小(更改其圖像分辨率)。您還可以更改圖像縱橫比(從4:3到1:1),以幫助您使整個網站上的圖像保持壹致。
如果不了解調整大小的工作原理,您可能最終會搞砸圖像.那麼如何做對呢?首先,讓我們熟悉壹些常見的圖像術語。
圖像的像素(px)尺寸表示圖像由多少像素(點)組成。它可以幫助您了解照片中有多少像素,讓您了解照片的質量。分辨率是數字圖像中細??節的精細度,以每英寸像素(ppi)為單位進行測量。這是指每英寸圖像顯示多少像素。高分辨率圖像意味著更高的ppi,從而產生高質量、清晰的圖像,但文件更大。縱橫比描述了betw之間的比率een圖像的寬度和高度。例如,壹張1200x1600像素的圖像的縱橫比為3:4。文件大小是指特定文件包含的數據(在本例中為您的照片)的度量。它告訴妳它占用了多少空間。
您可以通過更改上述任何內容來調整圖像大小。但底線在於妳想要實現的目標。以下是Pixc在為任何電子商務網站調整照片大小時的建議。
加快您的網站
網站速度不僅對SEO至關重要,而且對買家的網站體驗也很重要。是的,高質量的視覺內容對您的商店很重要。但是,如果您網站上的視覺內容占用太多空間,則會影響您網站的加載速度。
如何解決:
通過降低文件大小來調整視覺內容的大小,最好不要更改它的分辨率或ppi。您可以使用Compressor.io在不影響圖像質量的情況下執行此操作。此工具可幫助您減小yo的文件大小您的圖像無需更改產品照片的像素尺寸和縱橫比。
創建統壹且專業的產品頁面
您能想象自己從產品頁面淩亂的在線商店購買商品嗎?可能不是,對吧?這對妳的買家來說是壹樣的。這就是為什麼您必須花時間確保您的產品頁面看起來不錯。它還可以幫助您的潛在買家更容易、更快地找到您的產品。
產品頁面示例
如何解決:
確保使用高分辨率圖像。足夠高以確保縮放功能。理想情況下,您的圖片任何壹側都不應小於1200像素。對所有圖像使用相同的縱橫比。如果不可能,至少要有英雄形象。我們在Shopify上的照片調整大小應用程序可以幫助您在幾分鐘內實現這壹目標。不要試圖放大照片。當您調整比原始照片大的照片大小時,您會拉伸每英寸的像素,從而降低圖像質量。這通常會導致非常像素化或非常柔和和模糊的圖像。
獎勵提示:具有相同的圖像背景。默認情況下,使用白色或透明背景。如果您不確定如何操作,請嘗試我們在Shopify上的按需圖像編輯應用程序。首次安裝該應用程序時,您將獲得五(5)張獎勵圖片。
為Shopify格式化產品照片
圖片不僅有助於您的SEO和網站流量,還直接影響潛在客戶的購買決定。使用格式正確的優質照片有助於為您的商店提供專業和全面的外觀以及出色的縮放功能。
了解圖像的哪種格式將帶來更好的圖像質量和更快的網站加載時間。這就是為什麼必須熟悉不同的圖像格式。
商店的圖像方向
我們之前提到過使用相同的縱橫比(因此圖像方向)來幫助您的商店改善買家體驗。但是,如何您選擇產品的方向嗎?
方形–適合任何產品。如果您有商品店或銷售不同類型的產品,這是最安全的圖像方向。
橫向–橫向圖像非常適合大型產品。通常,它最適合家具、電器或工具。
縱向–這種圖像方向最適合服裝、珠寶、鞋子和配飾。
產品圖像類型使用
主圖。產品圖片大多在白色或中性色背景下拍攝,包括不同角度的“主角”商品,以幫助買家做出購買決定。確保您對主打圖片使用相同的縱橫比。
生活方式照片。生活方式產品攝影在上下文中展示您的產品,作為由相關對象補充的生活方式的壹部分,而不是僅包含產品的圖像。他們向您的客戶展示,當他們擁有並使用您的產品時,他們的生活將會多麼美好很棒的產品。
信息圖。信息圖表讓您可以直觀地向客戶展示您產品的功能和優勢。有時很難用語言來表達讓您的產品與眾不同的原因。但是通過使用信息圖表,您可以指出或突出產品的不同部分,並解釋為什麼它如此重要。
細節圖。細節照片本質上是產品的放大照片。這種類型的產品攝影是向潛在消費者突出產品的最佳功能和角度的完美方式。
ScaleShot。在線購物時,您的消費者無法親身接觸您的產品或試穿尺寸。比例照片可以讓您的潛在買家從視覺上感知您的產品的尺寸。
Shopify移動圖片
到2022年,移動購物預計將增長68%。到2022年,僅在美國,移動購物的價值就將超過4200億美元。這就是為什麼擁有優化的移動預置nce是必須的。
客戶希望獲得盡可能無縫的精心設計的購物體驗。他們希望能夠隨時隨地訪問他們的帳戶信息、瀏覽產品和進行購買。簡而言之,他們想要盡可能好的移動體驗。
因此在針對移動設備優化圖像時,需要註意以下幾點:
Shopify會自動針對移動設備優化您的商店–但是“為他們提供周到的文件大小可能意味著更流暢的購物體驗。”可管理的文件大小將使加載時間保持在最低限度,並減少Shopify優化過程中的模糊。由於這種優化,方形圖像和垂直居中的產品
添加3D照片和視頻
您可以將3D模型或視頻上傳到您的產品頁面。這讓客戶更好地了解商品的整體外觀。視頻可以提供更具吸引力的客戶服務經驗,因為您可以將它們用於解釋視頻、推薦、預告片和產品演示。
與傳統產品攝影相比,兩者的創建成本更高。但從長遠來看,它可以帶來更多好處,因為展示產品所需的圖片更少。
這值得嗎?是的——它會讓您的網站脫穎而出。需要考慮的事項:視頻和3D制作會耗費大量時間和金錢。妳有預算嗎?這些都很重,這意味著加載時間更長,尤其是在互聯網連接不良的地區。您的客戶會等嗎?這些僅適用於特定主題:布魯克林、首次亮相、敘事。請記住,您可以添加到網站的視頻和3D模型的數量是有限制的,具體取決於您的計劃。
結論
在為Shopify上傳產品圖片之前,請確保您了解官方信息Shopify圖片大小指南。如果您有預算和資源,請考慮添加視頻和3D–但要考慮這可能會如何影響您客戶的在線購物體驗(尤其是如果他們中的許多人在網絡連接不暢的地區使用手機購物)。如果您記住壹件事:毫不妥協地優化!在不影響圖像的縮放或像素化的情況下盡可能優化圖像。