Nieostre miniatury na stronie

[American Motors]

Witam

Po wgraniu zdjęć, miniatury są trochę nieostre. kilka osób oglądało oczywiście nic nie widzą, ale mnie to jednak mocno razi. Oczywiście po kliknięciu danego produktu, zdjęcie ostre jak brzytwa, zoom jego również.

Domyślam się, że problem tkwi w ustawieniach, poradzicie coś?

 

 

 

 

Edited September 25, 2021 by American Motors (see edit history)

[krzysiek_web]

Czy wygenerowana miniatura nie jest czasem mniejsza niż sam box w którym jest zdjęcie?

[American Motors]

hhhmmmm, nie bardzo rozumiem:/ wtedy po wejście w produkt tez nie było by ostrości

 

www.americanmotors.pl

 

[endriu107]

Problem prawdopodobnie leży w skalowaniu zdjęcia, w standardowym szablonie classic zrezygnowano z skalowania szerokości miniaturki produktu przez co zdjęcia mają stałą szerokość, u ciebie miniaturki a w zasadzie ich szerokość jest obliczana na podstawie szerokości kontenera a zdjęcie jest skalowane i np. oryginalne zdjęcie może mieć szerokość 250 px ale u ciebie będzie przeskalowane np. do 249.78 px stąd się bierze nieostrość.

[American Motors]

7 hours ago, endriu107 said:

Problem prawdopodobnie leży w skalowaniu zdjęcia, w standardowym szablonie classic zrezygnowano z skalowania szerokości miniaturki produktu przez co zdjęcia mają stałą szerokość, u ciebie miniaturki a w zasadzie ich szerokość jest obliczana na podstawie szerokości kontenera a zdjęcie jest skalowane i np. oryginalne zdjęcie może mieć szerokość 250 px ale u ciebie będzie przeskalowane np. do 249.78 px stąd się bierze nieostrość.

ok rozumiem, jakiś pomysł jak to skonfigurować ?

[krzysiek_web]

Wersja stara:

 

Wersja nowa:

 

Na początek wygenerowałbym odpowiedniej wielkości miniatury. Obecnie przy najwyższej rozdzielczości zdjęcia masz 259px na stronie są zmniejszane aby zmieściły się w kontenerze 258px. Przez co jest nieostrość tak jak pisał endriu.

 

[American Motors]

ok, zmieniłem home default na 258px, wygenerowałem nowe miniatury i wydaję się być ok:) Dzięki wielkie

ale narodziło się inne pytanie...w jaki sposób zweryfikować jaką rozdzielczość ma X "kontener"?

 

 

[endriu107]

Kontener nie ma rozdzielczości ale szerokość

Szerokość kontenerów jest definiowana w pliku CSS i może być podana stała np. w pikselach, lub np. procentowa dla określonych rozdzielczości.

Szerokość dla określonych rozdzielczości może być w prosty sposób sprawdzona w narzędziach deweloperskich przeglądarki. Dla przykładu w Chrome prawy przycisk myszki na elemencie i opcja Zbadaj element.

[American Motors]

nic z tego, jednak jak spojrzałem na kompie to dalej nieostre, myśle, że muszę edytować szablon... zmiany w presta/wygląd nic nie zmianiają, mogę nawet ustawić 200x200 lub 400x400, bez rezultatów...

[krzysiek_web]

Wygenerowałeś na nowo daną miniaturę?

[American Motors]

oczywiście 

[krzysiek_web]

Zmień w stylu css:

.product-image-container img {
	width: 100%;
}

na:

.product-image-container img {
	max-width: 100%;
}

 

[American Motors]

mam tak:/

[krzysiek_web]

Plik rwd.css

[American Motors]

On 9/28/2021 at 11:24 AM, krzysiuus said:

Plik rwd.css

zmieniłem, ale bez zmian:/

[krzysiek_web]

Widzę że jest ok, miniatury ostre.

[American Motors]

czy to może zależeć od komputera? czy przeglądarki?

 

popatrz, pierwsze zdjęcie nieostre pozostałe trzy brzytwa

 

 

[krzysiek_web]

Teraz pokazujesz zdjęcia na stronie produktu. Działamy na podstronach gdzie jest lista produktów. Na stronie produktu jest inny rozmiar obrazka.

[American Motors]

ok czyli zdjęcia produktów (miniatury) mają być mniej ostre niż zdjęcia tych samych produktów po "kliknięciu na nie"?

[krzysiek_web]

Osoba która wdrażała podany szablon powinna dopasować miniatury zdjęć do rzeczywiście wykorzystywanego miejsca. W presta mamy wiele rodzajów zdjęć te na  listach produktów to całkiem inne rozwiązanie niż te w galerii głównej.