How can responsive design be achieved when creating images with PHP?

Responsive design can be achieved when creating images with PHP by dynamically generating images of different sizes based on the device's screen resolution. This can be done by using the PHP GD library to resize images on the fly and serve the appropriate size based on the device's screen size. 

<?php
// Get the device's screen width
$screenWidth = $_GET['width'];

// Load the original image
$originalImage = imagecreatefromjpeg('original.jpg');

// Resize the image based on the screen width
if ($screenWidth < 600) {
    $newWidth = 300;
} else {
    $newWidth = 600;
}

// Create a new image with the resized dimensions
$newImage = imagescale($originalImage, $newWidth);

// Output the image to the browser
header('Content-Type: image/jpeg');
imagejpeg($newImage);

// Free up memory
imagedestroy($originalImage);
imagedestroy($newImage);
?>

Keywords

responsive design images PHP GD library image manipulation

Related Questions