Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dostosowanie się zdjęcia w locie do rozmiaru strony.
Forum PHP.pl > Forum > PHP
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 ?
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.
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.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.