Favorite places of your favorite city
Home
Add to preferred sources on Google

Photo Collage Maker

Build a grid collage from local photos. Reorder them, choose how each photo fits its cell, set output pixels and spacing, then generate a PNG or JPEG file.

Arrange local photos in a grid and download a PNG or JPEG.

Photos and layout

Drag and drop photos here, or choose files.

Add 2–12 supported JPEG or PNG photos, up to 12 MiB each.

Layout

64–4096 px per side; at most 12 million pixels total.

64–4096 px per side; at most 12 million pixels total.

0–256 px.

0–256 px.

Use a six-digit hexadecimal color.

A browser encoder hint, not a size guarantee.

Collage preview and download

Add at least two photos.

Photos are processed in your browser. No project or photo is uploaded by this tool.

Arrange and download your collage

  1. Add 2–12 supported JPEG or PNG photos. The ordered list shows accepted photos and reports rejected files. Move a photo earlier or later, replace it or remove it.
  2. Set width, height, columns, gap and outer margin. Select each photo to choose cover or contain and its horizontal and vertical position. Rows follow the photo count and column setting.
  3. Choose PNG or JPEG, check the reduced preview and generate the collage. Download becomes available after the generated file passes format and dimension checks. Changing photos or settings retires the old download.

Grid cells, crops and backgrounds

Photos fill the grid in list order from left to right, then top to bottom. Every photo appears once. Empty cells at the end keep the background; the last row is not stretched.

Cover fills a cell and crops any excess. Contain retains the whole photo and can leave background bars. Horizontal and vertical position choose which part stays in a cover crop or where a contained photo sits inside its cell.

The outer margin surrounds the grid and gaps separate cells. Remaining integer pixels go to the first columns or rows, so equal cells can differ by one pixel without losing the requested output size.

Transparent PNG leaves uncovered areas transparent. Opaque PNG and JPEG use the selected background color. A checkerboard in the interface illustrates transparency and is not saved into the image.

Layout and fit examples

Five photos at 1007 by 673 pixels with three columns, a 13-pixel margin and 7-pixel gaps create two rows. Column widths are 323, 322 and 322 pixels; both row heights are 320 pixels. One trailing cell stays background.

A 1200 by 800 photo covering a 323 by 320 cell uses an 807.5 by 800 source crop. At 75% horizontal position the crop starts 294.375 source pixels from the left; the vertical axis has no excess to move.

An 800 by 400 photo contained in that cell draws at 323 by 161.5 pixels. At 25% vertical position it leaves 39.625 pixels above and 118.875 below. The full photo remains visible.

Supported files and export limits

Use static supported JPEG or PNG, up to 12 MiB and 16 million pixels per photo, with an 8192-pixel axis limit. Accepted photos together are limited to 48 MiB and 64 million pixels. GIF, WebP, APNG, HEIC, SVG and HDR inputs are outside this tool.

Color admission is restricted to unprofiled sRGB assumptions and the declared SDR sRGB or Display P3 profile subset. Unsupported or conflicting color metadata is rejected. Export targets 8-bit sRGB; wide-gamut colors can change and source profiles, Exif and DPI are not preserved.

Output axes are 64–4096 pixels, with at most 12 million pixels and a 64 MiB file limit. Browser decoding, memory or encoding can still fail inside those limits. The reduced preview uses thumbnails; export uses originals.

JPEG is lossy and always opaque. Its quality setting is a browser encoder hint, not an exact size promise. This grid tool has no freeform placement, text, stickers, remote images, filters or saved project history.

Local photos without saved projects

The tool processes selected photos in the browser and adds no photo upload, saved history, input-bearing link or photo telemetry. Clear or leave the page to release its resources. A language change on the mounted page retains your work; a new document starts empty. Existing site services and extensions are outside a universal privacy promise.

Photo collage questions

Cover fills the entire cell and crops excess source area. Contain keeps the entire photo visible and may expose background bars. Position controls the crop or placement within the available excess space.

No. Every accepted photo is placed once in list order. Rows are calculated from the photo count and columns. Unused trailing cells remain background rather than stretching the last row.

They are the saved file's pixel dimensions. The interface uses a smaller preview and can resize its display to fit the card. That display size does not change the output pixels.

Yes, for PNG. Gaps, margins, empty cells and contain bars can stay transparent. JPEG always uses the selected opaque background; its inactive PNG transparency choice is retained for switching back.

