Pengubah Gambar Sisi Server - Trik CSS

Anonim

Kode menggunakan PHP untuk mengubah ukuran gambar (saat ini hanya jpeg.webp). Dengan menggunakan metode ini, gambar yang diubah ukurannya memiliki kualitas yang jauh lebih baik daripada pengubahan ukuran sisi browser. Ukuran file gambar baru yang diperkecil juga lebih kecil (lebih cepat diunduh).

Kode tersebut terdiri dari dua bagian:

  • imageResizer () digunakan untuk memproses gambar
  • loadimage () menyisipkan url gambar dalam format yang lebih sederhana
 $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; ) ?>

Pemakaian

Kode di atas akan berada dalam file bernama image.php.

Gambar akan ditampilkan seperti ini: