Image & Media
Pure in-browser image format transcoding, HEIC to JPG, color conversions, and QR codes.
Available Tools (55)
← Back to all toolsConversion & Compression
HEIC to JPG Converter
Convert HEVC-based HEIC/HEIF still images to JPEG locally, with quality, resize and ZIP controls. Keep originals: JPEG is lossy and metadata is not copied.
Image Format Converter (PNG/JPG/WebP)
Image Format Converter (PNG/JPG/WebP): Draws image bitmap to canvas context and encodes to WebP using browser hardware-accelerated encoder.
JPEG Quality Compressor
JPEG Quality Compressor: Re-encodes image via OffscreenCanvas, adjusting quantization tables while preserving pixel dimensions.
ICO or Browser Image to PNG
ICO or Browser Image to PNG: Parses ICO directory headers, locates largest contained PNG/BMP frame (e.g. 256x256), and exports as standalone PNG.
Image to Base64 Data URL
Image to Base64 Data URL: Reads file as binary ArrayBuffer and converts byte octets into standard RFC 4648 Base64 data URL.
GIF Poster Frame to WebP
GIF Poster Frame to WebP: Extracts first frame from GIF byte structure and encodes as clean, optimized WebP image.
GIF Frame Splitter & Extractor
GIF Frame Splitter & Extractor: Parses GIF graphic control blocks and frame delays, extracting 12 standalone PNG images into a ZIP package.
Dummy Placeholder Image Generator
Dummy Placeholder Image Generator: Renders vector rectangle and centered typography on canvas, exporting PNG data URI.
Color Systems & Design
HEX to RGB & HSL Converter
Convert six-digit HEX colors to RGB and rounded HSL values, preview the color, and copy CSS notation.
Image Color Palette Extractor
Image Color Palette Extractor: Samples pixel buffer and executes Median Cut color quantization to group colors into 5 dominant clusters.
WCAG Color Contrast Checker
WCAG Color Contrast Checker: Calculates relative luminance values L1 = 1.0, L2 = 0.117 and computes contrast ratio (L1 + 0.05) / (L2 + 0.05).
HEX Color-Vision Approximation
HEX Color-Vision Approximation: Applies Vienot/Brettel 3x3 RGB transformation matrix simulating protanopia, deuteranopia, and tritanopia cone responses.
RGB to Formula-Based CMYK
RGB to Formula-Based CMYK: Normalizes to [0,1], calculates key black K = 1 - max(R,G,B) = 0.60, and derives C, M, Y percentages.
HEX Match Against a 5-Color Sample Palette
HEX Match Against a 5-Color Sample Palette: Calculates CIELAB Delta E (CIE76 / CIEDE2000) color distance against curated Pantone reference palette.
Four-Corner CSS Border Radius
Four-Corner CSS Border Radius: Calculates horizontal and vertical elliptical radius pairs adhering to W3C CSS Backgrounds and Borders Module.
PX to REM & REM to PX Converter
PX to REM & REM to PX Converter: Calculates REM = px / root = 24 / 16 = 1.5rem (and provides inverse calculation: 1.5rem = 24px).
Responsive Image `srcset` Generator
Responsive Image `srcset` Generator: Formats W3C HTML5 `srcset` descriptors paired with responsive `sizes` media conditions.
Color Palette Harmonizer (Analogous/Triadic)
Color Palette Harmonizer (Analogous/Triadic): Rotates hue on the 360-degree HSL color wheel (Complementary: +180°, Triadic: +120°/+240°, Analogous: ±30°).
Hex Color with Alpha Slider (#RRGGBBAA)
Hex Color with Alpha Slider (#RRGGBBAA): Decodes 0x80 (128/255 = 0.50) and formats standard CSS rgba() declaration.
CSS Mesh Gradient Generator
CSS Mesh Gradient Generator: Constructs overlapping radial gradients with varying focal origins and blur spreads.
Screenshot Mockup HTML Snippet
Screenshot Mockup HTML Snippet: Composites window title bar with close/minimize/maximize traffic light buttons and address bar above screenshot.
Image Center-Pixel Color Reader
Image Center-Pixel Color Reader: Extracts 1x1 pixel ImageData array via canvas context and converts RGBA values to Hex and RGB.
Transparent PNG & SVG Checker
Transparent PNG & SVG Checker: Inspects alpha channel bytes across all 262,144 pixels, counting fully transparent (0), semi-transparent (1-254), and opaque (255) pixels.
Filters, QR & Privacy
QR Code Generator
Create a static QR code from text or a URL and download a PNG. Choose a fixed image size or Automatic for longer content.
JPEG Metadata Stripper by Re-encoding
JPEG Metadata Stripper by Re-encoding: Decodes raw pixel buffer and re-encodes pure JPEG bitmap without copying EXIF, IPTC, or XMP metadata segments.
Bottom-Right Text Watermark
Bottom-Right Text Watermark: Renders text layer onto canvas with drop shadow and blends with specified alpha transparency.
Image Grayscale & B&W Filter
Image Grayscale & B&W Filter: Applies ITU-R BT.709 luminance weights: Y = 0.2126*R + 0.7152*G + 0.0722*B to compute grayscale pixel intensity.
QR Code Image Scanner
QR Code Image Scanner: Locates 1D/2D barcode patterns using in-browser image binarization and Reed-Solomon decoding.
Code 128 Barcode Generator
Code 128 Barcode Generator: Encodes alphanumeric characters into Code 128 start, data, and checksum bar-and-space widths.
Image Dithering & Retro Pixel Filter
Image Dithering & Retro Pixel Filter: Iterates pixels, quantizes to 0 or 255, and diffuses quantization error to adjacent neighbor pixels (7/16, 3/16, 5/16, 1/16).
Whole-Image Blur Filter
Whole-Image Blur Filter: Applies multi-pass Gaussian box blur across the selected region pixels while leaving surrounding areas untouched.
Image Difference Metrics
Image Difference Metrics: Compares pixel buffers channel by channel, highlights differing pixels in magenta, and calculates percentage delta.
Image Invert & Negative Filter
Image Invert & Negative Filter: Subtracts each RGB pixel channel value from 255 (R' = 255 - R, G' = 255 - G, B' = 255 - B) while preserving alpha.
Image Brightness & Contrast Adjuster
Image Brightness & Contrast Adjuster: Applies linear contrast scaling and brightness offset matrix across all RGBA pixel buffers.
Image Hue & Saturation Adjuster
Image Hue & Saturation Adjuster: Converts RGB pixels to HSL color space, rotates hue angle, scales saturation, and converts back to RGB.
Duotone Gradient Map
Duotone Gradient Map: Calculates Rec. 601 luminance for each pixel and maps it between the selected shadow and highlight colors by linear interpolation. Processing stays in your browser.
Tool category
Image Resizer
Image Resizer: Calculates proportional height (1080 px) and applies bicubic canvas scaling filter.
Center Crop to Exact Size
Center Crop to Exact Size: Calculates centered bounding box coordinates (x: 560, y: 140, w: 800, h: 800) and extracts sub-canvas.
32×32 ICO Favicon Generator
32×32 ICO Favicon Generator: Scales logo to 16x16, 32x32, and 48x48 px mipmap levels and packages into standard Windows ICO container format.
Rotate Image 90° Clockwise
Rotate Image 90° Clockwise: Swaps canvas dimensions to 1920x1080 px, translates origin, and applies 90-degree matrix rotation.
Image Grid Slicer (9-Grid / Splitter)
Image Grid Slicer (9-Grid / Splitter): Divides canvas into 9 equal 400x400 px sub-rectangles and generates downloadable cropped segments.
Image Size Preset Resizer
Image Size Preset Resizer: Applies smart center cropping and bicubic downscaling to fit exact platform dimension guidelines.
Aspect Ratio Calculator (16:9/4:3/21:9)
Aspect Ratio Calculator (16:9/4:3/21:9): Computes simplified ratio via greatest common divisor (16:9) and evaluates New Height = 1280 * (9/16).
Image DPI & Print Size Calculator
Image DPI & Print Size Calculator: Computes Print Width = 6000 / 300 = 20.0 inches (50.8 cm) and Height = 4000 / 300 = 13.3 inches (33.9 cm).
Common App Icon PNG ZIP
Draws the selected image into twelve square canvases sized 16, 32, 48, 72, 96, 128, 144, 180, 192, 256, 512 and 1024 pixels. Each canvas becomes a PNG entry in one ZIP.
Two-Image Horizontal Stitcher
Two-Image Horizontal Stitcher: Allocates composite canvas (1600x600 px) and draws Image A and Image B seamlessly side by side.
Rounded-Corner Image Mask
Rounded-Corner Image Mask: Applies globalCompositeOperation 'destination-in' with vector clipping path to preserve transparency outside the mask.
Tool category
SVG to PNG Renderer
SVG to PNG Renderer: Renders vector SVG paths to OffscreenCanvas at high DPI and exports uncompressed 32-bit PNG blob.
Monochrome Bitmap to SVG Tracer
Monochrome Bitmap to SVG Tracer: Applies Potrace vectorization algorithm, detecting high-contrast contours and fitting cubic Bézier spline curves.
Basic SVG Comment & Whitespace Minifier
Basic SVG Comment & Whitespace Minifier: Removes XML comments, editor metadata tags, doctype declarations, and collapses redundant path coordinates.
SVG Path Command Inspector
SVG Path Command Inspector: Parses path tokens (M, C, S), extracts coordinate tuples, and renders interactive visual control points.
SVG to CSS Data URI
SVG to CSS Data URI: Encodes reserved URI characters without bloated Base64 overhead using URL-safe UTF-8 percent-encoding.
SVG Wave & Section Divider Generator
SVG Wave & Section Divider Generator: Generates cubic Bézier spline control points connecting wave crests and troughs into a closed SVG polygon.
Lottie JSON Metadata Inspector
Lottie JSON Metadata Inspector: Parses Lottie bodyMovin structure, extracts frame count (180), frame rate (60 fps), and calculates duration (3.0s).
SVG Font to Path Explainer & Linter
SVG Font to Path Explainer & Linter: Scans XML DOM for `<text>`, `<tspan>`, and `@font-face` declarations that could cause cross-platform font fallback issues.