Building a 100% Client-Side Panoramic Image SplitterTraditional grid cutters hard-cut images down the middle, often slicing faces or focal points. FeedCarousel feedcarousel.com solves this by delivering a privacy-first, serverless web application that splits panoramas entirely inside the browser using HTML5 Canvas and native Web APIs.
Privacy-First Canvas Pipeline: Manipulates images locally in browser memory (CanvasRenderingContext2D) with zero backend uploads. Includes automatic bicubic downsampling for large images (>4096px) to prevent iOS Safari memory crashes.
Focal Point Protection: Provides drag and keyboard-accessible divider handles (← / → keys) for non-uniform cut adjustments, keeping key subjects intact.
Real-Time Mobile Simulator: Uses CSS Scroll Snap and touch events to simulate native mobile carousel physics live in the viewport.
Local Export Engine: Creates ZIP archives asynchronously using JSZip and FileSaver.js, while supporting direct canvas-to-clipboard copies via navigator.clipboard.write().
Performance & UX: Features a 20-step state history stack (Ctrl+Z / Ctrl+Y), localStorage brand persistence, zero Cumulative Layout Shift (CLS), and full WCAG accessibility.
Try the live tool at feedcarousel.com
Top comments (0)