Cambiar el tamaño de la imagen en PHP usando TinyPNG
El cambio de tamaño de la imagen es una tarea muy común para los programadores. Cada lenguaje de programación tiene sus propias bibliotecas o técnicas para cambiar el tamaño de las imágenes. En este artículo, estudiamos cómo cambiar el tamaño de una imagen en PHP usando TinyPNG.
Nota: Como el nombre contiene ‘PNG’ en ‘TinyPNG’, eso no significa que solo permitan imágenes en formato png. ‘TinyPNG’ es el nombre de su marca. Proporcionan soporte para todo tipo de imágenes.
¿Por qué debería cambiar el tamaño de las imágenes?
Cuando se trata de un sitio web, el tamaño de una imagen realmente importa. Si está utilizando imágenes de gran tamaño, dificulta la carga de su sitio. La velocidad lenta del sitio afecta su clasificación de búsqueda.
Si el tamaño de su contenedor para una imagen es de alrededor de 200 200 px. Entonces, colocar una imagen de tamaño 500 * 500 px en un contenedor pequeño (200 200 px) no es una buena idea. En tal caso, debe cambiar el tamaño de su imagen de acuerdo con el tamaño de su contenedor pequeño. Al hacerlo, no solo reducirá el tamaño de su archivo, sino que también ayudará a cargar su página rápidamente.
¿Por qué debería usar TinyPNG para cambiar el tamaño de la imagen?
Hay bibliotecas bastante populares disponibles en PHP que funcionan bien en términos de cambio de tamaño de imágenes.
Entonces surge la pregunta ¿por qué debería usar TinyPNG para cambiar el tamaño de la imagen?
Bueno, hay algunas razones para usar TinyPNG para cambiar el tamaño de las imágenes.
- TinyPNG encoge las imágenes para su sitio web. Como resultado, sus imágenes utilizarán menos ancho de banda y se cargarán más rápido.
- No necesita instalar ninguna extensión aparte de la biblioteca PHP TinyPNG.
¿Convencido? Veamos la guía paso a paso sobre cómo cambiar el tamaño de la imagen en PHP usando TinyPNG.
Configurar el entorno para TinyPNG
El proceso de instalación de la biblioteca PHP proporcionada por TinyPNG es bastante sencillo. Abra el símbolo del sistema en el directorio de su proyecto y ejecute el siguiente comando.
composer require tinify/tinify
Para ejecutar el comando anterior, debe haber instalado Composer en su computadora.
A continuación, necesita una clave API que puede obtener de este enlace https://tinypng.com/developers.
Todo lo que necesita hacer es ingresar su nombre y dirección de correo electrónico. Recibirá un correo electrónico con respecto a la clave API.
En esta etapa, hemos instalado la biblioteca y está listo con su clave API. Hemos terminado con el entorno de configuración de TinyPNG.
Cambiar el tamaño de la imagen en PHP usando TinyPNG
Para cambiar el tamaño de la imagen, necesitamos escribir un pequeño fragmento de código. Abra su archivo PHP en su editor de archivos. Cambiar el tamaño del código de la imagen es el siguiente.
require_once("vendor/autoload.php");
TinifysetKey("YOUR_API_KEY");
$source = TinifyfromFile("large.jpg"); //image to be resize
$resized = $source->resize(array(
"method" => "fit",
"width" => 150,
"height" => 100
));
$resized->toFile("thumbnail.jpg"); //resized image
El código anterior toma una imagen llamada ‘large.jpg’. Esta es la imagen que tenemos que cambiar de tamaño. Luego da una llamada al método API ‘resize’ con algunos parámetros requeridos como método, ancho, alto. Por fin, obtuvimos la versión redimensionada y comprimida de la imagen que se guardó como ‘thumbnail.jpg’.
Normalmente, mantenemos el nombre de la miniatura como ‘{filename} -thumbnail.extension’. En nuestro caso, sería ‘large-thumbnail.jpg’. La convención de nomenclatura depende de usted. Puede decidir el formato de nombre para su imagen redimensionada.
TinyPNG proporciona 2 métodos más además de ‘ajuste’. Esos métodos son "escala" y "cobertura".
Aquí está la descripción del sitio web de TinyPNG para los 3 métodos.
- scale: reduce la escala de la imagen proporcionalmente. Debe proporcionar un ‘ancho’ de destino o una ‘altura’ de destino, pero no ambos. La imagen escalada tendrá exactamente el ancho o alto proporcionado.
- ajuste: reduce la imagen proporcionalmente para que se ajuste a las dimensiones dadas. Debe proporcionar tanto un ‘ancho’ como un ‘alto’. La imagen escalada no excederá ninguna de estas dimensiones.
- cover: escala la imagen proporcionalmente y la recorta si es necesario para que el resultado tenga exactamente las dimensiones dadas. Debe proporcionar tanto un ‘ancho’ como un ‘alto’. Las partes de la imagen que se recortan se determinan automáticamente. Un algoritmo inteligente determina las áreas más importantes y las deja intactas.
Hemos tomado un ejemplo con el método ‘ajuste’ y, como se mencionó, hemos pasado tanto ‘ancho’ como ‘alto’. Puede probar otros métodos ‘escalar’ y ‘cubrir’.
Esperamos que comprenda cómo cambiar el tamaño de la imagen en PHP usando Tinypng. También puede leer nuestros artículos relacionados a continuación.