move_uploaded_file<\/code>, movemos las im\u00e1genes al directorio y las dejamos como est\u00e1n. \u00bfPensamos en algunos puntos como cu\u00e1l es el tama\u00f1o de la imagen cargada? \u00bfEsta imagen tardar\u00e1 en cargarse en un sitio web? \u00bfPuedo optimizar una imagen sin perder su calidad?<\/p>\nLas im\u00e1genes juegan un papel importante en la velocidad del sitio. Las im\u00e1genes pesadas ralentizan la velocidad de la p\u00e1gina, lo que, como resultado, pierde audiencia y tr\u00e1fico. Esta situaci\u00f3n no es asequible. Nos esforzamos mucho para generar audiencia y tr\u00e1fico. Por lo tanto, como buena pr\u00e1ctica, debe optimizar la imagen durante la carga.<\/p>\n
En este art\u00edculo, usar\u00e9 el<\/a> servicio TinyPNG<\/a> para optimizar las im\u00e1genes. Escribiremos un c\u00f3digo para ello en unos momentos. Mientras tanto, a continuaci\u00f3n se muestra la captura de pantalla de tinypng.com para visualizar la diferencia entre la imagen original y la optimizada.<\/p>\n![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20382-6081e8cbba932.png\")
<\/a><\/p>\nUtilice TinyPNG para optimizar la imagen al subirla<\/h3>\n
Para comenzar, debe instalar la biblioteca TinyPNG. Instale la biblioteca usando el siguiente comando.<\/p>\n
composer require tinify\/tinify<\/code><\/pre>\nDespu\u00e9s de instalar la biblioteca, obtenga su clave API del sitio<\/a> web de TinyPNG<\/a>.<\/p>\nNota<\/strong>: TinyPNG permite comprimir 500 im\u00e1genes gratis por mes. Por m\u00e1s de 500 im\u00e1genes debes pagarlas. Si tiene un sitio web peque\u00f1o, esta cuota es suficiente.<\/p>\nUna vez que est\u00e9 listo con la clave API, comencemos con el c\u00f3digo. Estoy creando un formulario HTML simple que contiene la entrada de archivos y un bot\u00f3n de env\u00edo.<\/p>\n
<form method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"file\" name=\"myfile\" accept=\"image\/*\" required \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<button type=\"submit\" name=\"submit\">Submit<\/button>\n<\/form><\/code><\/pre>\nCuando los usuarios cargan una imagen usando este formulario, los desarrolladores escriben el siguiente tipo de c\u00f3digo para mover la imagen cargada en el servidor.<\/p>\n
if (isset($_POST['submit'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$allowed_mime_types = array('image\/gif', 'image\/jpg', 'image\/jpeg', 'image\/png');\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (!in_array($_FILES['myfile']['type'], $allowed_mime_types)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Invalid file format.';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0exit();\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (!file_exists(getcwd().'\/uploads')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir(getcwd().'\/uploads', 0777);\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$src_file_name = $_FILES['myfile']['name'];\n\u00a0\u00a0\u00a0\u00a0move_uploaded_file($_FILES['myfile']['tmp_name'], getcwd().'\/uploads\/'.$src_file_name);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0echo \"File uploaded successfully\";\n}<\/code><\/pre>\nEl c\u00f3digo anterior es correcto y no hay ning\u00fan problema, excepto la parte faltante de la optimizaci\u00f3n de la imagen. Para optimizar im\u00e1genes, solo necesita agregar 2 l\u00edneas de c\u00f3digo despu\u00e9s de la move_uploaded_file<\/code>declaraci\u00f3n.<\/p>\n\/\/optimize image using TinyPNG\n$source = TinifyfromFile(getcwd().'\/uploads\/'.$src_file_name);\n$source->toFile(getcwd().'\/uploads\/'.$src_file_name);<\/code><\/pre>\nLas 2 l\u00edneas anteriores toman una imagen de la ruta de origen, la optimizan con la biblioteca TinyPNG sin perder calidad y la guardan en la misma ruta de origen. En otras palabras, reemplaza la imagen original con la versi\u00f3n optimizada.<\/p>\n
Nuestro c\u00f3digo final es el siguiente.<\/p>\n
<?php\nrequire_once(\"vendor\/autoload.php\");\n\u00a0\nTinifysetKey(\"TINYPNG_API_KEY\"); \/\/pass your actual API key\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$allowed_mime_types = array('image\/gif', 'image\/jpg', 'image\/jpeg', 'image\/png');\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (!in_array($_FILES['myfile']['type'], $allowed_mime_types)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Invalid file format.';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0exit();\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (!file_exists(getcwd().'\/uploads')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir(getcwd().'\/uploads', 0777);\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$src_file_name = $_FILES['myfile']['name'];\n\u00a0\u00a0\u00a0\u00a0move_uploaded_file($_FILES['myfile']['tmp_name'], getcwd().'\/uploads\/'.$src_file_name);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\/\/optimize image using TinyPNG\n\u00a0\u00a0\u00a0\u00a0$source = TinifyfromFile(getcwd().'\/uploads\/'.$src_file_name);\n\u00a0\u00a0\u00a0\u00a0$source->toFile(getcwd().'\/uploads\/'.$src_file_name);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0echo \"File uploaded successfully.\";\n}\n?>\n<form method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"file\" name=\"myfile\" accept=\"image\/*\" required \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<button type=\"submit\" name=\"submit\">Submit<\/button>\n<\/form><\/code><\/pre>\nAdelante, pru\u00e9balo. Deber\u00eda ver que la versi\u00f3n optimizada de la imagen se almacena en su directorio.<\/p>\n
Espero que comprenda c\u00f3mo optimizar la imagen al cargarla en PHP. Me gustar\u00eda escuchar sus pensamientos y sugerencias en la secci\u00f3n de comentarios a continuaci\u00f3n.<\/p>\n
Art\u00edculos relacionados<\/h4>\n