How to upload png,svg,eps,psd icons in backend and how to make them downloadable them from the website

3143 views javascript

How to upload icons variation like png, svg etc and make them downloadable in different sizes from the frontend of the websites.

answered question

I suggest reading How to Ask a good question and the perfect question. Also, be sure to take the tour

1 Answer


PHP manual clearly explains how to upload file. You will get temporal path to image, so can copy it to website folder, and also resize it. PHP should have GD, or Imagemagic extension, so you can load-resize-save uploaded image. Function to resize image, but keeping aspect ration below(GD):

function generate_image_thumbnail($source_image_path, $thumbnail_image_path,$THUMBNAIL_IMAGE_MAX_WIDTH = 120,$THUMBNAIL_IMAGE_MAX_HEIGHT = 120)
    list($source_image_width, $source_image_height, $source_image_type) = getimagesize($source_image_path);
    switch ($source_image_type) {
        case IMAGETYPE_GIF:
            $source_gd_image = imagecreatefromgif($source_image_path);
        case IMAGETYPE_JPEG:
            $source_gd_image = imagecreatefromjpeg($source_image_path);
        case IMAGETYPE_PNG:
            $source_gd_image = imagecreatefrompng($source_image_path);
    if ($source_gd_image === false) {
        return false;
    $source_aspect_ratio = $source_image_width / $source_image_height;
    if ($source_image_width <= $THUMBNAIL_IMAGE_MAX_WIDTH && $source_image_height <= $THUMBNAIL_IMAGE_MAX_HEIGHT) {
        $thumbnail_image_width = $source_image_width;
        $thumbnail_image_height = $source_image_height;
    } elseif ($thumbnail_aspect_ratio > $source_aspect_ratio) {
        $thumbnail_image_width = (int) ($THUMBNAIL_IMAGE_MAX_HEIGHT * $source_aspect_ratio);
        $thumbnail_image_height = $THUMBNAIL_IMAGE_MAX_HEIGHT;
    } else {
        $thumbnail_image_width = $THUMBNAIL_IMAGE_MAX_WIDTH;
        $thumbnail_image_height = (int) ($THUMBNAIL_IMAGE_MAX_WIDTH / $source_aspect_ratio);
    $thumbnail_gd_image = imagecreatetruecolor($thumbnail_image_width, $thumbnail_image_height);
    imagecopyresampled($thumbnail_gd_image, $source_gd_image, 0, 0, 0, 0, $thumbnail_image_width, $thumbnail_image_height, $source_image_width, $source_image_height);
    imagejpeg($thumbnail_gd_image, $thumbnail_image_path, 90);
    return true;

posted this

Have an answer?


Please login first before posting an answer.