如何針對移動網絡優化您的圖像
已發表: 2016-02-09在為圖像選擇文件類型和尺寸時,請牢記質量、頁面加載時間、縮放功能和市場要求,尤其是在您在多個平台上銷售時。 讓我們來看看優化網絡圖像以及如何選擇文件類型,同時牢記移動設備以改善用戶體驗。
選擇正確的圖像尺寸
重要的是要在足夠大的圖像之間取得平衡,以便用戶可以放大和最佳尺寸,這樣它們就不會佔用太多空間並減慢頁面加載時間。 在 Shopify 上,您可以上傳最大為 4472 x 4472 像素的圖像,文件大小最大為 20 MB。 但網站建設者通常建議使用 2048 x 2048 像素的方形產品照片。 這些是高分辨率圖像,可為您的商店提供專業、全面的外觀和強大的縮放功能。 請記住,要使用縮放功能,您的圖像必須大於 800 x 800 像素。
類似地,Amazon 和 Etsy 需要 1000 x 1000 像素的圖像才能啟用縮放。
為了在您的產品線和產品系列頁面上保持統一的外觀,您應該保持所有特徵圖像的寬度和高度縱橫比相同,例如正方形。 您的特色圖片是產品的第一張圖片,它將出現在您的商店中——在您的主頁、購物車頁面、結帳頁面和各種產品系列頁面上。 保持所有縮略圖的大小和形狀相同,以傳達精美的商店外觀。 請記住,您的許多客戶也將在移動設備上瀏覽,並且方形圖像更容易重新定位以適應較小的屏幕。
選擇正確的圖像格式
讓我們看一下產品攝影中最廣泛使用的文件格式以及它們各自帶來的好處。 此處列出了它們在產品攝影中的使用頻率。
JPG
JPG 是最常見的數字圖像文件格式。 它得到廣泛支持,文件大小小,色彩範圍好。 它的壓縮允許您在文件大小和圖像質量之間取得平衡。 Shopify 尤其推薦 JPG,因為它可以提供尺寸相對較小且質量較好的圖像,非常適合產品照片。
PNG
創建 PNG 是為了通過消除 256 色限制來改進 GIF 格式。 它被廣泛接受,無損(在不降低質量的情況下減小文件大小)並支持透明度(例如透明背景)。 缺點是由於無損壓縮,PNG 文件的大小可能會很大,而且格式不像 JPG 那樣普遍兼容。
動圖
GIF 通過將圖像壓縮和減少到 256 色來提供較小的文件大小。 儘管它已被 PNG 廣泛取代,但它仍然用於動畫,因為它是唯一既支持它又被瀏覽器普遍認可的格式。
國際電影節
TIFF 是一種無損壓縮格式,受到一系列編輯和 Web 應用程序的廣泛支持。 它提供高質量的分辨率,多個圖像和頁面可以方便地保存在一個文件中。 但是,文件大小往往很大。
BMP
BMP 常用於 Windows 生態系統。 它支持數據壓縮、Alpha 通道(在 Photoshop 中用於存儲可用於操作圖像部分的附加信息,例如添加透明背景),以及幾乎通用的兼容性。 未壓縮,它提供完美的圖像,但文件大小也可能非常大。
總體而言,在將較小的尺寸與良好的質量相結合時,JPG 無疑是最方便的。 雖然 PNG 提供了更高質量的無損壓縮,但這樣做的代價是更大的文件大小。 如果您提供 360 度拍攝並想要輕量級文件,GIF 很有用。 相比之下,BMP 和 TIFF 可以提供出色的質量,但實物尺寸通常相當沉重且不切實際。
為移動設備調整圖像大小
Shopify 會自動調整圖像大小以適應較小的屏幕,但某些圖像有時可能需要手動編輯。 請記住,桌面和移動屏幕不僅大小不同,而且方向相反。 雖然 Shopify 試圖通過溫和的裁剪來適應這一點,但最好是您的圖像是方形的並且您的產品是垂直和水平居中的。
此外,分辨率過大的圖像(例如 Shopify 的最大 4000 x 4000 像素)在針對移動設備調整大小時可能會變得模糊。 因此,將您的圖像縮小到更易於管理的尺寸和形狀,同時考慮到移動設備,可以幫助您的商店在所有設備上看起來更好。 請記住,大文件也會減慢您網站的加載時間。 在電子商務中,尤其是在移動領域,每一秒都很重要,因此優化您的圖像應該是當務之急。
因此,雖然無損壓縮可以為您提供最高質量的圖像,但它通常會創建需要永遠上傳(尤其是批量)的大文件,並且會減慢您的頁面加載時間,導致訪問者放棄您的商店。 在移動設備上尤其如此,因為移動設備的網速可能會變慢,並且等待圖像最終出現會讓購物者感到沮喪。
雖然 Shopify 的響應式設計和算法擅長跨設備調整圖像大小和顯示圖像,但為他們提供周到的文件大小可能意味著更順暢的購物體驗。
關於作者
Holly Cardew 是 Pixc 的創始人,Pixc 是一個幫助電子商務商店編輯和優化產品照片以增加銷售額的平台。 Pixc 通過在 24 小時內編輯和移除背景,將普通的產品圖像變成漂亮的圖像。 從十幾歲開始,在 eBay 上銷售並創建了自己的在線市場,Holly 擁有電子商務、在線營銷、平面設計和建立分佈式團隊的背景。 她在建立和運營 Shopify 商店以及發展大型社交媒體追隨者方面也經驗豐富。 2016 年,Holly 入選零售和電子商務福布斯 30 位 30 歲以下的榜單。 Holly 在舊金山、布里斯班和悉尼之間奔波。 當 Holly 不工作時,她喜歡旅行、探索新地方、精美的設計、排版和提出新的商業理念。