Image & Graphics Utilities
WASM image compressors, vector generators, SVG optimizers, color converters, and CSS generators.
Available Tools in this Suite
12 Utilities CatalogedColor Contrast & Palette Checker (WCAG 2.1)
Calculate WCAG 2.1 AA/AAA contrast ratios between foreground and background colors with live preview and color conversion.
High-Resolution QR Code Generator & Styler
Generate customized QR codes for URLs, Wi-Fi credentials, plain text, and emails with PNG and vector SVG export.
Client-Side Image Compressor & Format Converter
Compress and convert JPEG, PNG, WebP, and AVIF images with real-time quality slider, dimension scaling, and byte savings delta.
SVG to PNG Converter & Image Vectorizer
Rasterize scalable SVG code to ultra-high-resolution PNG (up to 8x) and vectorize PNG/JPG images into scalable SVG vectors.
Image Color Picker & Eyedropper Inspector
Sample exact pixel colors from any uploaded image with zoom magnifying loupe and HEX/RGB/HSL export.
Image Color Palette Extractor & CSS Export
Extract dominant color palettes from images using color quantization and export as CSS variables or JSON.
Image Color Inverter & Negative Filter
Create photographic negatives and invert image colors with real-time intensity slider and high-resolution export.
Black & White and Grayscale Image Converter
Transform photos into high-contrast black & white or grayscale using Rec.709, Rec.601, and threshold algorithms.
Vintage Sepia Photo Filter & Film Grain
Apply warm antique sepia tones, authentic film grain noise, and dramatic vignetting to any photograph.
Image Rounded Corners & Circle Avatar Maker
Add smooth rounded corners, circular avatar masks, borders, and shadows with transparent PNG export.
Barcode Generator (Code-128)
Generate standard Code-128 retail and inventory barcodes with custom scale, height, text labels, and vector SVG export.
CSS Gradient Generator & Color Blend Studio
Design linear, radial, and conic CSS gradients with multi-color stops, presets, visual angle wheel, and instant CSS copy.
Image & Graphics Utilities Architecture & Specifications
Local runtime benchmarks and security parameters for all Image & Graphics Utilities utilities.
Real-World Workflows & Applications
Common technical problems solved with zero server dependencies.
Web Core Web Vitals (LCP) Optimization
Compress high-resolution photographs into modern WebP format to reduce page weight and boost Google PageSpeed scores.
Brand Asset Preparation
Extract dominant color palettes, invert negatives, or generate high-contrast vector QR codes for physical merchandise.
Confidential Graphic Scrubbing
Resize and crop sensitive screenshots or identity documents without uploading media to unknown external servers.
Modern Web Image Format Comparison
Standard specifications and quick-lookup reference table.
| Format | Compression Type | Transparency Support | Best Use Case |
|---|---|---|---|
| WebP | Lossy & Lossless | Yes (Alpha) | Modern web imagery, 30% smaller than JPEG |
| PNG | Lossless (Deflate) | Yes (8-bit alpha) | Icons, UI screenshots, graphics with crisp text |
| JPEG | Lossy (DCT) | No | High-detail photography where file size is critical |
| SVG | Vector (XML Markup) | Yes | Logos, icons, scalable graphics across any DPI |
| AVIF | Next-Gen (AV1) | Yes (HDR / 12-bit) | Cutting-edge web compression with extreme fidelity |