Mergio
Home PDF 17 Image 22 Video 23 Text 2 Audio 8 Converters 28 Utility 10
Home Image Bench

Image Bench

22 tools for getting a photo exactly the way you need it.

From a quick compress before you email a photo, to a precise pixel resize for a web upload, to stamping a batch of images with a watermark the Image Bench is a full editing bench for JPG, PNG and WebP files. Every tool runs on the Canvas API already built into your browser, so nothing ever leaves your tab.

22 toolsJPG · PNG · WebPBulk processing

Precise control

Resize to exact pixel dimensions with aspect lock, or crop to a preset ratio | square, 4:3, 16:9, or free.

Batch friendly

The Bulk Compressor shrinks a whole folder of images in one pass and zips the results for you.

Format flexible

Convert freely between JPG, PNG and WebP, or turn a set of photos into one clean PDF.

Tools in this bench

22 tools · click any card to open it

Compress Image

Reduce file size with an adjustable quality slider.

Open bench

Resize Image

Set exact pixel dimensions, with aspect lock.

Open bench

Crop Image

Trim to a preset ratio square, 4:3, 16:9, or free.

Open bench

Convert Format

Switch between JPG, PNG and WebP.

Open bench

Rotate & Flip

Turn or mirror an image in one click.

Open bench

Watermark

Stamp your images with custom text.

Open bench

Image to PDF

Same engine as JPG to PDF | quick shortcut here too.

Open bench

Bulk Compressor

Compress a whole folder of images at once, zipped.

Open bench

Remove Background

Remove light backgrounds from images.

Open bench

Blur Image

Apply a Gaussian blur filter.

Open bench

Sharpen Image

Enhance edge contrast.

Open bench

Grayscale Image

Convert to black and white.

Open bench

Pixelate Image

Apply a retro pixelated effect.

Open bench

Add Border

Draw a customizable border.

Open bench

Round Corners

Round the image corners.

Open bench

Collage Maker

Combine multiple images.

Open bench

Meme Generator

Add classic text to your image.

Open bench

Favicon Generator

Pack favicons into a ZIP.

Open bench

EXIF Viewer

Extract EXIF metadata.

Open bench

Remove Metadata

Strip EXIF metadata.

Open bench

Extract Colors

Get dominant palette colors.

Open bench

SVG Converter

Render SVG to image or wrap in SVG.

Open bench
🔒 100% browser-based · No uploads · No sign-up · No watermarks

Image Tools Guide

Compress Image — Reduce Photo File Size Without Quality Loss

High-resolution photos from modern smartphones and cameras often weigh 5 to 20 megabytes, making them too heavy for email attachments, web publishing, or mobile sharing. Mergio's Image Compressor re-encodes JPG, PNG, and WebP images directly on an off-screen HTML5 Canvas, fine-tuning DCT coefficients and chroma subsampling to eliminate redundant bytes while keeping the visual fidelity crisp and sharp.

How to compress images

  1. Click Compress Image to open the workspace.
  2. Drop your image into the upload area or click to select from your device.
  3. Adjust the quality slider (70%–80% is the sweet spot for web publishing).
  4. Click Run and download your optimized image instantly.
Will compressing an image change its dimensions?

No. Compression adjusts the pixel data encoding efficiency without altering the width or height in pixels. If you need to shrink the physical dimensions, use the Resize Image tool.

Which format compresses best?

JPG and WebP yield the highest compression ratios for photographs. PNG is lossless and best suited for illustrations, diagrams, and graphics with sharp edges.

Pro Tip: For batch processing a whole folder of graphics at once, use the Bulk Compressor tool.

Resize Image — Scale Pixel Width and Height with Aspect Lock

Whether you need an exact 1200×630 banner for social media link previews, a 500px product thumbnail for an online store, or an optimized avatar for a profile picture, resizing alters physical image dimensions seamlessly. The tool recalculates pixel matrices via bicubic canvas interpolation, preserving sharp text and clean lines without distortion.

How to resize an image

  1. Select the Resize Image tool from the grid.
  2. Upload the image you wish to scale.
  3. Set your target width in pixels (proportional height is maintained automatically).
  4. Click Run to generate and download the resized graphic.
Does enlarging an image make it blurry?

Scaling up beyond an image's native resolution requires pixel interpolation. While the canvas smoothing algorithm reduces jaggedness, starting with high-resolution source files always yields the sharpest output.

Can I scale by percentage instead of pixels?

The slider allows granular pixel control. To achieve a 50% scale, take half of your original pixel width displayed in the workspace file card.

Crop Image — Cut to 1:1, 4:3, 16:9, or Custom Aspect Ratios

Cropping reframes your visual content to highlight key subjects, remove unwanted background clutter, or match standardized display formats like square Instagram posts or 16:9 YouTube thumbnails. The tool extracts a precise bounding box from the canvas and re-renders the selected area without recompression degradation.

How to crop an image

  1. Open the Crop Image tool and drop in your picture.
  2. Select a preset aspect ratio (1:1 Square, 4:3 Standard, 16:9 Widescreen, 3:4 Portrait).
  3. Choose your focal anchor (Center, Top, Bottom, Left, or Right).
  4. Hit Run to export the tightly framed output.
Is original pixel data permanently lost when cropping?

The cropped download contains only the selected region, but your original source file on your computer remains completely untouched.

What anchor setting should I use for portraits?

Use the Top anchor when cropping vertical portraits to keep faces centered and prevent heads from being trimmed off.

Convert Image Format — Switch Seamlessly Between JPG, PNG, and WebP

Different platforms demand different file types: PNG for transparent UI icons, JPG for broad cross-platform compatibility, and WebP for next-generation lightweight web performance. This tool translates image bitmaps instantly between formats using native browser image decoders and canvas encoders.

How to convert image format

  1. Click Convert Format and load your source file.
  2. Select your target destination format (JPG, PNG, or WebP).
  3. Click Run to trigger immediate client-side transcoding.
  4. Download your newly formatted image file.
Will converting PNG to JPG preserve transparency?

JPG does not support alpha transparency channels. Transparent pixels are automatically filled with a clean white background during conversion.

Why choose WebP over JPG?

WebP offers approximately 25%–35% smaller file sizes than JPEG at equivalent visual quality, speeding up webpage load times significantly.

Rotate & Flip Image — Turn 90°, 180°, 270° or Mirror Horizontally

Incorrect EXIF orientation flags frequently cause smartphone photos to display sideways or inverted when uploaded to certain websites. The Rotate & Flip utility allows you to permanently set the correct angle or mirror the canvas across horizontal and vertical axes with zero quality degradation.

How to rotate and flip

  1. Drop your image into the Rotate & Flip bench.
  2. Pick your rotation angle (0°, 90° clockwise, 180°, or 270°).
  3. Optionally choose a mirror flip direction (Horizontal or Vertical).
  4. Click Run to export the properly oriented photo.
Does rotation recompress or blur the image?

No, orthogonal rotations (90°, 180°, 270°) remap pixel coordinates directly on the canvas without geometric interpolation.

How do I mirror a selfie that appears backwards?

Select Horizontal flip to produce a true mirror reflection of your selfie photo.

Watermark Image — Add Copyright Text & Brand Stamps

Protecting intellectual property before sharing creative portfolios, real estate photography, or digital artwork online is critical. Mergio's Watermark tool stamps custom typography, copyright notices (©), and ownership badges directly onto image pixels with customizable positioning and opacity.

How to watermark images

  1. Open Watermark and upload your graphic.
  2. Type your custom watermark text (e.g., "© 2026 Studio Name").
  3. Select the corner position (Bottom Right, Bottom Left, Top Right, Top Left, or Center).
  4. Adjust the opacity slider to blend the stamp subtly into the artwork.
  5. Click Run and save your watermarked export.
Can watermarks be easily erased by viewers?

Because the watermark is rasterized directly into the image's pixel grid upon export, it cannot be toggled off or hidden as a separate layer.

What opacity works best for subtle protection?

An opacity level of 30%–50% provides clear legal notice without obscuring key subject matter in your photo.

Image to PDF — Convert Photos and Scans into PDF Documents

