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