Imaginile au o greutate foarte mare în magazinul dumneavoastră online. Sunt obligatorii pentru a câștiga încrederea clientului, care trebuie să vadă produsul ca și cum ar fi într-un magazin fizic ca să se decidă, în final, să-l cumpere. De aceea, un magazin online are un număr mare de imagini care, dacă nu sunt exportate la o rezoluție și o calitate potrivite, pot încetini viteza de încărcare și, în consecință, îl pot face pe utilizator să fugă din magazinul dumneavoastră. La Línea Gráfica vă arătăm cum să optimizați imaginile ca să nu se întâmple asta, citiți mai departe!
Astfel, de exemplu, dacă cea mai mare imagine de produs pe care o aveți este de 1000 px x 1000 px, va trebui să folosiți imaginile de acest tip la aceeași dimensiune. Dacă folosiți o imagine mai mică în acest caz, va apărea pixelată. Cu alte cuvinte, va trebui să adaptați fiecare imagine la formatul sau dimensiunea stabilite. Pe de altă parte, în ceea ce privește greutatea acestor imagini, recomandarea este să nu depășească 100 KB, altfel va crește timpul de încărcare al magazinului dumneavoastră online.
Acum nu mai trebuie decât să reduceți greutatea acestor imagini și să le înlocuiți, așa că salvați-le pe calculator. După ce le-ați salvat pe toate, folosiți un instrument de comprimare a imaginilor. Noi vă arătăm Compresspng și Compressjpg, dar puteți folosi oricare altul, pentru că funcționează foarte asemănător și destul de intuitiv. Mai întâi, încărcați imaginile, în funcție de formatul lor, în Compresspng sau Compressjpg, dând clic pe Upload Files. În funcție de imaginile încărcate, comprimarea va dura mai mult sau mai puțin. Când se termină, descărcați-le din Download ZIP. Aveți imaginile comprimate! Acum nu trebuie decât să le încărcați din nou pe site. 
Iar dacă doriți să încărcați imagini noi pe site, trebuie doar să le exportați în formatul potrivit și cu o rezoluție de 72 ppi dintr-un program de editare foto. În Photoshop și GIMP trebuie să le salvați din Salvare pentru web. Vă va apărea un ecran în care puteți alege formatul; alegeți-l pe cel care vi se potrivește cel mai bine, conform celor explicate mai sus. Puteți verifica și modifica rezoluția și din Imagine > Dimensiune imagine. 
Pe scurt: 
De ce este important să optimizați imaginile?
Am lămurit deja că una dintre principalele consecințe ale faptului că magazinul dumneavoastră online nu se încarcă la o viteză potrivită din cauza rezoluției și dimensiunii imaginilor este că vizitatorii vă părăsesc site-ul. Așa cum am spus de mai multe ori, utilizatorii nu sunt dispuși să aștepte când știu că există alte site-uri care le pot oferi același conținut mai repede. Un site care se încarcă lent înseamnă o rată de respingere foarte mare. În plus, rețelele 3G și 4G la care se conectează un smartphone nu ating nici pe departe viteza conexiunii de bandă largă de acasă. Țnând cont de asta și de faptul că tot mai mulți utilizatori accesează internetul de pe dispozitive mobile, este esențial să nu ignorați viteza de încărcare a imaginilor din magazinul dumneavoastră. Dar asta nu e tot. Gigantul internetului ia foarte în serios viteza de încărcare a unui site în ceea ce privește poziționarea SEO. După cum probabil vă imaginați, Google are un timp limitat pentru a vă accesa site-ul. Asta înseamnă că, cu cât magazinul dumneavoastră se deschide mai repede, cu atât Google are mai multe șanse să parcurgă un număr mai mare de pagini din magazinul dumneavoastră online și, astfel, aveți mai multe șanse să fiți printre primele rezultate din motorul său de căutare. Dar să începem cu începutul…Ce calitate trebuie să aibă imaginile?
Așa cum vă tot spunem, imaginile sunt un element fundamental pentru orice magazin online. De aceea vrem să știți și care sunt parametrii de care trebuie să țineți cont atunci când alegeți și optimizați imaginile site-ului dumneavoastră.Rezoluție
Mai întâi de toate, trebuie să înțelegeți că a salva o imagine pentru a o publica pe internet nu este același lucru cu a salva o imagine pentru a o tipări ulterior. Sunt două moduri de a vizualiza o imagine pe suporturi foarte diferite: pe ecran și pe hârtie. De aceea, cel mai important este să verificați într-un program de editare foto (precum Photoshop, Illustrator sau GIMP) că imaginea are o rezoluție de 72 ppi (pixeli pe inch). Cu cât acest număr este mai mare, cu atât calitatea este mai bună. Pentru afișarea pe un site, 72 ppi sunt mai mult decât suficienți, în timp ce pentru tipărirea unui afiș, de exemplu, ar fi nevoie de aproximativ 300 ppi.Format
Cu siguranță, când salvați o imagine vă apar mai multe formate și v-ați pus întrebări precum: ce ocupă mai mult, PNG sau JPG? De aceea este important să știți la ce se folosește fiecare format, pentru că unele pot fi mai utile când vine vorba să optimizați imaginile. În spatele fiecăruia se ascunde o întreagă lume, dar stați liniștit, vă dăm informațiile necesare ca să știți când să folosiți unul sau altul:- JPG: Este formatul universal pentru fotografii, pentru că le comprimă cel mai bine fără să piardă tonalitatea sau culorile originale. Prin urmare, este excelent pentru imagini cu multe detalii. În plus, puteți modifica calitatea de la 0 la 100. De exemplu, dacă salvați la o calitate de 80, abia veți observa diferența de claritate, dar o veți observa în dimensiunea fișierului, care va fi cu aproximativ 30% mai mic.
- PNG: Păstrează transparențele, ceea ce îl face cel mai bun format pentru imaginile de brand, precum logourile sau imaginile cu culori plate. Marele lui avantaj este că nu pierde multă calitate la compresie. Dar există diferențe între PNG 8 și 24? Diferența dintre cele două formate este că PNG 8 stochează maximum 256 de culori, în timp ce PNG 24 ajunge la 16 milioane de culori. Vă recomandăm să folosiți PNG 8 doar pentru imaginile care nu au nevoie de transparență și au puține culori.
- GIF: Folosiți acest format doar atunci când imaginile dumneavoastră includ o animație. Rețineți că nu se comprimă la o calitate bună, pentru că animațiile includ mai multe cadre, adică stochează mai multe fotografii.
- WEBP: acest format, dezvoltat de Google acum câțiva ani, oferă imagini de înaltă calitate, dar cu dimensiuni mai mici decât alte formate precum PNG sau JPG. De aceea, pentru că optimizează enorm dimensiunea imaginilor fără a le sacrifica calitatea, este un format foarte potrivit pentru site-uri.
Dimensiuni
De obicei avem tendința să salvăm imaginea la dimensiunea implicită sau chiar la o dimensiune mare, pentru că ne gândim că așa va arăta mai bine pe site. Dar probabil ați observat că calitatea și claritatea imaginilor depind în principal de rezoluția și de formatul în care le exportați. Așa că renunțați să vă salvați imaginile la dimensiuni mari, pentru că vor crește considerabil ca greutate, fără niciun rost, dacă imaginea va fi afișată mult mai mic în pagină. De aceea vă recomandăm să exportați toate imaginile la dimensiunea reală la care vor fi afișate pe site, adică la dimensiunile pe care le folosiți în PrestaShop. Astfel, dacă imaginea va ocupa un spațiu de 50 px x 70 px, ajustați-o la această dimensiune. Așa veți reduce considerabil greutatea fotografiilor fără ca ele să piardă calitate sau să arate pixelate. De ce să aveți o imagine mai mare dacă utilizatorii o vor vedea mai mică?Ce dimensiune pentru fotografiile de produs?
În Design > Setări imagini din PrestaShop puteți filtra după produse și puteți vedea dimensiunea tuturor imaginilor de produs din magazinul dumneavoastră. Astfel, de exemplu, dacă cea mai mare imagine de produs pe care o aveți este de 1000 px x 1000 px, va trebui să folosiți imaginile de acest tip la aceeași dimensiune. Dacă folosiți o imagine mai mică în acest caz, va apărea pixelată. Cu alte cuvinte, va trebui să adaptați fiecare imagine la formatul sau dimensiunea stabilite. Pe de altă parte, în ceea ce privește greutatea acestor imagini, recomandarea este să nu depășească 100 KB, altfel va crește timpul de încărcare al magazinului dumneavoastră online.
Instrumente pentru optimizarea imaginilor
Vă arătăm o serie de bune practici și instrumente care vor face ca magazinul dumneavoastră online să se încarce mult mai repede. Dacă aveți deja magazinul online creat, primul pas este să verificați viteza de încărcare. Pentru asta vă recomandăm să-l analizați cu PageSpeed. Este foarte simplu: introduceți URL-ul, dați clic pe analizează și veți vedea rezultatele, împărțite în diagnostice și oportunități. În plus, apăsând pe săgețile din dreapta, veți vedea cum se pot corecta aceste erori. Acum nu mai trebuie decât să reduceți greutatea acestor imagini și să le înlocuiți, așa că salvați-le pe calculator. După ce le-ați salvat pe toate, folosiți un instrument de comprimare a imaginilor. Noi vă arătăm Compresspng și Compressjpg, dar puteți folosi oricare altul, pentru că funcționează foarte asemănător și destul de intuitiv. Mai întâi, încărcați imaginile, în funcție de formatul lor, în Compresspng sau Compressjpg, dând clic pe Upload Files. În funcție de imaginile încărcate, comprimarea va dura mai mult sau mai puțin. Când se termină, descărcați-le din Download ZIP. Aveți imaginile comprimate! Acum nu trebuie decât să le încărcați din nou pe site. Iar dacă doriți să încărcați imagini noi pe site, trebuie doar să le exportați în formatul potrivit și cu o rezoluție de 72 ppi dintr-un program de editare foto. În Photoshop și GIMP trebuie să le salvați din Salvare pentru web. Vă va apărea un ecran în care puteți alege formatul; alegeți-l pe cel care vi se potrivește cel mai bine, conform celor explicate mai sus. Puteți verifica și modifica rezoluția și din Imagine > Dimensiune imagine. Pe scurt:
Modul pentru optimizarea imaginilor în PrestaShop
Așa cum spuneam la începutul articolului, îmbunătățirea vitezei de încărcare nu este benefică doar pentru utilizatorul care navighează liniștit prin magazinul dumneavoastră PrestaShop. Google, mereu înfometat de site-uri de calitate, apreciază atât de mult timpul în care se deschide un magazin online încât, dacă se încarcă la o viteză acceptabilă, îl va afișa pe primele poziții. Și ce înseamnă asta? Că dacă aveți un magazin online minunat, dar și concurența dumneavoastră are unul, care în plus se încarcă mai repede, Google îl va poziționa înaintea dumneavoastră în rezultatele căutării. Știți deja că confortul, transparența și siguranța stau la baza oricărui magazin digital. Bineînțeles că știți, și înțelegem și dificultățile pe care le presupune. De aceea, cu scopul de a vă prezenta toate alternativele pentru îmbunătățirea vitezei de încărcare, vă propunem varianta cea mai comodă și eficientă. Modulul pentru optimizarea imaginilor în PrestaShop semnat de Línea Gráfica este ajutorul de care aveți nevoie ca să transformați magazinul dumneavoastră PrestaShop într-un adevărat categorie-pană. Acest modul reduce dimensiunea imaginilor de pe site fără să le piardă calitatea, printr-un sistem intuitiv și foarte ușor de folosit:- Alegeți procentul de reducere dorit pentru JPG și JPEG.
- Selectați valoarea de reducere pentru fișierele PNG.
- Selectați imaginile din magazin pe care nu doriți să le comprimați. Un logo, de exemplu.
Vedeți modulul de comprimare a imaginilor!
Dacă căutați un impuls rapid pentru a îmbunătăți viteza și poziționarea site-ului dumneavoastră, l-ați găsit. Să vă verificați rezultatele în timp record și să oferiți o experiență mai bună nu a fost niciodată atât de accesibil! Iar dacă după toate acestea tot nu știți cum să îmbunătățiți viteza de încărcare în PrestaShop, stați liniștit. Am pregătit ghidul definitiv, pas cu pas!Și dumneavoastră, folosiți și alte instrumente pentru a vă optimiza imaginile? La Línea Gráfica suntem experți în marketing digital și Partner Platinum PrestaShop, așa că, dacă după toate acestea aveți nevoie de ajutor la poziționarea magazinului dumneavoastră, nu trebuie decât să ne contactați.
