Care sunt dimensiunile recomandate pentru bannerele afisate pe desktop/mobile?
Tipurile de bannere pe care le poti utiliza in cadrul magazinului tau MerchantPro sunt Landscape (L > I), Portrait (I > L) si Square (L = I).
Afisarea pe desktop
Deoarece rezolutia de ecran cea mai populara pentru desktop sau laptop este 1920 x 1080px, este recomandat ca in cazul bannerelor de tip wide dimensiunile sa fie urmatoarele:
- O singura imagine/slide: 1920 x 640px;
- 2 imagini/slide-uri: 960 x 480px;
- 3 imagini/slide-uri: 640 x 400px.
Latimea imaginilor se va obtine prin impartirea latimii ecranului la numarul de imagini (1920/x, unde "x" reprezinta numarul de imagini).
Nota
In cazul in care vor fi afisate mai multe imagini simultan (multi-image, carusel), este foarte important ca inaltimea imaginilor sa fie identica.
In situatia in care nu vor fi utilizate bannere wide (cat latimea ecranului), se vor aplica aceleasi principii descrise mai sus.
Astfel, pe cazul unui site cu latimea de 1440px (latimea implicita a containerului temelor MerchantPro), dimensiunile vor fi urmatoarele:
- O singura imagine/slide: 1440 x 640px;
- 2 imagini/slide-uri: 720 x 480px;
- 3 imagini/slide-uri: 4800 x 400px.
Afisarea pe mobile
Nota
Este recomandata incarcarea de imagini patrate sau de tip portrait.
Pentru imaginile patrate sunt recomandate dimensiuni de cel putin 480 x 480px, insa pot fi incarcate si imagini cu rezolutii de pana la 640 x 640px.
Pentru imaginile dreptunghiulare (portrait) sunt recomandate rezolutii de cel putin 480 x 640px, insa este permisa si incarcarea de imagini cu rezolutii de pana la 640 x 800px.
Nota
Dimensiunile de mai sus se bazeaza pe diviziuni ale rezolutiei Full HD (1920 x 1080px).