The latest articles on DEV Community by youYiShi Zhen (@youyishi_zhen_50a09394c12). https://dev.to/youyishi_zhen_50a09394c12 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4240646%2F37b634b6-d226-4211-b076-2d37b8fcc33d.png https://dev.to/youyishi_zhen_50a09394c12 en youYiShi Zhen Thu, 12 Nov 2026 09:00:31 +0000 https://dev.to/youyishi_zhen_50a09394c12/i-built-a-100-client-side-webtoon-slicer-batch-folder-image-compressor-zero-server-uploads-3ge2 https://dev.to/youyishi_zhen_50a09394c12/i-built-a-100-client-side-webtoon-slicer-batch-folder-image-compressor-zero-server-uploads-3ge2 <h1> CreaPocket — In-Browser Webtoon Slicer &amp; Batch Folder Image Compressor </h1> <p>🔗 <strong>Live Web Toolkit:</strong> <strong><a href="https://creapocket.xyz" rel="noopener noreferrer">https://creapocket.xyz</a></strong> <em>(100% Free · No Sign-up · Zero Server Uploads)</em></p> <p>CreaPocket is a lightweight collection of browser-based utilities built for digital comic creators, illustrators, and web developers. Every tool runs <strong>100% locally in your browser</strong> using HTML5 Canvas and WebAssembly—your artwork and folders never leave your device.</p> <h2> 🛠️ Available Live Tools </h2> <h3> 1. <a href="https://creapocket.xyz/webtoon-slicer.html" rel="noopener noreferrer">Webtoon &amp; Manga Image Slicer</a> </h3> <p>Automatically scale and slice long vertical comic strips into platform-ready pages in seconds.</p> <ul> <li> <strong>Presets Included:</strong> WEBTOON Canvas (<code>800 × 1280 px</code>), Tapas Standard (<code>940 × 1280 px</code>), or Custom slice height.</li> <li> <strong>Proportional Downscaling:</strong> Oversized canvas widths are smoothly scaled down before slicing to prevent blurry server compression.</li> <li> <strong>Instant ZIP Export:</strong> Downloads sequentially numbered slices (<code>part_001.jpg</code>, <code>part_002.jpg</code>) in one click.</li> <li>👉 <strong>Launch Tool:</strong> <a href="https://creapocket.xyz/webtoon-slicer.html" rel="noopener noreferrer">https://creapocket.xyz/webtoon-slicer.html</a> </li> </ul> <h3> 2. <a href="https://creapocket.xyz/image-compressor.html" rel="noopener noreferrer">Batch Folder Image Compressor &amp; Resizer</a> </h3> <p>Drop an entire nested folder of images to bulk compress and resize without losing your subfolder hierarchy.</p> <ul> <li> <strong>Folder Structure Preserved:</strong> Drop <code>Project/Episode_01..10/</code> and get back a structured <code>.zip</code> with identical folder paths.</li> <li> <strong>Format Conversion:</strong> Convert between <code>WebP</code>, <code>JPEG</code>, and <code>PNG</code> with adjustable quality sliders and smart size guards.</li> <li> <strong>No Arbitrary Limits:</strong> Bypass the 20-file / 5MB limits of traditional cloud compressors.</li> <li>👉 <strong>Launch Tool:</strong> <a href="https://creapocket.xyz/image-compressor.html" rel="noopener noreferrer">https://creapocket.xyz/image-compressor.html</a> </li> </ul> <h2> 📚 Creator Formatting &amp; Optimization Guides </h2> <ul> <li><strong><a href="https://creapocket.xyz/blog/webtoon-canvas-size-guide.html" rel="noopener noreferrer">The Complete WEBTOON Canvas Sizing &amp; Formatting Guide (2026)</a></strong></li> <li><strong><a href="https://creapocket.xyz/blog/tapas-vs-webtoon-dimensions.html" rel="noopener noreferrer">Tapas vs. WEBTOON: Key Dimension &amp; File Size Differences</a></strong></li> <li><strong><a href="https://creapocket.xyz/blog/how-to-fix-blurry-webtoon-images.html" rel="noopener noreferrer">How to Avoid Blurry WEBTOON Compression Artifacts</a></strong></li> </ul> <h2> 🔒 Privacy Architecture </h2> <p>Unlike cloud-based tools that upload your unreleased comic pages or private assets to remote servers, CreaPocket processes all pixels locally inside your browser's memory.</p> webdev javascript opensource showdev