ImageCompressorPro User Guide

Learn how to optimize, resize, and enhance your images with our powerful tools. All processing except high quality compressions happen in your browser - your images never leave your computer.

Quick Start

Get started with ImageCompressorPro in just a few simple steps:

1

Choose Your Tool

Select between Compressor Pro for reducing file sizes or Resizer Pro for cropping and resizing images.

2

Upload Your Images

Drag and drop your images onto the upload area or click to browse your files. Supported formats include JPG, PNG, WebP, AVIF, HEIF and TIFF.

3

Adjust Settings

Use the intuitive controls to customize compression, dimensions, quality, and output format.

4

Process & Download

Click the process button and download your optimized images individually or as a ZIP archive.

Tool Features

Compressor Pro
Resizer Pro
Enhancer Pro
Color Grader Pro
CollageForge Pro

Powerful Image Compression

Reduce file sizes without noticeable quality loss. Perfect for web optimization, email attachments, and storage savings.

Batch Processing

Process up to 5 images simultaneously with our efficient batch compression system.

Smart Quality Control

Adjust compression level with a simple slider (1-100) to find the perfect balance between quality and file size.

Format Conversion

Convert between JPG, PNG, WebP, AVIF, HEIF and TIFF formats with a single click.

Server-Side Processing

For larger files, our backend server handles the heavy lifting when available.

Before/After Comparison

Visual comparison of original and compressed versions with file size savings.

Bulk Download

Download all processed images as a single ZIP archive for convenience.

Step-by-Step Guide for Compressor Pro

1

Upload Images

Drag and drop your images onto the upload area or click "Browse Files". You can upload up to 5 images at once (max 15MB each batch).

Upload area
2

Select Image to Process

Click on any individual thumbnail in the left panel to select it for processing or do not select any for batch compression. The selected image will be highlighted.

Image selection
3

Adjust Settings

Use the controls panel to customize:

  • Dimensions: Set width/height in pixels (leave blank for original size)
  • Aspect Ratio: Maintain proportions when resizing
  • Quality: Adjust compression level (80% recommended)
  • Format: Choose output format (JPEG, PNG, WebP, etc.)
Compressor settings
4

Process Images

Click "Compress" to process the selected image or "Compress All" to batch process all uploaded images.

Compress button
5

Download Results

Download individual images or get all processed files in a ZIP archive. The interface shows file size savings for each image.

Download options

Precision Image Resizing & Cropping

Advanced client-side tool for cropping, resizing, and converting images with pixel-perfect accuracy.

Interactive Cropping

Drag to select crop areas with real-time preview. Adjust edges with precision handles.

Preset Aspect Ratios

Common ratios like 1:1 (square), 4:3, 16:9, and more with one click.

Rotation Tools

Rotate images 90° left or right with dedicated buttons.

EXIF Correction

Automatically corrects orientation from camera metadata.

High-Quality Resizing

Uses Pica.js for superior resizing quality with sharpening controls.

Client-Side Only

All processing happens in your browser - no images are uploaded to servers.

Step-by-Step Guide for Resizer Pro

1

Upload Images

Drag and drop your image(s) onto the upload area or click "Browse Files". You can process multiple images sequentially.

Upload zone
2

Select Image to Edit

Click on any thumbnail in the left panel to select it for editing. The selected image will be highlighted.

Image selection
3

Crop Your Image

Use the interactive crop tool:

  • Drag to create a selection area
  • Adjust edges by dragging the handles
  • Choose aspect ratio presets or freeform
  • Use rotation buttons to adjust orientation
Image cropping
4

Set Output Dimensions

Enter exact width/height in pixels or leave blank to keep proportions. The preview updates in real-time.

Set Output Dimensions
5

Adjust Quality & Format

Use the quality slider (1-100) and select your preferred output format (JPEG, PNG, WebP, etc.).

Quality settings
6

Apply Changes & Download

Click "Apply Changes" to process the image, then download individually or get all processed images in a ZIP file.

Download options

Professional Image Enhancement

