Kvalitné obrázky produktov sú základným aspektom každého elektronického obchodu.
Mnoho nových majiteľov obchodov však jednoducho nahráva obrázky bez toho, aby ich optimalizovali pre svoje online obchody. Tieto veľké obrazové súbory spomaľujú webové stránky.
Majitelia obchodov musia nájsť spôsob, ako optimalizovať obrázky produktov spôsobom, ktorý urýchli WooCommerce. Niektoré spôsoby, ako to urobiť, zahŕňajú úpravu veľkostí obrázkov produktu WooCommerce a prácu s nástrojmi a programami na rýchlu konverziu a poskytovanie obrázkov.
3 komponenty vysokokvalitných obrázkov WooCommerce
Ideálny obraz produktu WooCommerce má nasledujúce vlastnosti:
1. Správne rozmery. Pre zoznamy produktov na stránke elektronického obchodu sú potrebné jasné obrázky produktov. Každá veľkosť obrázka WooCommerce má rôzne rozmery v závislosti od typu.
Pridanie obrázka s inými rozmermi, ako vyžaduje motív obchodu WooCommerce, môže skresliť jeho vzhľad, čo často vedie k rozmazaniu obrázka.
2. Optimalizované pre rýchlosť webu. Veľkosti obrázkov produktov WooCommerce často ovplyvňujú rýchlosť a výkon webových stránok. Čím väčšia je veľkosť súboru, tým dlhšie trvá načítanie webovej stránky, čo sa zákazníkom nepáči.
Majitelia obchodov s elektronickým obchodom musia optimalizovať veľkosti obrázkov produktov, aby urýchlili WooCommerce. Podrobnejšie to rozoberieme neskôr v tejto príručke.
3. Rôzne pohľady. Pri online nakupovaní zákazníci neuvidia produkt zblízka. Musia sa spoľahnúť na fotografie produktov na stránke obchodu, aby získali holistický pohľad na to, čo kupujú.
Pridajte obrázky produktov s rôznymi perspektívami, aby zákazníci mali lepšiu predstavu o tom, ako položka vyzerá v reálnom živote.
Veľkosť obrázka produktu WooCommerce
Obrázky produktov WooCommerce sa dodávajú v rôznych veľkostiach. Rozmery obrázka WooCommerce závisia od použitej témy, používateľského rozhrania obchodu a od toho, či obchod používa doplnok na priblíženie obrázkov.
Minimálna veľkosť obrázka WooCommerce 800 do 1000 pixelov odporúča sa pre štandardné produkty. Ak máte komplikovanejšie a detailnejšie produkty, väčší obrázok (napr. 2000 pixelov a viac) umožní zákazníkom priblížiť, aby videli podrobnosti o položke.
Typy obrázkov WooCommerce zahŕňajú:
- Katalógový obrázok. Ide o stredne veľké obrázky používané v slučkách stránok s jedným produktom, ako sú stránky Obchod, Kategória produktov a Súvisiace produkty.
- Obrázok jedného produktu. Tiež známy ako hlavný alebo odporúčaný obrázok, je to zvyčajne prvý a najväčší obrázok v zozname produktov WordPress. Hlavná šírka obrázka je zvyčajne 600 pixelov a je predvolene neorezaný.
- Obrázok miniatúry. Toto sú malé obrázky používané v nákupnom košíku, miniaplikácii a galérii produktov. Zvyčajne sú štvorcové a orezané.
Veľkosť miniatúrneho obrázka je možné upraviť v závislosti od používania. Veľkosť miniatúry WooCommerce je nastavená na predvolenú hodnotu 600 pixelov na šírku a pomery strán orezania si môže prispôsobiť majiteľ obchodu.
Na druhej strane miniatúra obrázka galérie má predvolenú veľkosť 100 pixelov x 100 pixelov.
Aká je najlepšia veľkosť obrázkov produktov elektronického obchodu?
Najlepšia veľkosť obrázkov produktov elektronického obchodu je 640 x 640 alebo 800 x 800 pixelov. Obrázky produktov elektronického obchodu v tejto veľkosti môžu stále efektívne zobrazovať podrobnosti o produkte bez toho, aby sa spomalil čas načítania stránky.
Predávajte svoje produkty online bez starostí
Náš hosting, oficiálne odporúčaný spoločnosťou WooCommerce, je určený pre online podniky, ako je ten váš
Nastavenie veľkostí obrázkov WooCommerce
Jedným z najčastejších problémov s výpismi produktov elektronického obchodu je ťažký alebo rozmazané obrázky produktov.
Keď sú obrázky rozmazané, nastavenia veľkosti obrázka produktu WooCommerce môžu byť príliš malé alebo obrázky musia mať vyššie rozlíšenie.
Najnovšia verzia WooCommerce vám umožňuje orezávať, meniť veľkosť a regenerovať obrázky. Obrázky sú kompatibilné aj s témami WordPress.
Od vydania WooCommerce 3.3 je možné navrhovať motívy s definovanými veľkosťami obrázkov. Ak to vývojár témy urobí, majitelia obchodu nemôžu meniť veľkosti obrázkov a bude viditeľná iba možnosť orezania.
Sú tam tri nastavenie pomeru orezania obrázka k dispozícii. Rozmery nového obrázka závisia od spôsobu orezania a šírky obrázka.
Nastavenia obrazu môžete upraviť pomocou WooCommerce Prispôsobovač. Ak to chcete urobiť, prejdite na stránku Vzhľad > Prispôsobiť > WooCommerce > Obrázky produktov.
Môžete tiež použiť doplnok obrázkov produktu, napr WooThumbs pre WooCommercektorá vám umožňuje meniť veľkosti obrázkov.
Optimalizácia obrázkov na zrýchlenie WooCommerce
Existujú triky, ktoré môžete urobiť so svojimi obrázkami, aby ste urýchlili WooCommerce. Tie obsahujú:
- Nastavenie siete na doručovanie obsahu (CDN). CDN je sieť serverov, ktoré doručujú obsah najbližšie k polohe používateľa. CDN sú najlepšie pre statický obsah, ako sú obrázky.
Môžete sa prihlásiť do samostatnej služby CDN, ale niektorí poskytovatelia webhostingu, ako je Hostinger, zahŕňajú túto funkciu do svojich plánov spravovaného hostingu.
- Prevod obrázkov do iného formátu. Najviac bežné typy obrazových súborov sú GIF, JPG a PNG. Jedným z novších formátov obrázkov, ktoré sú optimalizované pre webové stránky, je WebP. Obrázky WebP sú o 30 % menšie ako obrázky JPG.
Existuje niekoľko doplnkov, ktoré môžete použiť na konverziu obrázkov na WebP.
Záverečné myšlienky: Najlepšie veľkosti obrázkov WooCommerce na zrýchlenie WooCommerce
Obrázky produktov sú nevyhnutnou súčasťou produktových stránok.
Elektronické obchody vyžadujú vysokokvalitné obrázky, ktoré majú zvyčajne väčšie veľkosti súborov. Tieto veľké obrazové súbory však majú tendenciu spomaľovať webové stránky.
Existuje mnoho spôsobov, ako môže elektronický obchod optimalizovať veľkosti obrázkov produktov WooCommerce, vrátane zmeny veľkosti, konverzie a kompresie obrázkov.
Investovanie do CDN tiež zrýchľuje WooCommerce, ale ak ho váš webhosting neobsahuje, musíte sa zaregistrovať do samostatného.
S plánom hostenia WooCommerce spravovaným Hostinger sa nebudete musieť zaregistrovať do samostatného CDN, pretože ho zahrnieme do vášho balíka.
Pozrite si plány hostenia WooCommerce spravované spoločnosťou Hostinger, aby ste mohli začať ešte dnes.
