Skip to content

safzanpirani/image-comparator

Repository files navigation

🖼️ Image Comparator: Your Web-Based Image & PDF Editing Toolkit

Image Comparator is a user-friendly, fully static, client-side web application designed to make image editing and PDF manipulation a breeze. It provides a handy set of tools for comparing, compressing, resizing, cropping, flipping, and rotating images, as well as merging and splitting PDFs. This means all processing happens directly in your browser – no server-side processing or data storage, ensuring your files remain private and secure.

Try it now: image.safzan.tech 🚀

Exciting News: The experimental AI chat features that were previously part of Image Comparator have evolved into their own fully-fledged web application! Check out the new AI chat experience at chat.safzan.tech 🎉

✨ Features

Image Comparator offers a suite of tools to meet your image and PDF manipulation needs:

Image Tools

  • Image Comparison: ↔️ Effortlessly compare multiple images side-by-side and download a combined version.
  • Image Compression: 🗜️ Reduce the file size of your JPG and PNG images.
  • Image Resizing: 📏 Resize images by specifying exact dimensions (width and height) or by a percentage scale.
  • Image Cropping: ✂️ Crop images precisely using various aspect ratio presets or by selecting a freeform area.
  • Image Flipping: 🔄 Flip images horizontally or vertically.
  • Image Rotation: ↩️ Rotate images by a specified angle or by 90-degree increments.
  • Image Color Adjustment: 🎨 Adjust brightness, contrast, saturation, and hue in your images.
  • Color Curves Adjustment: 📈 Fine-tune image colors using RGB and individual color channel curves.
  • Image Metadata Viewer/Editor: ℹ️ View and edit image metadata (EXIF data).
  • Instagram Carousel Creator: ✨ Create multi-image carousels for Instagram with custom aspect ratios and quality.

PDF Tools

  • Merge PDF: ➕ Combine multiple PDF files into a single document.
  • Split PDF: ➗ Split a PDF into multiple files based on page ranges or extract all pages as individual PDFs.
  • PDF to Word Converter: 📄 Convert PDF files to editable Word documents.
  • PDF to Text Converter: 📄 Extract text content from PDF files.

🚀 Getting Started

✅ Prerequisites

  • All you need is a modern web browser (such as Chrome, Firefox, Safari, or Edge).

🛠️ Usage

Using Image Comparator is simple:

  1. Choose Your Tool: Select the tool you need from the top navigation bar.
  2. Upload Your File(s): Use the file input to upload the image(s) or PDF(s) you want to edit.
  3. Tweak the Settings: Adjust settings like compression quality, dimensions, aspect ratio, etc., to your liking.
  4. Process Your File: Click the action button (e.g., "Compare," "Compress," "Resize," "Crop," "Flip," "Merge PDFs").
  5. Download & Enjoy: View your processed file and download it.

🙏 Acknowledgments

This project wouldn't be possible without the fantastic work of the developers behind these libraries:

  • Cropper.js - For the intuitive image cropping functionality.
  • exif-js - For enabling the extraction of EXIF metadata from images.
  • PDF-Lib - For providing PDF manipulation capabilities.
  • SortableJS - For the smooth drag-and-drop sorting of images.

🔜 Future Development

Here are some features that are being considered for future development:

  • Color Adjustment: 🎨 The color adjustment tool is a work in progress.
  • Batch Image Processing: 🗃️ The ability to process multiple images at once (e.g., compress, resize, or crop entire folders of images).

🤝 Contributing

If you have ideas for new features or improvements, feel free to open an issue or submit a pull request on the project's GitHub repository. Contributions are always welcome!