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 and download your collage
- 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.
- 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.
- 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
Sources
These references describe the underlying formats and browser APIs. This tool accepts a narrower set of images.
- html.spec.whatwg.orgCanvas compositing and export
- html.spec.whatwg.orgImageBitmap decoding and orientation
- w3.orgPNG format and color
- archive.color.orgICC profile embedding
Reviewed 13 November 2026; specifications do not certify browser behavior.
Related tools
SVG to PNG
Convert a local SVG file or pasted markup into PNG, with explicit dimensions, transparency and bundled fonts.
Open tool — SVG to PNGCSS Filter Generator
Order and repeat CSS effects, compare a specimen and copy the exact filter declaration.
Open tool — CSS Filter GeneratorFluid Font Size Calculator
Create root-relative CSS from viewport endpoints and inspect the copied size model.
Open tool — Fluid Font Size CalculatorCSS Button Generator
Style native button states, inspect keyboard focus and copy HTML and CSS.
Open tool — CSS Button GeneratorCSS Border Radius Generator
Edit eight corner radii, preview a box and copy CSS in pixels or percentages.
Open tool — CSS Border Radius GeneratorCSS 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 GeneratorCSS 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 GeneratorCSS Text Shadow Generator
Build ordered text shadows, preview plain text and copy exact CSS.
Open tool — CSS Text Shadow GeneratorCSS 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 GeneratorCSS Box Shadow Generator
Create ordered CSS box-shadow layers with a live preview and copyable code.
Open tool — CSS Box Shadow GeneratorImage 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 WatermarkCSS Gradient Generator
Create linear or radial CSS gradients with editable colors, opacity and stops.
Open tool — CSS Gradient GeneratorColor Converter
Convert supported sRGB HEX, RGB and HSL literals with alpha, explicit precision and current code Copy.
Open tool — Color ConverterImage 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 ReaderColor 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 CheckerPrint Size & Resolution Calculator
Calculate print dimensions, required pixels and effective PPI with fit or crop.
Open tool — Print Size & Resolution CalculatorAspect Ratio Calculator
Find a width-to-height ratio or calculate a matching pixel size from one target dimension.
Open tool — Aspect Ratio CalculatorImage Compressor
Try to fit a JPEG, PNG or WebP within a target file size, with measured results and optional smaller dimensions.
Open tool — Image CompressorHEIC 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 JPGImage 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 ConverterRotate & 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 ImagesImage Cropper
Crop one local JPEG, PNG or WebP to exact pixels with visual and numeric controls. Download PNG or JPEG.
Open tool — Image CropperImage Resizer
Resize a JPG, PNG or WebP image by pixels or percentage, preview the result and download it.
Open tool — Image Resizer