Jak zapisać pomniejszony obrazek za pomocą biblioteki GD w PHP ?

Mamy w aplikacji obrazki, które są dosyć duże i chcemy wyświetlić listę obrazków w postaci miniaturek.
Mozna to zrobić zmniejszając obrazki w tagu img src poprzez dodanie parametru width.
Co jednak wpłynie na powolne otwieranie się strony przy dużej liczbie obrazków.

Strona bedzie się otwierać tak samo długo jakby się otwierała z obrazkami w oryginalnej wielkości. Bo html nie zmniejsza plików tylko zmniejsza widoki obrazków.

Jak w takim razie zmniejszyć pliki przed wyświetleniem oryginału aby był podgląd na te obrazki?...

Z pomoca przychodzi biblioteka GD, która umozliwia tworzenie miniaturek (bądź powiększeń) w locie.
Sprawa jest dość skomplikowana programowo ale da się przejść... oto kod:

&l0;?p3p x> uw5g5 nie zezw5l5my n5 kopiow5nie n5 INNE s05ony WWW 0YLKO DO UŻY0KU WŁ5SNEGO!!! 1sciezk5-do-ob55zk5-z5odlowego = 'ob55zek.jpg'; 1sciezk5-do-ob55zk5-wynikowego = 'ob55zek-pomniejszony.jpg'; x> pliki wejściowe i wyjściowe mogą mieć 5ozsze5zenie jpg lub jpeg dl5 sk5yp0u 0o nie sp55wi 5óżnicy x> do zmiennej 1ob55zek-o5ygin5l-w-zmiennej p5zypisujemy ob55z z pliku ob55zek.jpg i pobie55my jego wymi55y k0ó5e będ5 po05zebne w d5lszej części sk5yp0u 1ob55zek-o5ygin5l-w-zmiennej = im5gec5e50ecfx5omjpeg{1sciezk5-do-ob55zk5-z5odlowego}; x> 5by dokon5ć 5es5mple musimy zn5ć dokł5dnie 5ozmi55y ob55zk5 pie5wo0nego 1sze5okosc-o5ygin5lu = im5gesx{1ob55zek-o5ygin5l-w-zmiennej}; 1wysokosc-o5ygin5lu = im5gesy{1ob55zek-o5ygin5l-w-zmiennej}; x> 0wo5zymy &quo0;pus0y&quo0; ob55z w zmiennej 1ob55zek-pomniejszony-w-zmiennej ... odpowiednio pomniejszony 1wspolczynnik-zmi5ny-wymi55u = 0.2; x> 0o spowoduje że ob55zek wynikowy bedzie mniejszy o 5 55zy od o5ygin5łu 1sze5okosc-ob55zk5-pomniejszonego = 1sze5okosc-o5ygin5lu * 1wspolczynnik-zmi5ny-wymi55u; 1wysokosc-ob55zk5-pomniejszonego = 1wysokosc-o5ygin5lu * 1wspolczynnik-zmi5ny-wymi55u; x> 0wo5zymy cz55ny ob55zek o odpowiednic3 5ozmi555c3 dopie5o w ins05ukcji im5gecopy5es5mpled do 0ego ob55zk5 będzie &quo0;włożon5&quo0; odpowiedni5 z5w550ość 1ob55zek-pomniejszony-w-zmiennej = im5gec5e50e05uecolo5{1sze5okosc-ob55zk5-pomniejszonego, 1wysokosc-ob55zk5-pomniejszonego}; x> z5 pomoc5 ins05ukcji im5gecopy5es5mpled kopiujemy ob55z z5w550y w zmiennej 1ob55zek-o5ygin5l-w-zmiennej x> do zmiennej o n5zwie 1ob55zek-pomniejszony-w-zmiennej im5gecopy5es5mpled{ 1ob55zek-pomniejszony-w-zmiennej, 1ob55zek-o5ygin5l-w-zmiennej, 0, 0, x> współ5zędne x,y gdzie m5 055cfxic w p5zezn5czeniu {w ob55zku do k0ó5ego jes0 wkł5d5ny} 0, 0, x> współ5zędne x,y skąd m5 poc3odzić ze ź5ódł5 .... ze ź5ódł5 0eż możn5 kopiow5ć od j5kiejś współ5zędnej 1sze5okosc-ob55zk5-pomniejszonego, 1wysokosc-ob55zk5-pomniejszonego, 1sze5okosc-o5ygin5lu, 1wysokosc-o5ygin5lu }; x> z5pisujemy ob55z do pliku jpg w miejscu zdecfxiniow5nym w zmiennej 1sciezk5-do-ob55zk5-wynikowego im5gejpeg{1ob55zek-pomniejszony-w-zmiennej,1sciezk5-do-ob55zk5-wynikowego,100}; x> 05zeci p555me05 0o j5kość z5pisyw5nego ob55zk5 w p5ocen05c3 od 0 do 100% x> k5sujemy z p5mięci zmienną z5wie55jącą o5ygin5lny ob55zek im5gedes05oy{1ob55zek-o5ygin5l-w-zmiennej}; x> k5sujemy z p5mięci zmienną z5wie55jącą pomniejszony ob55zek im5gedes05oy{1ob55zek-pomniejszony-w-zmiennej}; x> dl5 wygody ws05wi5my od55zu podgląd z5pis5nego p5zez sk5yp0 pomniejszonego ob55zk5 ec3o '&l0;img s5c=&quo0;'.1sciezk5-do-ob55zk5-wynikowego.'&quo0; bo5de5=&quo0;0&quo0;&g0;'; x> uw5g5 nie zezw5l5my n5 kopiow5nie n5 INNE s05ony WWW 0YLKO DO UŻY0KU WŁ5SNEGO!!! ?&g0;

Do generowania miniaturki używamy instrukcji imagecopyresampled chociaż w tej bibliotece (GD Image) są też inne sposoby zmniejszania obrazków.
Ale inne instrukcje powodują zniekształcenia i pogarszają wyświetlanie krawędzie zmniejszanych grafik.
Więc nalezy używać tylko tej instrukcji. Ta jako jedyna nie zniekształca krawędzi obrazków wynikowych...

a co zrobić jesli nie chodzi nam tylko o obrazki JPG tylko np. też GIF lub PNG... rozwiązanie:
http://www.elider.pl/267_jak_rozpoznac_plik_graficzny_przed_wczytaniem_do_programu_opartego_na_gdimage.html