Transform your images with advanced adjustments for brightness, contrast, saturation, sharpness, and more. Apply professional filters and presets with real-time preview.

Real-Time Comparison

Interactive slider to compare original and enhanced versions side by side.

Advanced Adjustments

Fine-tune brightness, contrast, saturation, sharpness, exposure, vibrance, and temperature.

Professional Filters

Apply effects like grayscale, sepia, vintage, noir, solarize, and more with adjustable intensity.

Creative Presets

One-click presets for vibrant, dramatic, warm, cool, cinematic, portrait, and other styles.

Transform Tools

Rotate, flip, and customize image orientation with precision controls.

Batch Processing

Enhance up to 10 images at once and download as a ZIP archive.

Step-by-Step Guide for Enhancer Pro

1

Upload Images

Drag and drop your images onto the upload area or click "Browse Files". You can upload up to 10 images at once (max 20MB each).

Upload Image
2

Select Image to Enhance

Click on any thumbnail in the left panel to select it for enhancement. The selected image will be highlighted.

Select Image
3

Choose View Mode

Use the view buttons to switch between comparison view (side-by-side), original only, or enhanced only.

Choose View  options
4

Adjust Enhancement Settings

Use the sliders in the Adjustments tab to fine-tune:

  • Brightness: Make image lighter or darker
  • Contrast: Increase or decrease difference between light and dark areas
  • Saturation: Adjust color intensity
  • Sharpness: Enhance image details
  • Exposure: Correct under or overexposed images
  • Vibrance: Smart saturation that protects skin tones
  • Temperature: Make colors warmer or cooler
Adjust Enhancement Settings
5

Apply Filters & Presets

Explore the Filters and Presets tabs for quick transformations:

  • Choose from artistic filters with adjustable intensity
  • Apply one-click presets for different styles and moods
  • Use the intensity slider to control preset strength
Apply Filters & Presets options
6

Transform if Needed

Use the Transform tab to rotate or flip your image as needed.

Transform options
7

Set Output Options

Choose your preferred format and quality setting, then click "Apply Enhancement".

Output Options
8

Download Results

Download individual enhanced images or get all processed files in a ZIP archive.

Download options

Pro Tips for Enhancer Pro

  • Use the Auto Enhance button for a quick professional adjustment
  • Try the comparison slider to see before/after results interactively
  • Adjust preset intensity to blend the effect subtly with your original image
  • Use Ctrl+Z and Ctrl+Y for undo/redo actions
  • Press Enter to quickly apply enhancements
  • Press Ctrl+S to quickly download image(s)
  • Use arrow keys to navigate between images in a batch

Professional Color Grading

Transform your images with advanced color grading tools. Adjust hues, saturation, and luminance with precision using our layer-based adjustment system.

Layer-Based Adjustments

Create multiple adjustment layers with different settings for precise control over your color grading.

Color Wheel Selection

Use the interactive color wheel to target specific hues and saturations for selective adjustments.

Channel-Specific Controls

Fine-tune individual color channels (RGB and CMY) for complete creative control.

Blending Modes

Apply adjustments using different blend modes (Normal, Multiply, Screen, Overlay) for professional results.

Before/After Comparison

Interactive slider to compare original and color graded versions side by side.

Preset Library

Apply one-click presets for different styles like Vibrant, Dramatic, Warm, Cool, Cinematic, and more.

Step-by-Step Guide for Color Grader Pro

1

Upload Images

Drag and drop your images onto the upload area or click "Browse Files". You can upload up to 10 images at once (max 20MB each).

Upload Image
2

Select Image to Edit

Click on any thumbnail in the left panel to select it for color grading. The selected image will be highlighted.

Select Image to Edit
3

Understand the Layer System

Color Grader Pro uses adjustment layers:

  • Base Layer: Global adjustments applied to the entire image
  • Adjustment Layers: Selective adjustments that can be reordered, toggled, and blended
  • Use the "Add Selective" button to create new adjustment layers
  • Drag layers to reorder them (top layers affect the result more)
  • Toggle visibility with the eye icon
