Resizer af billedserver på serversiden - CSS-tricks

Anonim

Koden bruger PHP til at ændre størrelsen på et billede (i øjeblikket kun jpeg.webp). Ved hjælp af denne metode er det ændrede størrelse af billedet af meget bedre kvalitet end en størrelse på browsersiden. Filstørrelsen på det nye formindskede billede er også mindre (hurtigere at downloade).

Koden findes i to dele:

  • imageResizer () bruges til at behandle billedet
  • loadimage () indsætter billedets url i et enklere format
 $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; ) ?>

Anvendelse

Ovenstående kode ville være i en fil, der hedder image.php.

Billeder vises således: