\u00bfEst\u00e1 buscando c\u00f3mo cambiar el tama\u00f1o de las im\u00e1genes en PHP? Mientras trabajamos en la aplicaci\u00f3n web, necesitamos crear diferentes versiones en miniatura de la imagen original. La miniatura es la versi\u00f3n redimensionada de su imagen original. En este art\u00edculo, estudiamos c\u00f3mo cargar y redimensionar im\u00e1genes en PHP.<\/p>\n
En el sitio web, hay varios escenarios en los que necesitamos mostrar una versi\u00f3n corta de una imagen grande. Un ejemplo popular es la Galer\u00eda de im\u00e1genes. En la galer\u00eda, sol\u00edamos mostrar una lista de im\u00e1genes peque\u00f1as. Cuando un usuario hace clic en la imagen peque\u00f1a, se abrir\u00e1 la imagen grande en la ventana emergente. Otro ejemplo es mostrar art\u00edculos relacionados donde mostramos peque\u00f1as im\u00e1genes junto con el t\u00edtulo y la descripci\u00f3n de una publicaci\u00f3n.<\/p>\n
En estos escenarios, necesitamos generar una imagen peque\u00f1a (miniatura) usando nuestra imagen original. Una peque\u00f1a miniatura reduce el tama\u00f1o de sus p\u00e1ginas. Como est\u00e1 utilizando una miniatura peque\u00f1a, el navegador requiere poco ancho de banda para cargar la imagen. Agregar\u00e1 algunos beneficios al sitio web. Algunos de ellos son:<\/p>\n
Dicho esto, echemos un vistazo a c\u00f3mo cambiar el tama\u00f1o de la imagen en PHP.<\/p>\n
Intervention Image<\/a> es una biblioteca de c\u00f3digo abierto que act\u00faa como una herramienta para cambiar el tama\u00f1o de la imagen. Bajo el cap\u00f3, Intervention Image utiliza GD Library e Imagick para el procesamiento y la manipulaci\u00f3n de im\u00e1genes.<\/p>\n Para comenzar, debe instalar la biblioteca de im\u00e1genes de intervenci\u00f3n en su aplicaci\u00f3n. Recomiendo usar Composer<\/a> para la instalaci\u00f3n de una biblioteca.<\/p>\n Abra la terminal en el directorio ra\u00edz de su proyecto y ejecute el siguiente comando.<\/p>\n Despu\u00e9s de instalar la biblioteca, debe incluir su entorno en su aplicaci\u00f3n. Para ello, incluya a continuaci\u00f3n dos l\u00edneas en el archivo PHP.<\/p>\n Para cargar y cambiar el tama\u00f1o de la imagen, necesitamos un formulario donde se pueda navegar por la imagen y presionar el bot\u00f3n de enviar. Utilice el siguiente HTML que contiene la entrada del archivo y un bot\u00f3n de env\u00edo.<\/p>\n Hemos instalado la biblioteca y creado un formulario. A continuaci\u00f3n, tenemos que cargar y cambiar el tama\u00f1o de la imagen sobre la marcha. Voy a crear dos directorios Utilice el siguiente c\u00f3digo que almacenar\u00e1 la versi\u00f3n original y en miniatura de la imagen en los directorios En el c\u00f3digo anterior, pas\u00e9 el ancho como 300 y cambi\u00e9 el tama\u00f1o de la imagen manteniendo su relaci\u00f3n de aspecto. Puede pasar el valor de ancho seg\u00fan sus requisitos. Se recomienda mantener la relaci\u00f3n de aspecto al cambiar el tama\u00f1o de la imagen. Usando la relaci\u00f3n de aspecto, la imagen no se estirar\u00e1. Sin embargo, si est\u00e1 buscando un cultivo duro, reemplace las siguientes l\u00edneas<\/p>\n Con<\/p>\n En este tutorial, estudiamos c\u00f3mo cambiar el tama\u00f1o de las im\u00e1genes manteniendo su relaci\u00f3n de aspecto. Tambi\u00e9n escribimos un c\u00f3digo que recortar\u00e1 la imagen. La biblioteca de im\u00e1genes de intervenci\u00f3n proporciona algunas opciones m\u00e1s para un composer require intervention\/image<\/code><\/pre>\n<?php\n\/\/ include composer autoload\nrequire 'vendor\/autoload.php';\n\u00a0\u00a0\nuse InterventionImageImageManagerStatic as Image;<\/code><\/pre>\n<form method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"file\" name=\"image\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" name=\"submit\" value=\"Submit\">\n<\/form><\/code><\/pre>\nCambiar el tama\u00f1o de la imagen en PHP usando la imagen de intervenci\u00f3n<\/h3>\n
uploads<\/code>y thumbnails<\/code>. En la uploads<\/code>carpeta almacenaremos la imagen original. La versi\u00f3n en miniatura de la imagen se almacenar\u00e1 dentro del thumbnails<\/code>directorio.<\/p>\nuploads<\/code>y thumbnails<\/code>respectivamente.<\/p>\n<?php\nrequire 'vendor\/autoload.php';\n\u00a0\u00a0\nuse InterventionImageImageManagerStatic as Image;\n\u00a0\n$allowed_mime_type = array('image\/jpg', 'image\/jpeg', 'image\/png', 'image\/gif');\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (in_array($_FILES['image']['type'], $allowed_mime_type)) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (!file_exists('uploads')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir('uploads', 0755);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename = time().'_'.$_FILES['image']['name'];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filepath = 'uploads\/'. $filename;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0move_uploaded_file($_FILES['image']['tmp_name'], $filepath);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (!file_exists('uploads\/thumbnails')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir('uploads\/thumbnails', 0755);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$thumbnailpath = 'uploads\/thumbnails\/'. $filename;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img = Image::make($filepath);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->resize(300, null, function ($constraint) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$constraint->aspectRatio();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->save($thumbnailpath);\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n$img->resize(300, null, function ($constraint) {\n\u00a0\u00a0\u00a0\u00a0$constraint->aspectRatio();\n});<\/code><\/pre>\n$img->resize(300, 150)->save($thumbnailpath);<\/code><\/pre>\nConclusi\u00f3n<\/h3>\n
resize<\/code>m\u00e9todo. Puede leer m\u00e1s sobre esto en su documentaci\u00f3n<\/a>.<\/p>\nArt\u00edculos relacionados<\/h4>\n