Image size reducer using python

Notz — Tue, 15 Jul 2025 04:09:07 GMT

How to Create an Image Size Reducer Website Using Python

Reducing image size without losing too much quality is crucial for web optimization, faster load times, and saving bandwidth. In this tutorial, we'll walk you through creating a simple image size reducer website using Python with Flask for the backend and Pillow for image processing.

By the end, you'll have a web app where users can upload images and get a compressed version for download.

🧰 Tools & Technologies

Python 3.x
Flask – lightweight web framework
Pillow – Python Imaging Library (PIL Fork)
HTML/CSS – Frontend
Bootstrap – Optional for quick styling

📦 Step 1: Setup Your Environment

Create a folder for your project:

bashCopyEditmkdir image-resizer
cd image-resizer

Set up a virtual environment (optional but recommended):

bashCopyEditpython -m venv venv
source venv/bin/activate  # Windows: venv\Scripts\activate

Install required packages:

bashCopyEditpip install Flask Pillow

📁 Project Structure

arduinoCopyEditimage-resizer/
│
├── app.py
├── static/
│   └── uploads/
├── templates/
│   ├── index.html
│   └── result.html

🧠 Step 2: Create the Flask App (`app.py`)

pythonCopyEditfrom flask import Flask, render_template, request, send_from_directory
from PIL import Image
import os
import uuid

app = Flask(__name__)
UPLOAD_FOLDER = 'static/uploads'
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER

# Ensure upload directory exists
os.makedirs(UPLOAD_FOLDER, exist_ok=True)

@app.route('/', methods=['GET', 'POST'])
def index():
    if request.method == 'POST':
        image = request.files['image']
        quality = int(request.form.get('quality', 70))
        if image:
            filename = f"{uuid.uuid4().hex}.jpg"
            filepath = os.path.join(app.config['UPLOAD_FOLDER'], filename)

            # Open and compress the image
            img = Image.open(image)
            img = img.convert('RGB')  # Ensure it's JPEG-compatible
            img.save(filepath, optimize=True, quality=quality)

            return render_template('result.html', filename=filename)
    return render_template('index.html')

@app.route('/download/')
def download_file(filename):
    return send_from_directory(app.config['UPLOAD_FOLDER'], filename, as_attachment=True)

if __name__ == '__main__':
    app.run(debug=True)

🌐 Step 3: Create Frontend Templates

`templates/index.html`

htmlCopyEdit


  
  Image Size Reducer
  


  Reduce Your Image Size
  
    
      
    
    
      Quality (1-100):

`templates/result.html`

htmlCopyEdit


  
  Image Compressed
  


  Your Compressed Image
  
  

  Download Image
  


  Compress Another

🚀 Step 4: Run the App

Run the server:

bashCopyEditpython app.py

Open your browser and go to http://127.0.0.1:5000/.

✅ Features You Can Add

Drag-and-drop image upload
Resize by dimensions
Support for multiple file types
Upload progress bar
History of recent downloads

🎯 Conclusion

In just a few steps, we built a functioning image compressor web app using Python and Flask. With Pillow, image compression is quick and effective, and Flask makes web integration simple and elegant.

Want to make it production-ready? Deploy on Heroku, Render, or Railway with a few configuration tweaks.

Image size reducer website using python