Dostosowanie się zdjęcia w locie do rozmiaru strony. Opcje

[piotr485]

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 ?

Ten post edytował piotr485 20.06.2016, 17:48:01

[SHiP]

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.

Ten post edytował SHiP 21.06.2016, 09:41:37

[piotr485]

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]

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]

A może najpierw to http://cloudinary.com/blog/top_10_mistakes...w_to_solve_them

[Lion]

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.