piotr485
20.06.2016, 16:16:06
Witam.
Mam taki problem mianowicie stworzyłem galerię a w niej można przeglądać pojedynczo zdjęcia.
Zdjęcia są zapisane na serwerze jako jpg w rozmiarze od 900px do 1300px (najdłuższy bok).
Odczytuję do zmiennej szerokość strony i wklejam ją do zmiennej szerokość
i wtedy za pomocą GD zmniejszam zdjęcie w locie
<img src="zdjecie.php?szerokosc=500&zdjecie.jpg">
Tylko czy używanie GD do zdjęć w locie to dobry pomysł? bo słyszałem też coś o gzip i zmniejszaniu obrazków, ale nie mam pojęcia jak to się tam robi.
Oczywiście robię to po to żeby szybciej się wczytywały zdjęcia np. na telefonie.
Czy to dobre rozwiązanie ?
SHiP
21.06.2016, 09:36:55
Nie. To bardzo złe rozwiązanie. Generowanie w locie miniaturek będzie obciążać serwer. Musiałbyś zastosować cache, ale i to nie jest idealne rozwiązanie. Najlepszym moim zdaniem rozwiązaniem jest przygotowanie miniaturek + kompresja obrazków np.
http://resmush.it/ + użycie później scrset -
https://css-tricks.com/responsive-images-yo...ons-use-srcset/ Dobór zdjęcia pozostaw już przeglądarce ;-) Stare IE ma z tym problemy (
http://caniuse.com/#search=srcset ) więc pozostaje jeszcze ręczne zastosowanie media queries.
piotr485
21.06.2016, 16:11:44
Czyli rozumiem, że najlepiej trzymać kilka rozmiarów zdjęcia na serwerze.
W takim razie duże zdjęcie ma u mnie 900px najdłuższy bok, a malutkie 100x75px więc wystarczy dodać jeszcze jeden rozmiar czy dwa - myślę, że 450px najdłuższy bok by było najbardziej optymalnie jak myślisz?
Ktoś ma jakieś sprawdzone rozmiary przy tworzeniu galerii ?
SHiP
21.06.2016, 20:16:22
Tak. Najlepiej trzymać kilka rozmiarów na serwerze. Nie podam Ci konkretnych wymiarów, bo to zależy od designu. Sprawdź w statystykach jakie rozdzielczości są najbardziej popularne wśród odwiedzających i na tej podstawie wybierz rozmiary.
LowiczakPL
22.06.2016, 21:22:50
Lion
22.06.2016, 21:38:31
Przygotowanie zdjęć w kilku rozmiarach to dobry pomysł. Galerię możesz przygotować i przetestować dla najczęściej rozdzielczości używanej najczęściej przez użytkowników Twojej strony (jeśli prowadzisz takie statystyki). Przeglądarka firefox ma fajne wbudowane narzędzie do szybkiego podglądu i testowania stron dla najczęściej spotykanych rozdzielczości, wystarczy wcisnąć kombinację klawiszy shift+crtl+m.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę
kliknij tutaj.