Ridimensionamento immagine lato server - Trucchi CSS

Anonim

Il codice utilizza PHP per ridimensionare un'immagine (attualmente solo jpeg.webp). Utilizzando questo metodo, l'immagine ridimensionata è di qualità molto migliore rispetto a un ridimensionamento lato browser. Anche la dimensione del file della nuova immagine ridimensionata è inferiore (più veloce da scaricare).

Il codice si divide in due parti:

  • imageResizer () viene utilizzato per elaborare l'immagine
  • loadimage () inserisce l'URL dell'immagine in un formato più semplice
 $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; ) ?>

Utilizzo

Il codice sopra sarebbe in un file chiamato image.php.

Le immagini verrebbero visualizzate in questo modo: