Spreminjalnik slik na strani strežnika - CSS-triki

Anonim

Koda uporablja PHP za spreminjanje velikosti slike (trenutno samo jpeg.webp). S to metodo je velikost slike veliko bolj kakovostna kot sprememba velikosti na strani brskalnika. Velikost datoteke nove zmanjšane slike je prav tako manjša (hitreje se prenese).

Koda je sestavljena iz dveh delov:

  • imageResizer () se uporablja za obdelavo slike
  • loadimage () vstavi URL slike v enostavnejši obliki
 $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; ) ?>

Uporaba

Zgornja koda bi bila v datoteki, imenovani image.php.

Slike bi bile prikazane tako: