上传和优化Magento 2中的产品图像和视频
2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
首先,了解如何上傳以及優(yōu)化Magento 2中產(chǎn)品的圖像和視頻是至關(guān)重要的。大多數(shù)Magento 2網(wǎng)站都有各種各樣的產(chǎn)品以及相關(guān)的圖像和視頻; 如果他們不知道如何有效地使用他們的資源,網(wǎng)站的性能將受到負(fù)面影響。因此,您的客戶可能會(huì)在您的商店中獲得糟糕的購物體驗(yàn)。
因此,在本文中,我們將逐步介紹如何在您的Magento2網(wǎng)站上傳圖像/視頻,并為您提供一些有用的技巧,以優(yōu)化您的資源并獲得最佳性能。讓我們開始吧!
1.在Magento 2中上傳和優(yōu)化圖像
以下是在Magento 2后端上傳產(chǎn)品圖像的3個(gè)簡單步驟:
首先,導(dǎo)航到要為其添加圖像的產(chǎn)品。打開管理面板,導(dǎo)航到CATALOG,然后選擇Products。
然后,您可以選擇要添加/更改圖像的產(chǎn)品或創(chuàng)建新產(chǎn)品并上傳其圖像:
在產(chǎn)品詳細(xì)信息配置頁面中,展開"Images And Videos"部分。單擊"Browse to find or drag image here",以從計(jì)算機(jī)上傳產(chǎn)品圖像。
接下來,單擊您上傳的圖像以添加圖像詳細(xì)信息。請(qǐng)記住添加適合SEO 的Alt Text,選擇將決定網(wǎng)站上圖像顯示位置的Role(Base/ Small/ Swatch/ Thumbnail)。值得注意的是,圖像可以同時(shí)具有多個(gè)角色。
保存配置以完成。
除此之外,以下是一些有用的建議,可以優(yōu)化Magento 2中產(chǎn)品的圖像:
- 以正確的格式準(zhǔn)備圖像:?PNG是透明和高質(zhì)量圖像的最佳和通用格式。但是,如果您的網(wǎng)站高度依賴圖像,則可以將PNG和JPEG格式結(jié)合使用,以免對(duì)網(wǎng)站性能產(chǎn)生性能影響。
- 在圖像大小和分辨率之間取得平衡:圖像的分辨率必須與Web上顯示的大小相對(duì)應(yīng)。例如,您不需要為小縮略圖使用高質(zhì)量圖片。
- 使用專業(yè)工具處理圖像:現(xiàn)在有許多工具(免費(fèi)和付費(fèi))允許我們壓縮和優(yōu)化圖像以減少文件的大小,同時(shí)質(zhì)量不會(huì)受到明顯影響。
- 請(qǐng)您的開發(fā)人員/設(shè)計(jì)人員為網(wǎng)站上的每個(gè)圖像/橫幅提供標(biāo)準(zhǔn)圖像大小:如果您找專業(yè)的Magento開發(fā)公司來構(gòu)建您的網(wǎng)站,他們可以幫助您為您網(wǎng)站上的所有圖像定義特定大小。憑借他們的經(jīng)驗(yàn),他們可以向您提供最佳尺寸,以最高質(zhì)量顯示圖像,同時(shí)仍然保證網(wǎng)站速度。
2.在Magento 2中上傳和優(yōu)化視頻
在Magento 1中,上傳視頻非常復(fù)雜,但如果您的網(wǎng)站基于Magento 2,則更容易。Magento 2允許我們默認(rèn)在產(chǎn)品頁面上嵌入Youtube或Vimeo的視頻。以下是將視頻上傳到Magento 2產(chǎn)品頁面的幾個(gè)步驟:
- 第1步:創(chuàng)建Youtube API密鑰
首先,您必須訪問Google Developers Console:https://console.developers.google.com/并登錄到您的帳戶。然后,搜索“Youtube Data API v3”。
在下一頁中,單擊ENABLE。
然后,在左側(cè)菜單中選擇Credentials,然后單擊+ CREATE CREDENTIAL。
在這里,您必須選擇從哪里調(diào)用API以及如何訪問數(shù)據(jù)。
之后,單擊??What credentials do I need?按鈕以獲取您的API密鑰。復(fù)制密鑰以在后端配置。
- 第2步:繼續(xù)在Magento 2后端配置
首先,打開管理面板,導(dǎo)航到STORES,選擇Settings下的Configuration。
在左側(cè)菜單中,展開CATALOG并選擇Catalog。然后,展開"Product Video"部分,并輸入你在第一步中復(fù)制的Youtube API Key。
之后,導(dǎo)航到??CATALOG,然后選擇??Products。
然后,您可以選擇要添加/更改視頻的產(chǎn)品或創(chuàng)建新產(chǎn)品并上傳其視頻:
在產(chǎn)品詳細(xì)信息配置頁面中,展開??Images And Videos??部分。單擊? “?Add Video”按鈕。
在這里,您必須輸入要嵌入網(wǎng)站的Youtube視頻的網(wǎng)址。輸入U(xiǎn)RL后,視頻Title, Description和Preview Image將自動(dòng)填充(但您可以編輯)。此外,您可以選擇視頻的Role(類似于圖像)。
保存配置并清除緩存以完成。
注意:如果您想從計(jì)算機(jī)上傳視頻(而不是通過Youtube)會(huì)更復(fù)雜。您需要做的是使用第三方擴(kuò)展程序,允許您上傳不同的視頻格式,然后您可以將視頻上傳到媒體文件夾并附加到特殊產(chǎn)品。
此外,以下是優(yōu)化Magento 2產(chǎn)品視頻的一些建議:
- 我們強(qiáng)烈建議使用嵌入式視頻:從Youtube / Vimeo嵌入視頻不僅更容易,而且還有利于您的網(wǎng)站性能。如果您將視頻上傳到媒體(即使是短片),也可能會(huì)降低網(wǎng)頁播放速度。如果您不希望別人在Youtube上看到您的視頻,只需將其設(shè)置為個(gè)人視頻并將其隱藏。
- 優(yōu)化您的自托管視頻:如果您仍想使用自托管視頻,則必須在上傳前優(yōu)化這些視頻。建議不要上傳超過1分鐘的視頻。
我們已向您展示如何上傳以及優(yōu)化Magento 2網(wǎng)站中的圖像和視頻。希望它對(duì)你有用!
?
轉(zhuǎn)發(fā):https://www.360magento.com/blog/optimize-img/
轉(zhuǎn)載于:https://my.oschina.net/ganfanghua/blog/3019190
總結(jié)
以上是生活随笔為你收集整理的上传和优化Magento 2中的产品图像和视频的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 创建新用户和改名字
- 下一篇: iOS 获取当前正在显示的视图控制器Vi