Image Format Converter

A simple web application that allows users to convert image formats (JPG, PNG, JPEG, SVG) directly in the browser.

Features

• Upload images from your device
• Preview the uploaded image
• Convert between JPG, JPEG, PNG, and SVG formats
• Download the converted image
• Responsive design using Bootstrap
• Client-side processing (no server required)

Demo

Click here...

Screenshots

Installation

1. Clone the repository:

git clone https://github.com/cusaldmsr/Online-Image-Format-Converter.git

2. Navigate to the project directory:

cd Online-Image-Format-Converter

3. Open index.html in a web browser directly, or serve it using a local server:
4. Then visit http://localhost:8000 in your browser.

Usage

1. Open the application in a web browser
2. Click "Choose File" to upload an image
3. Select the desired output format from the dropdown
4. Click "Convert Image"
5. Preview the converted image
6. Click "Download Converted Image" to save the result

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)
• Bootstrap 5
• HTML5 Canvas API

File Structure

image-format-converter/
│
├── index.html      # Main HTML file
├── styles.css      # Custom CSS styles
├── script.js       # JavaScript functionality
└── README.md       # This file

Notes

• The conversion is performed client-side using the HTML5 Canvas API
• SVG conversion is basic and embeds the raster image data (not true vector conversion)
• Works with common image formats (JPG, JPEG, PNG)
• Requires an internet connection to load Bootstrap CDN (initial load only)
• No external dependencies beyond Bootstrap

Limitations

• SVG conversion creates a wrapper around the original image rather than true vectorization
• Large images might affect performance due to client-side processing
• Browser compatibility depends on Canvas API support

Author

Kusal Damsara

Feel free to open an issue if you have any questions or suggestions!