Rozmiar zdjęć w szablonach

 

Rozmiar każdego elementu na stronie zależy od ustawień danego szablonu oraz od oryginalnego pliku, który został wgrany do panelu.

 

Zdjęcia produktu

 

Rozmiar

Zdarza się, że panel nie przyjmuje zdjęcia, które jest za duże.  Rozmiar najłatwiej sprawdzić otwierając zdjęcie w dowolnym programie do podglądu grafiki i ustawiając powiększenie widoczności na 100% czyli skalę 1:1. Zdjęcie wyświetli się wtedy w swoich oryginalnych rozmiarach. Jeśli wówczas zobaczysz, że na ekranie mieści się mała część tego zdjęcia, to oznacza, że nie jest to dobre zdjęcie dla sklepu internetowego. Najlepsze zdjęcie powinno się w swoich oryginalnych rozmiarach w całości (lub maksymalnie w ok. 50%) mieścić na ekranie. Jeśli na ekranie mieści np. ok. 20% zdjęcia, to takie zdjęcie trzeba odpowiednio zmniejszyć w programie graficznym przed wgraniem do panelu.

Na stronie sklepu internetowego, a zwłaszcza na stronie produktu, należy zadbać o to, aby strona taka ładowała się w możliwie jak najkrótszym czasie. Ważne jest, aby długo ładująca się strona produktu nie odwiodła potencjalnego klienta od zakupu. Tego na pewno nie chcemy :)

 

Format i waga

Waga jest zależna głównie od formatu zdjęcia. Waga wgrywanego zdjęcia nie może przekraczać 5MB, jednak zalecamy nie przekraczać wielkości 3MB

Najlepszym i najlżejszym formatem pliku graficznego jest JPG i ten format zalecamy dla wszystkich elementów graficznych na stronie, od zdjęć po ikonki.

Jeśli potrzebujemy przezroczystego tła (np. w logo), to można zastosować format PNG. Jest to format dużo cięższy od JPG, ale dopuszczalny, jeśli nie będzie występować na stronie w nadmiernych ilościach. Nie zalecamy więc wrzucania zdjęć wszystkich produktów w formacie PNG.

Odradzamy używania formatów takich, jak BMP, GIF, TIFF itp. Elementy graficzne w takich formatach wyraźnie zmniejszą szybkość ładowania stron sklepu.

 

Proporcje miniaturki

Zdjęcia produktów można dodawać o zupełnie dowolnych proporcjach. Najlepiej trzymać się zasady, aby wszystkie zdjęcia główne miały identyczne proporcje. Wówczas strona kategorii i kolekcji będzie ładnie wyglądać, wszystkie miniaturki będą równe.

 

Automatyczne skalowanie miniatur

W wybranych szablonach (np. w szablonie Simple) jest mechanizm, który automatycznie skaluje miniaturki do identycznych proporcji. Minusem takiego mechanizmu jest przycinanie zdjęć (w szerokości, lub wysokości). Taki mechanizm jest możliwy również do wdrożenia w szablonie, w którym go nie ma.

 

Rozmiar logo

Na niektórych szablonach (jak Classic 2.0) wielkość wyświetlanego logo jest równa wielkości wgranej grafiki. Tak więc w celu powiększenia, lub pomniejszenia logo wystarczy wgrać do panelu logo o preferowanej wielkości.

Na innych szablonach (jak Flexi) logo jest elementem umieszczonym w innym elemencie, w przypadku Flexi jest to czarny nagłówek. Dlatego logo ma małe wymiary. Powiększenie logo jest możliwe w kodzie szablonu, ale wówczas pasek nagłówka również może się powiększyć.

Jeśli chciałbyś wprowadzić zmiany, które wymagają modyfikacji kodu szablonu, śmiało skontaktuj się na nami :)

 

Rozmiar banera

W każdym szablonie baner główny może mieć inne parametry, może być węższy albo szerszy lub może mieć ograniczoną wysokość. Każdy szablon ma więc preferowaną wielkość zdjęcia do banera. Jeśli grafika będzie miała preferowaną wielkość, wówczas wyświetli się w banerze w swojej najlepszej jakości.

Sprawdź, jakie wymiary grafiki do banera są preferowane w Twoim szablonie.

Kliknij na zakładkę Wygląd sklepu i na górze, na przycisk Banery.

Kliknij na przycisk Dodaj odsłonę.

W zależności od szablonu w miejscu, które zaznaczyliśmy na powyższym obrazku, zobaczysz inne wartości. Są to właśnie wymiary preferowane. Najlepiej wgrywać obrazki o takich wymiarach.