A large size image takes more time to load a web page. If you want to load a large image without affecting the page load time, the image needs to be optimized to reduce the size. Image compression is very helpful to reduce the size of the image. In most cases, the user does not optimize the image when uploading through the website. It’s always a good idea to compress images and optimize the file size before uploading them to the server.<\/p>\n
Compress and optimize image before upload can be easily implemented using PHP. In the image compress functionality, the file size is reduced before upload. The compressed image helps to reduce the uses of the server\u2019s storage and load the web page faster. In this tutorial, we will show you how to compress image before upload using PHP<\/b>.<\/p>\nFile Upload Form<\/h2>\n
Create an HTML form with a file input field and a submit button. Make sure the <form<\/span>><\/span> tag contains the following attributes.<\/p>\n After the form submission, the file data is submitted to the The The compressImage()<\/b> is a custom function that helps to compress and save image on the server using PHP. This function accepts the following parameters and returns the compressed image. <\/p>\n The convert_filesize()<\/b> is a custom function that is used to convert file size in a human readable format. This function accepts the following parameters and returns the size in KB\/MB\/GB\/TB\/etc.<\/p>\n When a file is submitted:<\/p>\n\n
method=\"post\"<\/code><\/li>\nenctype=\"multipart\/form-data\"<\/code><\/li>\n<\/ul>\n<form<\/span> action<\/span>=\"upload.php\"<\/span> method<\/span>=\"post\"<\/span> enctype<\/span>=\"multipart\/form-data\"<\/span>><\/span>\r\n <label<\/span>><\/span>Select Image File:<\/label<\/span>><\/span>\r\n <input<\/span> type<\/span>=\"file\"<\/span> name<\/span>=\"image\"<\/span>><\/span>\r\n <input<\/span> type<\/span>=\"submit\"<\/span> name<\/span>=\"submit\"<\/span> value<\/span>=\"Upload\"<\/span>><\/span>\r\n<\/form<\/span>><\/span><\/pre>\nupload.php<\/code> file for further processing.<\/p>\nCompress and Upload Image with PHP<\/h2>\n
upload.php<\/code> file handles the image compression and upload operations.<\/p>\n\n
$source<\/code> – An image file source to compress size.<\/li>\n$destination<\/code> – Server path to save the compressed image.<\/li>\n$quality<\/code> – Image quality.<\/li>\n<\/ul>\n<?php
<\/span>function <\/span>compressImage<\/span>(<\/span>$source<\/span>, <\/span>$destination<\/span>, <\/span>$quality<\/span>) {
<\/span>\/\/ Get image info
<\/span>$imgInfo <\/span>= <\/span>getimagesize<\/span>(<\/span>$source<\/span>);
<\/span>$mime <\/span>= <\/span>$imgInfo<\/span>[<\/span>'mime'<\/span>];
<\/span>\/\/ Create a new image from file
<\/span>switch(<\/span>$mime<\/span>){
case <\/span>'image\/jpeg'<\/span>:
<\/span>$image <\/span>= <\/span>imagecreatefromjpeg<\/span>(<\/span>$source<\/span>);
break;
case <\/span>'image\/png'<\/span>:
<\/span>$image <\/span>= <\/span>imagecreatefrompng<\/span>(<\/span>$source<\/span>);
break;
case <\/span>'image\/gif'<\/span>:
<\/span>$image <\/span>= <\/span>imagecreatefromgif<\/span>(<\/span>$source<\/span>);
break;
default:
<\/span>$image <\/span>= <\/span>imagecreatefromjpeg<\/span>(<\/span>$source<\/span>);
}
<\/span>\/\/ Save image
<\/span>imagejpeg<\/span>(<\/span>$image<\/span>, <\/span>$destination<\/span>, <\/span>$quality<\/span>);
<\/span>\/\/ Return compressed image
<\/span>return <\/span>$destination<\/span>;
}<\/span><\/pre>\n\n
$bytes<\/code> – File size in bytes<\/li>\n$decimals<\/code> – Decimal places.<\/li>\n<\/ul>\n<?php
<\/span>function <\/span>convert_filesize<\/span>(<\/span>$bytes<\/span>, <\/span>$decimals <\/span>= <\/span>2<\/span>) {
<\/span>$size <\/span>= array(<\/span>'B'<\/span>,<\/span>'KB'<\/span>,<\/span>'MB'<\/span>,<\/span>'GB'<\/span>,<\/span>'TB'<\/span>,<\/span>'PB'<\/span>,<\/span>'EB'<\/span>,<\/span>'ZB'<\/span>,<\/span>'YB'<\/span>);
<\/span>$factor <\/span>= <\/span>floor<\/span>((<\/span>strlen<\/span>(<\/span>$bytes<\/span>) - <\/span>1<\/span>) \/ <\/span>3<\/span>);
return <\/span>sprintf<\/span>(<\/span>\"%.<\/span>{<\/span>$decimals<\/span>}<\/span>f\"<\/span>, <\/span>$bytes <\/span>\/ <\/span>pow<\/span>(<\/span>1024<\/span>, <\/span>$factor<\/span>)) . @<\/span>$size<\/span>[<\/span>$factor<\/span>];
}<\/span><\/pre>\n\n
compressImage()<\/code> function.<\/li>\nconvert_filesize()<\/code> function using PHP.<\/li>\n<\/ul>\n<?php
<\/span>\/\/ File upload path
<\/span>$uploadPath <\/span>= <\/span>\"uploads\/\"<\/span>;
<\/span>$statusMsg <\/span>= <\/span>''<\/span>;
<\/span>$status <\/span>= <\/span>'danger'<\/span>;
<\/span>\/\/ If file upload form is submitted
<\/span>if(isset(<\/span>$_POST<\/span>[<\/span>\"submit\"<\/span>])){
<\/span>\/\/ Check whether user inputs are empty
<\/span>if(!empty(<\/span>$_FILES<\/span>[<\/span>\"image\"<\/span>][<\/span>\"name\"<\/span>])) {
<\/span>\/\/ File info
<\/span>$fileName <\/span>= <\/span>basename<\/span>(<\/span>$_FILES<\/span>[<\/span>\"image\"<\/span>][<\/span>\"name\"<\/span>]);
<\/span>$imageUploadPath <\/span>= <\/span>$uploadPath <\/span>. <\/span>$fileName<\/span>;
<\/span>$fileType <\/span>= <\/span>pathinfo<\/span>(<\/span>$imageUploadPath<\/span>, <\/span>PATHINFO_EXTENSION<\/span>);
<\/span>\/\/ Allow certain file formats
<\/span>$allowTypes <\/span>