Kategorie

Bannery dla desktop i mobile

馃煚 Modu艂 Pokaz slajd贸w聽 ma mo偶liwo艣膰 dodawania banner贸w oddzielnie dla mobile (smartfony, tablety) i desktop (komputery klasy PC).

Dobr膮 praktyk膮 jest, aby聽banery desktop i mobile mia艂y te same rozdzielczo艣ci np. banery desktop: 1300x400px, a bannery mobile: 768x400px.

W zak艂adce Wygl膮d i tre艣ci> Pokaz slajd贸w dodaj banery desktop oraz mobile, i zapisz swoj膮 prac臋.

Pokaz slajd贸w

馃煚 Na naszym sklepie https://demo.selly.pl/ w sliderze umieszczone s膮 bannery dla desktop i mobile, mo偶na podejrze膰, i zobaczy膰 jak to faktycznie dzia艂a.

Bannery na stronie maj膮 wymiary:

-Banner desktop 1300px na 400px

-Banner mobile 768px na 400px


Banery Desktop

馃煚 Na monitorze komputera ogl膮damy stron臋 w trybie poziomym (najcz臋艣ciej w proporcjach 16:9 czy 16:10) i pod taki tryb i proporcje najcz臋艣ciej s膮 tworzone bannery (szerokie i raczej o niewielkiej wysoko艣ci).

馃煚 Wielko艣膰 ekranu monitora pozwala r贸wnie偶 na umieszczenie na bannerze informacji napisanych ma艂膮 czcionk膮 lub innych mniejszych element贸w, poniewa偶 i tak b臋d膮 czytelne.

馃煚 Przyk艂adowo banner w naszym sklepie https://demo.selly.pl/ ma wielko艣膰 1300px na 400px, a gdyby艣my chcieli zrobi膰 go na pe艂n膮 szeroko艣膰 ekranu musieliby艣my zwi臋kszy膰 jego szeroko艣膰 do min 1920px.

Banery mobile

馃煚 Najcz臋stsz膮 proporcj膮 ekranu dla smartfona jest 2:1, u偶ywamy ich najcz臋艣ciej w trybie pionowym, mamy zatem ekran 2 razy wy偶szy ni偶 szerszy, w dodatku kilkukrotnie mniejszy ni偶 ekran monitora. Ogl膮damy zatem stron臋 w odwr贸conych proporcjach (w stosunku do ekranu komputera) na mniejszym ekranie i to przede wszystkim trzeba uwzgl臋dni膰 tworz膮c banner pod strony mobilne. Banner desktop wy艣wietlany na mobile mo偶e by膰 zbyt niski, mie膰 zbyt ma艂膮 czcionk臋, by by膰 czytelny (por贸wnanie na zrzucie ekranu poni偶ej).

 Komputer

馃煚 Dlatego te偶 banner dla urz膮dze艅 mobilnych powinien mie膰 proporcje ok. 2:1 i minimum 768px szeroko艣ci (np. 800 na 400px). Taki banner b臋dzie zajmowa艂 ok. 1/4 wysoko艣ci ekranu, b臋dzie wystarczaj膮co czytelny i zostanie jeszcze sporo miejsca na inne elementy strony.

馃煚 Nale偶y te偶 zauwa偶y膰, 偶e w trybie poziomym smartfona nie jest wy艣wietlany banner mobilny tylko banner desktop, na komputerze za艣 po mocnym zw臋偶eniu okna przegl膮darki banner desktop prze艂膮czy si臋 na mobilny. Zatem wy艣wietlanie banner贸w nie jest zale偶ne od urz膮dzenia tylko od szeroko艣ci okna przegl膮darki na danym urz膮dzeniu w momencie jego przegl膮dania.

 

 

Kontakt

Selly Sp. z o.o.
ul. Ksi臋cia Witolda 21/13, 50-202 Wroc艂aw
NIP: 8961565693
REGON: 367683150, KRS: 0000684539

Dzia艂 sprzeda偶y: oferta@selly.pl

tel: +48 533 033 933