When compiling receipts, handwritten notes, ID card scans, or artwork for formal submissions, bundling images into a standardized PDF is essential. This tool embeds JPG and PNG images onto clean PDF pages using PDF-lib, maintaining full resolution for easy printing and document archiving.

How to convert images to PDF

  1. Select Image to PDF and drag in one or multiple photos.
  2. Click Run to wrap each picture into a formatted PDF document.
  3. Download the consolidated PDF ready for distribution or archiving.
Can I combine multiple images into a single multi-page PDF?

Yes! Upload multiple images simultaneously and the engine will compile them into sequential pages within one PDF.

Are image colors altered during PDF generation?

No, full RGB color profiles are preserved during the PDF-lib embedding process.

Bulk Compressor — Batch Optimize Folders of Images into a ZIP

Manually compressing dozens of event photos, product catalog pictures, or web assets one-by-one is tedious. The Bulk Compressor iterates through an entire batch of JPG, PNG, and WebP files in memory, applies your desired compression quality, and bundles the results into a single organized ZIP archive.

How to bulk compress images

  1. Open the Bulk Compressor tool.
  2. Select multiple images or drag a full batch into the dropzone.
  3. Configure your target compression quality slider.
  4. Click Run and download the completed ZIP package.
How many files can I compress in one batch?

You can comfortably process 30 to 100 images depending on your computer's RAM. All compression occurs in-memory via client-side workers.

Do original filenames stay the same?

Yes, each compressed file inside the ZIP retains its original filename for seamless asset replacement.

Remove Background — Erase Solid and Light Backdrops

Creating clean transparent product cutouts for e-commerce listings, marketing banners, or profile avatars requires removing distracting backgrounds. This tool analyzes pixel luminance and chromatic distance on the HTML5 Canvas, setting light or uniform background pixels to zero alpha transparency.

How to remove background

  1. Drop your image into the Remove Background workspace.
  2. Adjust the tolerance slider (higher values remove a broader range of off-white shades).
  3. Click Run to strip the background.
  4. Download your transparent PNG graphic.
Why is the output saved as PNG?

PNG supports 8-bit alpha transparency channels, which are required to display transparent cutouts over varied backgrounds.

What type of images yield the best cutout results?

Photos taken against solid white, gray, or high-contrast backdrops yield the crispest edge segmentation.

Blur Image — Apply Smooth Gaussian Softening

Softening background details, creating artistic bokeh effects, or obscuring sensitive personal information like license plates and faces is simple with the Blur Image tool. It applies a multi-pass 2D box/Gaussian convolution kernel across canvas pixels, producing smooth, feathered diffusion.

How to blur an image

  1. Upload your graphic to the Blur Image tool.
  2. Use the blur radius slider (1px for subtle softening up to 50px for heavy diffusion).
  3. Click Run to compute the convolution pass.
  4. Download your softened visual.
Can a blurred image be un-blurred by another tool?

No. Gaussian blurring averages neighboring pixel values irreversibly, destroying high-frequency edge information permanently.

What radius is recommended for website hero backgrounds?

A radius of 15px–25px softens background imagery enough to make foreground text easily readable while maintaining pleasant color atmosphere.

Sharpen Image — Enhance Edge Contrast and Clarity

Slightly out-of-focus captures or images softened by heavy compression benefit greatly from edge enhancement. The Sharpen tool runs a 3×3 Laplacian convolution matrix over image pixel neighborhoods, boosting local contrast along high-frequency borders to bring out fine textures and crisp contours.

How to sharpen an image

  1. Select Sharpen Image and drop in your picture.
  2. Click Run to apply the spatial high-pass filter.
  3. Download the enhanced, crisper photo immediately.
Will sharpening introduce visual noise?

The balanced 3×3 kernel enhances authentic edges without exaggerating smooth gradients or low-level sensor noise.

Can I run sharpening multiple times?

Yes, running a second pass can provide additional crispness for soft scans, though excessive passes may create visible halos.

Grayscale Image — Convert Color Photos to Black & White