Layer System
4

Use the Color Wheel

The color wheel lets you target specific colors for adjustment:

  • Drag the handle to select a hue and saturation range
  • Adjust the Color Range slider to control how wide the selection is
  • All adjustments will primarily affect the selected color range
Use the Color Wheel
5

Adjust Color Properties

Use the sliders to fine-tune:

  • Hue: Shift colors around the color wheel (-180° to +180°)
  • Saturation: Increase or decrease color intensity (-100% to +100%)
  • Luminance: Brighten or darken colors (-100% to +100%)
  • Color Range: Control how wide the affected color range is (1° to 180°)
Adjust Color Properties
6

Fine-Tune Color Channels

Use the individual channel sliders for precise control:

  • Adjust Red, Green, Blue channels separately
  • Fine-tune Cyan, Magenta, Yellow for complementary color control
  • Each slider ranges from -100% to +100%
Fine-Tune Color Channels
7

Adjust Blending Options

Control how each layer blends with the layers below:

  • Blend Mode: Choose between Normal, Multiply, Screen, and Overlay
  • Blend Amount: Control the intensity of the adjustment (0% to 100%)
Adjust Blending Options
8

Apply Presets

Use the color presets for quick transformations:

  • Choose from presets like Vibrant, Dramatic, Warm, Cool, Cinematic, etc.
  • Click "None" to reset all adjustments
  • Presets can be applied to any layer
Apply Presets
9

Compare Results

Use the view mode buttons to check your work:

  • Comparison: Side-by-side view with slider
  • Original: View only the original image
  • Enhanced: View only the color graded result
Compare Results
10

Set Output Options & Download

Choose your preferred format and quality setting, then click "Apply Enhancement". Download individual images or get all processed files in a ZIP archive.

Output Options & Download

Pro Tips for Color Grader Pro

  • Use multiple adjustment layers for different color ranges instead of trying to do everything in one layer
  • Start with the Base Layer for global adjustments before adding selective layers
  • Use the Color Range setting to precisely target specific colors without affecting others
  • Try different blend modes for creative effects (Multiply darkens, Screen lightens, Overlay enhances contrast)
  • Adjust blend amount to subtly mix adjustments
  • Use Ctrl+Z and Ctrl+Y for undo/redo actions
  • Press Enter to quickly apply enhancements
  • Press Ctrl+S to quickly download the image(s)
  • Use arrow keys to navigate between images in a batch
  • Delete layers you're not using by selecting them and pressing Delete or clicking the × button

Professional Photo Collage Maker

Create print-ready photo collages with precision layouts, AI background removal, and professional templates. Perfect for passport photos, ID cards, and custom print projects.

Print-Ready Templates

Pre-sized templates for A4, Letter, Passport, Square, and custom dimensions with accurate millimeter measurements.

AI Background Removal

Automatically remove backgrounds from images with AI-powered processing for clean, professional results.

Professional Size Presets

Standard photo sizes including passport (ISO & US), ID cards, and common print dimensions (4R, 5R, 6R, 8R).

CMYK Export

Professional CMYK TIFF export for commercial printing with accurate color reproduction.

Smart Auto-Arrangement

Intelligent grid layouts with content-aware sizing and multiple arrangement modes.

Precision Editing Tools

Crop, rotate, flip, resize, and customize backgrounds with pixel-perfect accuracy.

Step-by-Step Guide for CollageForge Pro

1

Choose Your Tool

Select between Compressor Pro for reducing file sizes, Resizer Pro for cropping and resizing images, or CollageForge Pro for creating print-ready photo collages.

2

Choose Your Template

Select from professional templates in the sidebar:

  • A4: Standard paper size (210×297mm)
  • Letter: US paper size (216×279mm)
  • Passport: ISO standard (35×45mm)
  • Square: Square format (200×200mm)
  • Custom: Set your own dimensions
Template selection
3

Upload Your Images

Add images to your project:

  • Drag and drop images onto the upload area
  • Or click "Browse Files" to select from your computer
  • Images appear as thumbnails in the sidebar library
Image upload
4

Add Images to Canvas

Click on any thumbnail in your library to add it to the canvas. The image will be placed with your selected size preset or a default size.

Add images to canvas
5

Select Image Size Preset

Choose from professional size presets:

  • Passport Photos: ISO (35×45mm) or US/India (51×51mm)
  • ID Cards: CR80 standard (86×54mm)
  • Photo Prints: 4R, 5R, 6R, 8R sizes
  • Square Prints: Small, medium, large squares
  • Custom: Set your own millimeter dimensions
Size presets
6

Arrange Images Automatically

Use the auto-arrange tool for perfect layouts:

  • Click the grid icon in canvas controls
  • Choose arrangement style: Smart Auto, Balanced, Uniform, Portrait, or Landscape
  • Select image fitting: Smart Fit, Fill, Fit, or Stretch
  • Click "Apply" to arrange all images
Auto arrangement
7

Edit Individual Images

Select any image on canvas to access editing tools:

  • Move: Click and drag to reposition
  • Resize: Drag corner handles or use properties panel
  • Rotate: Use rotate buttons or properties slider
  • Crop: Click crop button for precise cropping
  • Flip: Horizontal or vertical flipping
  • Opacity: Adjust transparency
Editing tools
8

Use AI Background Removal

Remove backgrounds automatically:

  • Select an image on the canvas
  • Click the magic wand (AI) button in canvas controls
  • Wait for processing (shows progress bar)
  • Background is automatically removed, keeping the main subject
AI background removal
9

Customize Image Backgrounds

Add backgrounds to individual images:

  • Select an image
  • In properties panel, choose background type: None, Solid Color, or Gradient
  • For solid: Pick a color
  • For gradient: Choose start/end colors and angle
  • Use "Remove Color Background" to clear
Background customization
10

Apply Grid Layouts

Create organized multi-image layouts:

  • Set number of rows and columns
  • Adjust spacing between images
  • Click "Apply Layout" to create grid
  • Uses your selected size preset for consistency
Grid layout
11

Export Your Collage

Choose from multiple export options:

  • PNG/JPEG: Standard web formats with quality control
  • CMYK TIFF: Professional print format with color conversion
  • Print: Direct printing with high-resolution optimization
  • Individual Images: Download selected images separately
Export options

Pro Tips for CollageForge Pro

  • Use arrow keys for precise 1-pixel movement of selected images
  • Hold Shift + arrow keys for 10-pixel movement increments
  • Press Delete or Backspace to remove selected images
  • Use Ctrl+D (Cmd+D on Mac) to duplicate selected images
  • Press Escape to deselect images
  • Use Ctrl+S to quickly download selected images
  • For passport photos, use the Passport (ISO) preset for international standards
  • Use CMYK export for professional printing to ensure color accuracy
  • Apply AI background removal before arranging for clean edges
  • Use custom templates for specific print dimensions

Frequently Asked Questions

What image formats are supported? +

Both tools support JPG, PNG, WebP, AVIF, HEIF and TIFF formats for input and output.

Is there a file size limit? +

Yes, individual files are limited to 15MB. For Compressor Pro, you can process up to 5 files at once.

Are my images uploaded to a server? +

Resizer Pro processes images entirely in your browser - nothing is uploaded. Compressor Pro may use server-side processing for larger files when available, but you'll be notified if this happens.

Why does my image appear rotated incorrectly? +

The tools automatically correct EXIF orientation data from cameras. If it's wrong, use the rotate buttons in Resizer Pro to adjust manually.

How do I maintain aspect ratio when resizing? +

In Compressor Pro, check "Maintain Aspect Ratio". In Resizer Pro, leave either width or height blank and it will calculate automatically based on the other dimension.

What's the difference between the two tools? +

Compressor Pro focuses on reducing file size while maintaining quality, ideal for web optimization. Resizer Pro offers precise cropping and resizing controls, perfect for preparing images for specific dimensions.

What quality setting should I use? +

For JPEGs, 80-90% provides excellent quality with good compression. For PNGs, quality affects compression level (higher = better compression). WebP typically looks great at 70-80%.

What's the difference between saturation and vibrance? +

Saturation increases the intensity of all colors equally, while vibrance is a smart adjustment that primarily boosts muted colors while protecting skin tones and already saturated areas.

Can I save my custom enhancement settings? +

Currently, custom settings aren't saved between sessions, but you can use the undo/redo history (Ctrl+Z/Ctrl+Y) during your editing session. We're working on custom preset saving for future updates.

Why does my image look different after enhancement? +

Different devices and browsers may display colors slightly differently. For consistent results, we recommend calibrating your monitor and checking the enhanced image on multiple devices if color accuracy is critical.

What's the difference between Color Grader Pro and Enhancer Pro? +

Enhancer Pro focuses on overall image enhancements like brightness, contrast, and filters. Color Grader Pro provides advanced, precise color adjustments with layer-based controls, targeted color selection, and professional grading tools similar to those used in video and photo editing software.

How do adjustment layers work? +

Adjustment layers allow you to make non-destructive color changes. Each layer can have its own settings and affects the layers below it. You can reorder layers, adjust their opacity (blend amount), use different blend modes, and toggle visibility. The base layer is always applied first, followed by adjustment layers from bottom to top.

Can I save my custom color grading presets? +

Currently, custom presets aren't saved between sessions, but you can use the undo/redo history (Ctrl+Z/Ctrl+Y) during your editing session. We're working on custom preset saving for future updates.

Why should I use multiple adjustment layers? +

Using multiple layers allows you to isolate different adjustments. For example, you might have one layer to adjust skin tones, another to enhance skies, and a third to add overall color correction. This approach gives you more control and flexibility than trying to do everything with a single set of adjustments.

What's the difference between CollageForge Pro and other tools? +

CollageForge Pro is specifically designed for print-ready photo collages with precise millimeter measurements, professional size presets, AI background removal, and CMYK export capabilities. It's optimized for passport photos, ID cards, and professional printing rather than casual social media collages.

When should I use CMYK export vs regular PNG/JPEG? +

Use CMYK export when sending files to professional printers or print shops, as CMYK is the standard color model for commercial printing. Use PNG/JPEG for web use, personal printing, or when color accuracy isn't critical. CMYK ensures colors will print correctly on professional equipment.

Can I create passport photos with CollageForge Pro? +

Yes! CollageForge Pro is perfect for passport photos. Use the Passport (ISO) preset for international standards (35×45mm) or Passport (IN/US) for India and US requirements (51×51mm). The auto-arrange feature can create multiple passport photos on a single sheet for printing.

Why does my collage look different when printed? +

Screen colors (RGB) often differ from printed colors (CMYK). For accurate results, use the CMYK export option and ensure your monitor is calibrated. Also verify that you're using the correct template size for your paper and that images have sufficient resolution (300 DPI recommended for print).

Troubleshooting

Image won't load

Try a different image file or check the format (must be JPG, PNG, WebP, AVIF, HEIF or TIFF).

Controls aren't working

Refresh the page and try again. Make sure JavaScript is enabled in your browser.

Download button not working

Check if your browser is blocking pop-ups for the site. Try a different browser if issues persist.

Processing is very slow

Try with a smaller image or reduce the output quality. Very large images may take longer to process.

Quality looks poor

Increase the quality setting and avoid extreme resizing (don't make images much larger than original).

Unexpected color changes

Some formats (like PNG) support transparency which may be lost when converting to JPEG. Try PNG or WebP if colors look wrong.

Contact & Support

Need further assistance? Here's how to reach us:

Email Support

Contact us at Contact Us page for direct assistance.

Feedback

We welcome your suggestions for improving our tools. Use the contact form on our website.

Bug Reports

Found an issue? Please include browser version and steps to reproduce when reporting.

Feature Requests

Let us know what features you'd like to see in future updates!