Image Slicer

A free, browser-only tool for slicing images into grids or custom cuts and exporting them as PNG, JPG, or WebP.

100% in your browser — your images are never uploaded.

https://photo-slicer.pages.dev/

Features

• Grid slicing — split an image into evenly sized rows and columns
• Manual cut lines — define custom horizontal and vertical cuts
• PNG / JPG / WebP output — choose the export format that fits your needs
• Transparent-PNG aware — content-anchored slicing keeps transparent regions intact
• ZIP download — get all your slices in a single archive

Run locally

npm install

npm run dev        # start the dev server
npm run build      # production build → dist/
npm run preview    # serve the production build locally

Other available commands:

npm run lint       # ESLint check
npm run test       # unit tests (Vitest, watch mode)
npm run test:run   # unit tests (Vitest, single run)
npm run test:e2e   # end-to-end tests (Playwright)

Tech stack

• React 19
• Vite 8
• Tailwind CSS v4
• Konva (via react-konva) for canvas interactions
• JSZip for packaging downloads
• Vitest and Playwright for testing

License

MIT — see LICENSE for details.