Converting color imagery into timeless monochrome art or preparing documents for high-contrast grayscale printing is effortless. This tool computes standard ITU-R BT.709 perceived luminance weights (0.2126R + 0.7152G + 0.0722B) for every pixel, ensuring natural tonal depth across shadows and highlights.

How to convert to grayscale

  1. Open the Grayscale Image tool.
  2. Load your color photo into the bench.
  3. Click Run to calculate the luminance conversion.
  4. Download your black-and-white graphic.
Is file size reduced when converting to grayscale?

Because redundant color channel variations are equalized, saving as PNG or compressed JPG often results in smaller file sizes.

Does this match professional B&W photo lab conversions?

Yes, standard luminance weighting mimics panchromatic film sensitivity for realistic tonal transitions.

Pixelate Image — Create Retro Pixel Art or Censor Details

Whether you are designing nostalgic 8-bit style pixel art or obscuring confidential numbers, passwords, and faces in screenshots, pixelation divides the image into discrete block grids and fills each cell with the average local color value.

How to pixelate an image

  1. Select the Pixelate Image tool.
  2. Upload your screenshot or photo.
  3. Adjust the pixel block size slider (2px to 50px).
  4. Click Run and save the stylized output.
What block size works best for censorship?

A block size of 15px–25px completely obscures readable text and recognizable facial features.

Can pixelated text be reversed or deciphered?

Pixel averaging merges multiple characters into single solid color blocks, making reconstruction virtually impossible.

Add Border — Frame Photos with Custom Colors & Widths

Adding clean framing around illustrations, screenshots, and social posts provides visual contrast and prevents white graphics from bleeding into light webpage backgrounds. This tool expands canvas boundaries and paints a solid border in your chosen color and pixel thickness.