No. It is a native encoder hint. Browser behavior and photo content affect compression and size. PNG ignores that setting, and both formats still need to pass the output checks.

The tool checks actual bytes, dimensions and supported structure, color and metadata. Renaming another format does not convert it. Animated, HDR, malformed or unsupported-profile images are rejected rather than silently interpreted as preserved.

A successful replacement keeps its position in the list but resets its fit and position to centered cover. If admission fails, the old photo and its settings remain. Moving a photo retains its settings.

The tool adds no upload or project storage. Download saves only the generated raster when you choose it. Clear or a new document removes the working collage; existing site services and extensions remain outside this limited promise.

Sources

These references describe the underlying formats and browser APIs. This tool accepts a narrower set of images.

Reviewed 13 November 2026; specifications do not certify browser behavior.

SVG to PNG

Convert a local SVG file or pasted markup into PNG, with explicit dimensions, transparency and bundled fonts.

Open tool — SVG to PNG

CSS Filter Generator

Order and repeat CSS effects, compare a specimen and copy the exact filter declaration.

Open tool — CSS Filter Generator

Fluid Font Size Calculator

Create root-relative CSS from viewport endpoints and inspect the copied size model.

Open tool — Fluid Font Size Calculator

CSS Button Generator

Style native button states, inspect keyboard focus and copy HTML and CSS.

Open tool — CSS Button Generator

CSS Border Radius Generator

Edit eight corner radii, preview a box and copy CSS in pixels or percentages.

Open tool — CSS Border Radius Generator

CSS Grid Generator

Build a bounded CSS Grid example with editable tracks, placement and named areas. Preview it, copy CSS or HTML and download the same standalone example.

Open tool — CSS Grid Generator

CSS Flexbox Generator

Build a Flexbox example with container and item controls, explicit layout axes, matching CSS and HTML, and a local complete-example download.

Open tool — CSS Flexbox Generator

CSS Text Shadow Generator

Build ordered text shadows, preview plain text and copy exact CSS.

Open tool — CSS Text Shadow Generator

CSS Transform Generator

Compose repeatable 2D CSS transforms, edit px or percentage translation and origin, inspect a reference box and copy the exact current declarations.

Open tool — CSS Transform Generator

CSS Box Shadow Generator

Create ordered CSS box-shadow layers with a live preview and copyable code.

Open tool — CSS Box Shadow Generator

Image Watermark

Add a text or logo watermark to a batch of images, review each result and download individual files or a ZIP.

Open tool — Image Watermark

CSS Gradient Generator

Create linear or radial CSS gradients with editable colors, opacity and stops.

Open tool — CSS Gradient Generator

Color Converter

Convert supported sRGB HEX, RGB and HSL literals with alpha, explicit precision and current code Copy.

Open tool — Color Converter

Image to Text (OCR)

Recognize printed text in local PNG or JPEG images, choose a language and review or correct the result before copying or downloading.

Open tool — Image to Text (OCR)

QR Code Reader

Read one QR code from a local PNG or JPEG and inspect its text or content bytes without opening links.

Open tool — QR Code Reader

Color Contrast Checker

Compare foreground and background colors, adjust opacity and check WCAG numerical contrast thresholds for text and essential interface details.

Open tool — Color Contrast Checker

Print Size & Resolution Calculator

Calculate print dimensions, required pixels and effective PPI with fit or crop.

Open tool — Print Size & Resolution Calculator

Aspect Ratio Calculator

Find a width-to-height ratio or calculate a matching pixel size from one target dimension.

Open tool — Aspect Ratio Calculator

Image Compressor

Try to fit a JPEG, PNG or WebP within a target file size, with measured results and optional smaller dimensions.

Open tool — Image Compressor

HEIC to JPG

Convert supported HEIC photos locally into full-size JPG copies, with quality and background controls and verified individual or ZIP downloads.

Open tool — HEIC to JPG

Image Converter

Convert supported PNG, JPEG and WebP images locally with batch targets, transparency, background and quality controls, then review and download the encoded files.

Open tool — Image Converter

Rotate & Flip Images

Rotate or mirror a local batch of static PNG, JPEG and WebP images, then review and download the processed results.

Open tool — Rotate & Flip Images

Image Cropper

Crop one local JPEG, PNG or WebP to exact pixels with visual and numeric controls. Download PNG or JPEG.

Open tool — Image Cropper

Image Resizer

Resize a JPG, PNG or WebP image by pixels or percentage, preview the result and download it.

Open tool — Image Resizer
View all tools in this category