Resizer slike na poslužitelju - CSS-trikovi

Anonim

Kôd koristi PHP za promjenu veličine slike (trenutno samo jpeg.webp). Koristeći ovu metodu, slika s promjenom veličine mnogo je kvalitetnija od promjene veličine na strani preglednika. Veličina datoteke nove smanjene slike također je manja (brže za preuzimanje).

Kôd se sastoji iz dva dijela:

  • imageResizer () koristi se za obradu slike
  • loadimage () ubacuje url slike u jednostavnijem formatu
 $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; ) ?>

Upotreba

Iznad koda nalazio bi se u datoteci koja se zove image.php.

Slike bi se prikazale ovako: