Penyesuai Imej Sisi Pelayan - Trik CSS

Anonim

Kod menggunakan PHP untuk mengubah ukuran gambar (pada masa ini hanya jpeg.webp). Dengan menggunakan kaedah ini, gambar yang diubah ukurannya jauh lebih berkualiti daripada pengubah saiz sebelah penyemak imbas. Saiz fail gambar baru yang lebih kecil juga lebih kecil (lebih cepat dimuat turun).

Kod ini terdapat dalam dua bahagian:

  • imageResizer () digunakan untuk memproses gambar
  • loadimage () memasukkan url gambar dalam format yang lebih mudah
 $ratio_orig) ( $width = $height*$ratio_orig; ) else ( $height = $width/$ratio_orig; ) // This resamples the image $image_p = imagecreatetruecolor($width, $height); $image = imagecreatefromjpeg.webp($url); imagecopyresampled($image_p, $image, 0, 0, 0, 0, $width, $height, $width_orig, $height_orig); // Output the image imagejpeg.webp($image_p, null, 100); ) //works with both POST and GET $method = $_SERVER('REQUEST_METHOD'); if ($method == 'GET') ( imageResize($_GET('url'), $_GET('w'), $_GET('h')); ) elseif ($method == 'POST') ( imageResize($_POST('url'), $_POST('w'), $_POST('h')); ) // makes the process simpler function loadImage($url, $width, $height)( echo 'image.php?url=', urlencode($url) , '&w=',$width, '&h=',$height; ) ?>

Penggunaan

Kod di atas akan terdapat dalam fail bernama image.php.

Gambar akan dipaparkan seperti ini: