Online Toolbox

Search intent hub

Image Optimization Tools

Compress, resize, and prepare image assets locally before publishing or sharing.

Quick tasks

7 tools
Compress imagesCompare original size, result size, and saved percentage.Open
Watermark batchesResize several images and add one text watermark.Open
Merge photosCreate a comparison collage from several images.Open
Split gridsCut one image into rows, columns, or Instagram 3x3 tiles.Open
Resize imagesSet width, height, and fit mode before export.Open
Optimize SVGClean SVG markup for smaller web assets.Open
Create faviconsPrepare browser icon sizes from one source image.Open

Tools

Image OptimizerCompress, resize, and convert local images to WebP in the browser.
Purpose
Image Optimizer compresses, resizes, and converts local images while showing before-and-after file size differences.
Example
Select a JPG and run WebP compression to review estimated savings, preview, and download output.
Processing
Selected image files are processed with browser Canvas and image APIs without server upload.
Open
Image Watermark / Batch ResizeResize multiple local images and apply one text watermark in the browser.
Purpose
Resize multiple local images and apply one text watermark in the browser.
Example
Five product photos, 1080x1350, ONLINETOOL watermark -> A ZIP of resized PNG files with the text watermark applied.
Processing
Local file processing
Open
Photo Merger / Comparison CollageMerge multiple local images into a comparison canvas or collage.
Purpose
Merge multiple local images into a comparison canvas or collage.
Example
before.png + after.png, horizontal layout, 12px gap -> photo-merger-collage.jpg
Processing
Local file processing
Open
Image Splitter / Instagram 3x3 GridSplit one local image into rows, columns, or Instagram 3x3 tiles.
Purpose
Split one local image into rows, columns, or Instagram 3x3 tiles.
Example
poster.png, Instagram 3x3 preset -> poster-instagram-3x3-tiles.zip
Processing
Local file processing
Open
Image ResizerResize selected local images with browser Canvas APIs.
Purpose
Image Resizer changes local image width and height and downloads the resized result.
Example
Resize a 1200px-wide image to 800px while preserving aspect ratio and downloading the result.
Processing
Original images are read and resized with browser Canvas APIs without uploading the files.
Open
SVG OptimizerRemove unsafe SVG script and event-handler content before reuse.
Purpose
Remove unsafe SVG script and event-handler content before reuse.
Example
Sample input -> Review the result in the browser.
Processing
Local sensitive input
Open
Favicon GeneratorPrepare common favicon sizes and HTML snippets from a source image.
Purpose
Prepare common favicon sizes and HTML snippets from a source image.
Example
Sample input -> Review the result in the browser.
Processing
Local file processing
Open

Workflow

  1. 1Start with compression when file size is the main issue.
  2. 2Use watermark, merge, or split tools when the image layout itself needs to change.
  3. 3Resize before export when layout dimensions are fixed.
  4. 4Use SVG or favicon tools for web asset cleanup.

Tips

  • Compare before and after size before downloading.
  • For social uploads, decide crop, watermark, and split order before final compression.
  • Choose quality and format based on where the image will be used.

FAQ

Are images uploaded to a server?
No. The supported image tools keep processing local to the browser.
Which tool should I open first?
Open Image Optimizer for file-size reduction, and Image Resizer when dimensions are the main requirement.
JSON and Data ToolsFormat, validate, and convert structured data in your browser without uploading raw text.Open
Random ToolsPick names, numbers, and checklist-style results without sending your list anywhere.Open