Resizer Image Side Server - CSS-Κόλπα

Anonim

Ο κώδικας χρησιμοποιεί PHP για αλλαγή μεγέθους μιας εικόνας (προς το παρόν μόνο jpeg.webp). Χρησιμοποιώντας αυτήν τη μέθοδο, η αλλαγή μεγέθους εικόνας είναι πολύ καλύτερη ποιότητα από την αλλαγή μεγέθους στην πλευρά του προγράμματος περιήγησης. Το μέγεθος αρχείου της νέας συρρικνωμένης εικόνας είναι επίσης μικρότερο (ταχύτερη λήψη).

Ο κωδικός διατίθεται σε δύο μέρη:

  • Το imageResizer () χρησιμοποιείται για την επεξεργασία της εικόνας
  • Το loadimage () εισάγει τη διεύθυνση URL της εικόνας σε απλούστερη μορφή
 $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; ) ?>

Χρήση

Ο παραπάνω κώδικας θα ήταν σε ένα αρχείο που ονομάζεται image.php.

Οι εικόνες θα εμφανίζονται ως εξής: