How-to guide

Everything you need to process student photos and build ID cards. The heart of the tool is turning a raw phone snapshot into a clean, cropped, colour-corrected square headshot.

1 · Process a single photo

  1. Add the photoDrag & drop onto the big canvas, or the drop-zone on the left. Supports PNG, JPG and JPEG.
  2. Frame the faceThe photo auto-fills the square and centres. Drag it to reposition, use the Zoom and Straighten sliders (or mouse-wheel to zoom), and Center face to reset. Any timestamp at the edge gets cropped out.
  3. EnhanceClick ✨ Auto colour correct for an instant brighter/sharper result, then nudge Brightness, Contrast, Saturation, Sharpness and Temperature to taste. Upscale adds resolution; Reset reverts the photo.
  4. ExportClick Export, pick PNG or JPG (with a quality slider), name the file, and download at exactly 1254 × 1254 px.

Fill modes. On the right, “Photo fills whole card” gives a full-bleed passport-style headshot (the default, matching a plain photo deliverable). Turn it off for a smaller framed photo with room for text fields below — for a full ID-card layout.

2 · Batch process a whole class ⚡

When you have a folder of raw photos (e.g. one class), process them all at once.

  1. Open BatchClick ⚡ Open Batch in the left panel.
  2. Add the photosDrag the whole folder’s images into the window, or click to multi-select.
  3. Set optionsOutput format (Same as original / PNG / JPG), JPG quality, Auto colour-correct each, Auto-centre on face, and Use current shape & fill mode.
  4. Process & previewEvery photo is cropped to a centred 1254×1254 square and enhanced. A preview grid of all the finished headshots appears — just like your delivery folder — so you can review framing and quality before downloading. Tweak an option and ↻ Re-process if needed.
  5. Download ZIPHappy with the preview? Click ⬇ Download ZIP — one ZIP with every finished photo.

🙂 Auto-centre on face. Each photo is automatically detected and framed on the face for a consistent head-and-shoulders crop. When a face can’t be confidently found (e.g. an unusual or low-contrast shot), that photo safely falls back to a centred crop rather than a bad guess — so batch output is never worse than a plain centre. Face detection runs entirely in your browser; no photo is uploaded. The status line shows how many were face-centred vs. centred.

🏷️ File names are preserved exactly. With Same as original, 5.jpg comes back as 5.jpg — so a folder of 1.jpg, 3.jpg, 4.jpg… returns with the same names, ready to drop straight into your delivery folder.

Batch applies the same enhancement and framing rules to every photo. It shines when the raw shots are reasonably front-facing head-and-shoulders, as school photos usually are. For an unusual shot that the face detector can’t place, process that one individually in the main editor.

3 · Shapes, fields & logos (for full ID cards)

Photo shape

Mask the photo into square, rounded, rectangle, circle, hexagon or octagon — the preview updates instantly.

Fields

Ready-made fields (Name, Class, Section, Roll No, Admission No, School, DOB, Blood Group, Phone, Emergency Contact). For each you can:

Logos & accent bar

Under Logos → ＋ Add, upload a transparent PNG and drag / resize / rotate it anywhere. Use Card background to set the card colour and toggle a coloured accent bar.

4 · Save, undo & shortcuts

ShortcutAction
Ctrl/⌘ + ZUndo
Ctrl/⌘ + Shift + ZRedo
Ctrl/⌘ + SSave project
Ctrl/⌘ + OOpen project
Ctrl/⌘ + EExport
DeleteRemove selected logo / text
Mouse wheelZoom the photo