How to add a border

  1. Open Add Border and drop in your picture.
  2. Specify your desired border width in pixels (1px to 100px).
  3. Enter a hex color code (such as #000000 for black or #FFFFFF for white).
  4. Click Run to generate and download the framed image.
Does the border crop into the original image?

No, the canvas expands outwardly by the border width, keeping 100% of your original image intact.

Can I use transparent or colored borders?

Any valid hexadecimal color code can be used to match your brand palette perfectly.

Round Corners — Create Modern Curved Edge Graphics

Soft, rounded corners lend a polished, modern aesthetic to UI mockups, avatar profile badges, and presentation slides. This tool draws a smooth quadratic arc clipping mask on the canvas and clears external corner pixels to alpha transparency.

How to round image corners

  1. Load your photo into the Round Corners workspace.
  2. Adjust the corner radius slider (1px up to half image width for a circular pill).
  3. Click Run to clip the canvas corners.
  4. Download your transparent PNG graphic.
How do I make a perfectly circular avatar?

First crop your image to a 1:1 square with the Crop Image tool, then set the corner radius slider to half of your width.

Will rounded corners show white boxes on dark websites?

Because the output is saved as a transparent PNG, the corners blend seamlessly into any background color.

Collage Maker — Combine Multiple Photos into a Grid

Showcasing before-and-after comparisons, photo collections, or mood boards in a single unified image is simple with Collage Maker. The engine calculates an optimal multi-column canvas layout, fits all selected pictures proportionally, and exports a clean combined composition.

How to make an image collage

  1. Select the Collage Maker tool.
  2. Upload 2 or more photos simultaneously.
  3. Click Run to construct the balanced grid layout.
  4. Save your consolidated collage picture.
What is the maximum number of photos for a collage?

You can combine 2 to 12 images in a single layout. The grid automatically organizes rows and columns based on item count.

Do photos need to have identical aspect ratios?

The collage engine centers and scales varying aspect ratios cleanly to maintain grid symmetry.

Meme Generator — Add Classic Impact Headers & Captions

Create viral social media memes with bold, legible typography stamped over your photos. The generator renders classic white Impact font text with heavy black outlines (stroke) across top and bottom zones, ensuring high readability over any photographic background.

How to generate a meme

  1. Open the Meme Generator and upload a base picture.
  2. Type your top caption into the header input field.
  3. Type your bottom punchline into the footer input field.
  4. Click Run to render typography and export your meme.
What font is used for the meme captions?

The tool uses classic bold Impact / sans-serif lettering with a high-contrast black border for authentic meme styling.

Can I leave one of the text fields empty?

Yes, you can specify only top text, only bottom text, or both depending on your caption layout.

Favicon Generator — Build Multi-Size Browser Icon Packages

Website browsers, mobile bookmarks, and desktop shortcuts require icons rendered across multiple standard dimensions. Mergio's Favicon Generator takes your logo or square graphic and generates 16×16, 32×32, 48×48, and 64×64 pixel PNG icons packaged inside a convenient ZIP archive.

How to generate favicons

  1. Select the Favicon Generator tool.
  2. Upload your high-resolution square brand icon or logo.
  3. Click Run to downscale and package the icons.
  4. Download and unzip your complete favicon asset suite.
What size source image should I upload?

A square PNG logo of 512×512 pixels with a transparent background produces the cleanest downscaled favicons.

Which favicon size is used for browser tabs?

Desktop browsers typically display 16×16 or 32×32 pixel icons in browser tabs and bookmarks.

EXIF Viewer — Inspect Camera Settings and Metadata

Digital camera and smartphone image files contain rich Exchangeable Image File (EXIF) data including camera models, exposure settings, shutter speeds, ISO values, focal lengths, timestamps, and GPS coordinates. This inspector extracts and organizes header tags into a readable text summary.

How to view EXIF metadata

  1. Open the EXIF Viewer tool.
  2. Upload any JPG photo directly from your camera or phone.
  3. Click Run to parse the binary metadata headers.
  4. Download and read the formatted metadata report.
Why do some edited web photos show no EXIF data?

Many social media platforms and photo editors automatically strip metadata upon upload to conserve bandwidth and protect user privacy.

Can I view GPS coordinates stored in phone photos?

If your camera had location tagging enabled at the moment of capture, the latitude and longitude tags will be displayed in the report.

Remove Metadata — Strip EXIF & Geolocation for Privacy

Sharing photos taken at home or work can inadvertently broadcast exact GPS coordinates, camera serial numbers, and personal timestamps to strangers. The Remove Metadata utility draws the image onto a pristine canvas and re-exports a fresh raster without any embedded EXIF or tracking tags.

How to strip image metadata

  1. Drop your photo into the Remove Metadata workspace.
  2. Click Run to create a sanitized image copy.
  3. Download your privacy-safe photo ready for online publishing.
Does stripping metadata affect the visual quality of the photo?

No, the visible pixel information remains identical; only invisible header tags and tracking metadata are removed.

How can I verify the metadata was completely removed?

Upload your sanitized output file back into the EXIF Viewer to confirm no tags remain.

Extract Colors — Sample Dominant Palette & HEX Codes

Designing color schemes inspired by nature photography, branding artwork, or illustrations is effortless with color extraction. The tool scans image pixel color distributions, groups chromatic clusters, and outputs a downloadable palette of dominant hexadecimal (#HEX) color codes.

How to extract image colors

  1. Upload your picture to the Extract Colors bench.
  2. Click Run to analyze pixel color frequency.
  3. Download the palette report containing dominant HEX color codes.
How many dominant colors are identified?

The algorithm samples the top 6 dominant chromatic tones across shadows, midtones, and highlights.

How do I use HEX codes in web design?

You can paste the 6-character hex strings directly into CSS stylesheets, Figma palettes, or Photoshop color pickers.

SVG Converter — Transcode Vector Graphics to Raster PNG

While Scalable Vector Graphics (SVG) scale infinitely on the web, many desktop programs, social platforms, and document editors require standard raster formats like PNG. This tool renders SVG XML markup at crisp 2× resolution onto the HTML5 Canvas for instant conversion.

How to convert SVG

  1. Open the SVG Converter tool and upload an SVG file.
  2. Click Run to rasterize vector paths at high DPI.
  3. Download the universally compatible PNG image.
Will the converted PNG support transparent backgrounds?

Yes, transparent SVG vector layers retain full transparency in the resulting PNG export.

Why is the output rendered at 2× scale?

Rendering at 2× supersampling ensures razor-sharp curves and text on modern high-DPI Retina displays.