Picture File Optimizer & Gallery Maker
Turn your photos into website-ready images.
Your photos stay on your device - nothing is
uploaded.
Import JPG, PNG & WebP
Export images ready for websites and social media
Save it as many ways as you like — this stays open until you tap Done.
📱 Saving on a phone?
Some phones rename the saved file (e.g. image.html) or add .zip to it. The gallery still works — just rename the file if you need to, or open the .zip to find it inside.
Phones don't let a web page save a file straight into a folder you choose — that's an Android/iOS rule, not this app. So there are two routes:
.zip..html inside. Best on stubborn devices.image.html).Whichever you use, the file is complete and opens in any browser — a name change never breaks it.
Pick the images, choose sizes and formats, and download just the resized, optimised files — no gallery page or extra code.
Pick the images and the platforms you post to. Each image is centre-cropped to the exact size that platform expects and saved as JPG — the format every social network accepts.
Pick the photos for your video. You'll put them in order next.
The number on each photo is its play position. To change the order, type a new number on just the photos you want to move, then press Apply order. Leave the rest blank and they keep their place. Happy with the order shown? Just press Next.
Video export needs a recent browser (Chrome, Edge, Safari 16.4+ or Firefox). An animated GIF option for older browsers is coming.
Made for a product shot on a plain background (the classic eBay / Etsy / Shopify photo) - snap your item on a white or plain sheet and it drops onto transparent, white or a colour. Not a magic cut-out for busy scenes or pets; for those, use the Erase / Keep brushes to tidy the edges by hand.
Turn your photos + words into a printable PDF book - a photo album, a kids' story, a trip diary, a product lookbook. Pick photos, press Auto-fill for a quick draft, then edit each page. Simple, no AI - you make it.
Add a caption, quote or meme to your photo. Type your words, pick a style, then drag the text where you want it. Add more lines with + Add.
Drag a box over anything you want to hide - faces, children, number plates, addresses - and it's blurred, pixelated or blacked out before you share. Nothing leaves your device.
Slice one photo into tiles for a seamless Instagram profile grid, or panels for a swipeable carousel. The tiles are numbered in the exact order to upload.
Pick a few photos, choose a size, and they’re auto-arranged into one image you can print or post. Switch the layout, shuffle the order, or drag a photo inside its frame to reposition it.
Pick the images, write your title and details, choose sizes — then export a responsive gallery web page plus the shared CSS/JS, ready to upload.
Shown under the title at the top of the gallery page (H2 subheading + paragraph).
Page breadcrumb (top navigation)
Links shown at the top of every gallery page — use this for the buyer's own website. Leave URL blank to hide.
Footer promotional links
Developer's promotional links shown in the page footer — separate from the breadcrumb above.
Featured content blocks
Optional content inserted into the exported gallery page. Paste code (runs after page load) or enter an Apache SSI include path. Neutral class/ID names are used throughout — no ad-related words that content blockers target.
⚠ You are legally responsible for any content or code you publish using this app. It is added to your live page exactly as you enter it and runs in your visitors' browsers — only use code from sources you trust.
Page content containers
Two independent containers for your own text, code or structured HTML — one under the main picture, one at the foot of the page. Same controls as the blocks above: a container is included whenever it is enabled, and enabling happens automatically as soon as you add content.
⚠ You are legally responsible for any content or code you publish using this app. It is added to your live page exactly as you enter it and runs in your visitors' browsers — only use code from sources you trust.
Name of the root page that lists every gallery. Use e.g. my-pictures.html to avoid overwriting an existing index.html in the same folder.
This is the front page that links to every gallery — the main page people land on. Filling these in helps search engines list it.
Shown as the big heading and as the browser/search-result title for the landing page.
Real text on the page that search engines can read and index. Plain text only; a blank line starts a new paragraph.
Instead of a website folder, export one self-contained .html file with the images, styles and (if the jigsaw is enabled above) the puzzle all inlined. It opens straight from a drive, memory stick, email attachment or a phone's file manager — no web server needed. It uses the page title, subheading, message, theme and jigsaw settings above.
Type a base name and every image is numbered automatically (name, name-2, name-3…). You can still edit any name below.
Standard shapes
Recommended sizes
Drag the highlighted box to choose what to keep.
Shown as the page heading and the browser tab title. Leave blank for “My Photo Gallery”.
Appears under the title. Great for explaining what the pictures are about.
Visitors can switch the look themselves on the page too.
Optimising your images…
Please keep this tab open — large batches can take a little while.
Optimising your images…
Please keep this tab open — large batches can take a little while.
Your original file on your device is not affected.
Drag inside the image to select a crop region. Drag the handles to resize.
Drop photos in, tweak details, export a ready-to-use bundle. Everything happens in your browser — your images never leave your computer.
That's it for most users. The rest of this page explains the more advanced details only when you need them.
Three ways to bring photos in:
Supported input: JPG, PNG, WebP. The app will also accept GIF (first frame only) and iPhone HEIC files, but those aren't advertised because results vary by browser.
Up to 100 images per session. Imported images stay in your browser for 14 days, then are auto-deleted. Click Clear all from the gallery to wipe them sooner.
Each imported photo gets a card showing its thumbnail, filename, dimensions, and a small alt-text input. From the card you can:
You can also select multiple images with the checkboxes and use the gallery's Export selected button to export just those.
There are two full-screen views, both opened from the home screen and both navigable with the arrow keys:
A short description of what's in the image. Gets baked into the generated <picture> snippet as the alt attribute. Critical for screen readers and image search. Two or three concrete words is usually enough — describe what the image is, not "image of …".
Optional fields that get exported as a Schema.org JSON-LD block alongside the <picture> snippet. Fill them in and Google's image search has better information to work with:
© 2026 Your Name.Leave any field empty and it's omitted from the output. If all six are empty, no JSON-LD block is generated at all.
The bar shows the original file size on the left. Click Estimate export size to run the real export pipeline on this one image and see the actual byte savings. Click Compare to swap the displayed image between original and the encoded preview — useful for checking quality before you commit to a full export.
Opens a dedicated editor with:
Click Save changes to bake the edits into a new image. Cancel discards. If you cropped a 4000×3000 photo to 1:1, your saved version is exactly the cropped pixels — no upscaling.
The toolbar lets you delete from inside the lightbox (with confirmation), print just this image (uses your printer's print dialog, no app chrome printed), or export this one image as a ZIP using your current export settings.
Pick one from the dropdown:
Or set a single custom width if you need an exact dimension.
Tick any sizes you want — the four universal shapes people post everywhere (Square, Portrait, Landscape, Wide landscape) plus the recommended sizes for each platform (Instagram, Facebook, Twitter/X, LinkedIn, YouTube, Pinterest, TikTok — stories, headers, covers, thumbnails, Pins and banners). Each ticked size gets centre-cropped and exported as a separate JPG into its own folder inside the ZIP. (For per-photo control over what stays in frame, use the guided Make social media images task and choose Position each photo myself.)
The collapsed Settings button at the bottom of the Export overlay opens advanced controls:
Off by default. Pick a bundled mark (AI Generated, Public Domain, Copyright, Share Freely, Original Work, Sample) or upload your own PNG / SVG. Position is bottom-right (default) or bottom-left only — no centre or full-image overlay. Size and opacity are adjustable. Applies to every exported image and every variant.
A ZIP file (or, on Chrome/Edge, a folder you choose via Save to Folder) containing:
images/ folder with each output size, in each format. E.g. my-photo-600.webp, my-photo-600.jpg, my-photo-1000.webp, ….picture.html snippet per image containing a complete <picture> element with srcset, sizes, alt, loading="lazy", and (if you filled them in) a Schema.org JSON-LD block.square/my-photo-std-square.jpg, instagram-story/my-photo-ig-story.jpg._README.txt with a summary of what's included.Copy the contents of any .picture.html straight into your site's HTML — no further editing needed.
The Make a montage task combines several photos (up to nine) into one image to print or post. Pick your photos and a size, and they're auto-arranged into a tidy layout. Choose a style:
Sizes cover the social shapes (Square, Portrait, Landscape, Wide) and common home-printer sizes (6x4, 7x5, 8x6, 10x8, A4, Letter) at 300 dpi. You can drag a photo inside its frame to choose what stays in view, drag one photo onto another to swap them, shuffle the order, add an optional title, and set the gap and background colour. It exports a single image you can save, share, or print.
When you build a Photo Gallery web page (the export that produces a ready-to-upload gallery site, not the plain Resize or Social bundles), every photo becomes a playable jigsaw puzzle for your visitors — on by default, with no extra setup, accounts, or plugins.
The jigsaw is on by default. In the Photo Gallery export's advanced options you'll find Include a playable jigsaw puzzle under each image already ticked — untick it if you want a gallery without the game. The Default puzzle difficulty dropdown sets the level each puzzle opens at:
This sets the difficulty the puzzle opens at; your visitors can switch between Easy, Medium and Hard at any time while playing. The exact piece count adapts to each photo's shape so the pieces stay a sensible size.
On the published gallery, a Play jigsaw button appears under each image and inside the image viewer (lightbox). Clicking it opens that photo as a real jigsaw — pieces are scattered, snap together into connected groups as they're placed, and the puzzle celebrates when it's complete. There's a difficulty switcher and a sound toggle inside the puzzle. Everything runs in the visitor's own browser; like the rest of the app it makes no network calls and needs no sign-in.
The puzzle engine is loaded only when a visitor first clicks Play jigsaw, so it never slows down the initial page load for people who just want to browse. Enabling the option adds two shared files — jigsaw.css and jigsaw.js — into the gallery's shared-code folder (alongside photohelper.css / photohelper.js). Upload the exported gallery folder as you normally would and the puzzles work on your live site automatically.
Your images are decoded, resized, and re-encoded entirely in your browser - they are never uploaded. EXIF metadata (GPS coordinates, camera info, timestamps) is read once to apply rotation correctly and then discarded, so none of it goes into exported files.
The app itself makes zero network requests - no analytics, no telemetry. You can verify this in your browser's developer tools (Network tab).
This free version is supported by adverts (such as Google AdSense and Amazon). Those load from the advertisers' own servers and may set cookies, as described in their own notices and the website's privacy & consent settings — so the free version is not request-free. Your photos are unaffected: they are still processed only in your browser and are never sent to us or to any advertiser. The paid version carries no adverts and makes zero network requests.
Why image optimisation matters in 2026, how you'd do it by hand with free tools, and where this app fits in.
An unoptimised modern phone photo is typically 4–10 MB. Modern AI-generated images can be much bigger still — Midjourney's latest output is routinely 7–15 MB per image. A single such photo on your homepage is bigger than the entire HTML, CSS, and JS of most websites combined.
That has four real costs:
Here's what proper image optimisation looks like by hand. Per image. Per page.
<picture> element. Get srcset and sizes right. Add width, height, alt, loading="lazy", decoding="async".Realistic time per image, with practice, is 10–15 minutes. For a 12-image blog post that's two to three hours. The reason most sites don't bother is purely that.
Same workflow, condensed:
For each photo, the app produces the WebP + JPG variants at every size you asked for, plus social media crops, plus the <picture> snippet ready to paste. EXIF is stripped. Quality settings are sensible defaults you can override. A 12-image blog post takes about five minutes instead of three hours.
What the app deliberately does not do: replace a proper editor. If you need to retouch, paint, do colour grading, fine-tune curves, or remove objects from a photo, you still want GIMP. This app is for the optimisation step after you've decided what photos go on the site.
Google's Core Web Vitals are now a confirmed ranking factor. The three metrics:
width and height cause layout shift. The generated snippet always includes these.Google Images is the world's second-largest search engine after regular Google. To get into it you need:
IMG_4521.JPG. The app's Rename feature is for this.WebP is roughly 25–35% smaller than JPG at the same visual quality. Every modern browser (Chrome, Edge, Firefox, Safari since 2020) supports it. The <picture> element lets you serve WebP to browsers that handle it and JPG to anything else — automatically, no JavaScript needed:
<picture>
<source type="image/webp" srcset="my-photo-600.webp 600w, ...">
<img src="my-photo-1000.jpg" srcset="..." alt="…" loading="lazy">
</picture>AVIF would compress better still (40–50% smaller than JPG), but native browser AVIF encoding is unreliable in 2026 — many browsers silently fall back to PNG when asked, producing mislabelled files. This app deliberately doesn't ship native AVIF for that reason. A separate WASM-based AVIF module is planned for users who need it.
A 1400-pixel-wide image looks great on a desktop monitor, but is six times too big on a phone in portrait orientation. The phone downloads all those pixels anyway and throws away the ones it doesn't use. That's wasted bandwidth on the device with the worst connection.
The srcset + sizes attributes let the browser pick the right size for the actual display. On a 360-pixel-wide phone screen, the browser fetches the 600 px version. On a 4K desktop, it fetches the 1400 px version. You ship one HTML snippet; the browser does the right thing.
Every platform has its own dimensions, and every platform re-compresses what you upload — often badly. Two practical implications:
Every platform offers the four standard shapes people actually post — Square 1080×1080 · Portrait 1080×1350 · Landscape 1620×1080 · Wide landscape 1920×1080 — plus that platform's recommended sizes:
The single best thing you can do for image accessibility and SEO at once. Three rules:
alt="" is intentional for purely decorative photos. If the image carries no information your text doesn't already convey, leave the alt field blank.Before publishing any page with images:
width and height on the <img> (the snippet always does this).loading="lazy" only if they're below the fold; if they're the LCP element, drop the lazy.This app handles the first four automatically once you've imported your photos. The last two need a moment of thought from you.
Working…