Creative Asset Lab
A suite of offline-first, client-side browser utilities designed for developers and creators. No files are uploaded to any server; all computation happens in your local browser sandbox.
Available Utilities & Features
- Image Compressor: Free browser-based offline image compressor. Batch compress images (WEBP, JPEG, PNG, etc.) with customizable quality presets, width/height resizing, and metadata stripping (powered by in-browser Python/Pyodide and HTML5 Canvas).
- SVG Code Optimizer: Clean and minify SVG code, remove metadata, and copy clean SVG markup directly to your clipboard.
- Color Palette Extractor: Extract beautiful color palettes and dominant color schemes (HEX, RGB, HSL) from any uploaded image.
- EXIF Metadata Viewer: Extract photographic tags, camera model, aperture, shutter speed, ISO, and GPS location tags from JPEGs.
- Favicon Pack Generator: Convert and package multi-size web favicons and manifest icons into a zip file with copyable HTML markup.
- Image Watermarker: Brand photography with transparent custom copyright text overlays and custom watermarks.
- Image Cropper: Crop, rotate, and aspect-ratio trim images directly in your browser.
- Base64 Image Encoder/Decoder: Translate images to and from Data URI Base64 format for CSS or direct source embedding.
Try the suite on the Asset Lab page.
Developer Resources & Guides
Explore the technical engineering behind our client-side media utilities, data formats, and photography tools.
Offline-First Image Compression
Our image compression tool utilizes two distinct runtimes. The default engine executes high-performance Python PIL script operations compiled to WebAssembly via Pyodide, executing image resampling and color quantizations inside your browser sandbox. The fallback operates on HTML5 Canvas APIs. By compressing locally, you preserve privacy without sending files to external servers.
SVG Vector Code Optimization
SVG files are structured XML documents. Designing vectors in Illustrator or Figma adds extensive metadata, XML namespaces, editor comments, and bloated vector points. Our SVG optimizer parses raw vector structures, minifies namespaces, strips unnecessary editor markup, and optimizes coordinates to reduce file size up to 70% while maintaining crisp quality.
EXIF Metadata & Privacy
Exchangeable Image File Format (EXIF) metadata is embedded directly into camera sensor photos. It stores parameters like focal length, exposure times, camera models, and GPS coordinates of the photo location. Stripping EXIF tags before publishing images online is a security best practice that protects sensitive location data.
Base64 Data URI Translation
Base64 encoding translates binary image files into pure ASCII text strings. These strings can be embedded directly inside HTML <img> elements or CSS styles using Data URIs (data:image/png;base64,...). Embedding icons or small images as Base64 strings avoids extra HTTP request roundtrips, reducing page load latency.
Frequently Asked Questions
Is my uploaded data safe and private?
Yes, 100% secure. All image operations, SVG optimizations, and EXIF decodings are processed strictly client-side inside your browser sandbox. No file is ever transmitted or uploaded to a backend server.
What is the difference between lossy and lossless compression?
Lossy compression (like WEBP or JPEG) discards imperceptible image details to reduce file sizes. Lossless compression (like PNG) compresses files without dropping any visual data, preserving pixel-perfect quality.
How do I generate favicons for my website?
Our Favicon Generator scales an image to standard browser sizes (16x16, 32x32, 48x48, 192x192, 512x512) and bundles them into a ZIP archive alongside a manifest.json config and copy-pasteable HTML links.
Can I add text watermarks to my photos?
Yes. The Watermarker tool draws custom texts, handles custom opacity levels, adjusts fonts, and rescales text positioning dynamically using standard HTML5 Canvas rendering.