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)
Converts browser-decodable images through canvas to PNG, JPEG, or WebP. Encoding support and acceleration depend on the browser.
JPEG Quality Compressor
Re-encodes a browser-decodable image as JPEG at the selected quality, keeping its decoded pixel dimensions. It uses canvas encoding; exact quantization tables are browser-dependent. File-size reduction varies with the source and quality setting.
ICO or Browser Image to PNG
Loads a browser-decodable icon or image and exports the decoded image through canvas as PNG. It does not parse ICO directory entries or choose the largest frame.
Image to PNG Data URL
Decode one local image, redraw it on Canvas and expose a new PNG data URL; original format, file bytes and metadata are not preserved.
Browser-Decoded GIF Frame to Static WebP
Select a GIF file. Draw the browser-decoded raster to Canvas. Encode and export one WebP image.
GIF Frame Splitter & Extractor
Decode an animated GIF and offer each frame as a separate PNG with count and durations; no fixed count or ZIP export.
Custom PNG and SVG Placeholder Generator
Create local PNG or SVG placeholders with custom text, font size, colors and transparent backgrounds; copy the Base64 data URL.
Color Systems & Design
HEX to RGB & HSL Converter
Convert HEX, RGB and HSL, adjust Alpha, copy CSS codes and check WCAG text contrast on white and black.
Sampled Image RGB Palette
Sample decoded image pixels into coarse RGB buckets and return up to eight frequent buckets; no median-cut or perceptual ranking.
Color Contrast Ratio Checker
Enter foreground and background HEX colors. Compute sRGB relative luminance and contrast ratio. Return ratio plus AA/AAA threshold booleans.
HEX Color-Vision Approximation
Apply fixed approximate RGB transforms to one HEX color and return three transformed HEX values; no image input or clinical simulation.
RGB to Formula-Based CMYK
Convert supplied RGB numbers to a simple rounded CMYK estimate; no ICC printer profile or print-proof conversion.
HEX Match Against a 5-Color Sample Palette
Find the nearest squared-RGB match among five bundled Pantone-named samples; not a complete library or print proof.
Four-Corner CSS Border Radius
Adjust eight independent percentage radii to preview an organic shape and generate border-radius CSS with separate horizontal and vertical axes. Choose droplet, pebble or bubble presets and optional motion. The optional JSON workspace still returns four pixel radii.
PX and REM Converter
Batch-convert CSS px and rem dimensions in either direction with a custom root font size and 0–8 decimal places. Preserve strings, comments and URLs. A separate JSON calculator converts one numeric value.
Image srcset Text Generator
Generate a complete responsive img element from existing image URLs and widths, a sizes attribute, intrinsic dimensions and alternative text. Choose lazy loading or eager loading with high priority; decoding is async.
HSL Color Palette Harmonizer
Generate five-color HSL palettes in analogous, complementary, split-complementary or triadic modes. Preview button and background colors, then download the CSS variables.
HEX Color Alpha Byte Appender
Enter a three- or six-digit HEX color and adjust opacity from 0% to 100% with a slider. Read #RRGGBBAA, CSS rgba(), and a complete 101-row alpha-byte table. An optional JSON workspace retains numeric alpha conversion.
Interactive CSS Mesh Gradient Generator
Arrange four to six radial color spots with drag, keyboard or numeric controls. Adjust color, position, fade radius and backdrop blur, preview responsively and copy the CSS.
Screenshot Mockup PNG Generator
Upload a screenshot, add a light or dark window or simple phone frame, adjust padding, corners, shadow and background, then save a PNG at 1× or 2×.
Image Pixel Color Picker and Magnifier
Select any pixel in a local image, inspect an 11×11 grid at up to 20× zoom and copy HEX, RGB or HSL; use the native screen picker when available.
Transparent PNG, WebP and SVG Background Checker
Inspect PNG, WebP and SVG transparency against black, white, checkerboard and pink backgrounds; zoom in to examine translucent edges.
Filters, QR & Privacy
QR Code Generator
Create QR codes from text, URLs, WiFi settings or vCard contacts. Choose L/M/Q/H correction and download PNG or SVG.
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
Add fixed semi-transparent white text near the bottom-right of one image and export a flattened PNG; no shadow or movable layer.
Image Grayscale Filter
Select a browser-decodable image. Draw it with the browser Canvas grayscale(1) filter. Export the Canvas as PNG.
QR Code Image Scanner
Decode a QR code from a selected image with jsQR and return its text; no camera or one-dimensional barcode scanner.
Code 128 Barcode Generator
Generate a Code 128 barcode PNG from printable text using bwip-js; this is not a QR code.
Image Dithering
Convert images to black-and-white PNG with Floyd–Steinberg, Atkinson or Bayer 4×4 dithering.
Regional Image Privacy Editor
Draw rectangles or brush strokes to cover, pixelate or blur selected image regions, adjust size, undo edits and export a PNG.
Image Overlay and Pixel Difference Comparator
Compare equal-size images with adjustable onion opacity, a draggable vertical wipe and red pixel differences; download the current PNG view.
Image Invert & Negative Filter
Draw a decoded image through the browser Canvas invert(1) filter and export a new PNG. Exact color and alpha behavior depends on the browser filter implementation.
Live Image Brightness, Contrast and Histogram
Adjust brightness and contrast with a live preview, before/after luminance histograms and optional range stretch to avoid channel clipping.
Image Hue and Saturation Adjuster
Rotate local image hue through 0–360° and set saturation from 0–300%; apply Canvas filters and download the resulting PNG.
Duotone Gradient Map
Map image brightness between two colors, choose from 24 duotone palettes, and download a full-size PNG.
Tool category
Image Resizer
Resizes a browser-decodable image to the selected width and height through canvas. The dimensions are independent; aspect ratio is not automatically preserved.
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
Creates a single 32×32 ICO entry containing a PNG image. It does not package 16×16 and 48×48 variants.
Rotate Image 90° Clockwise
Rotate one decoded image 90° clockwise and export PNG with swapped dimensions; no flip or arbitrary angle.
Image Grid Slicer (9-Grid / Splitter)
Split one image into a fixed 3×3 grid and offer nine separate PNG tiles; edge tiles may have transparent padding, no ZIP.
Social Image Preset Resizer
Center-crop one image to a selected social-media pixel preset and export PNG; cropped edge content is discarded.
Aspect Ratio Simplifier
Calculate a missing width or height from a known dimension and a preset or custom aspect ratio. Read fractional pixel dimensions and CSS aspect-ratio. The optional JSON workspace still simplifies an existing width-to-height ratio using GCD.
Pixel and DPI Print-Size Calculator
Compare pixel requirements for 4R / 6-inch (4 × 6 in), 7-inch (5 × 7 in), A3, A4 and A5 paper at your target DPI. Dimensions round up to whole pixels. The JSON calculator also converts pixel dimensions to inches and centimeters.
iOS and Android App Icon Package Generator
Create an iOS AppIcon.appiconset with18 PNG slots and Contents.json, plus Android launcher, round and adaptive icon resources in five density folders.
Multi-image Stitcher and Long Screenshot Combiner
Combine 2–20 local images vertically or horizontally, reorder them, adjust gaps and borders, equalize width or height and save one PNG.
Image Shape Mask and Rounded Corners
Apply a circle, heart, hexagon or adjustable rounded rectangle to a local image and download a PNG with transparent outer areas.
Tool category
SVG to PNG Renderer
Decode one SVG as a browser image and export a PNG at its natural dimensions; no high-DPI control or SVG sanitization.
Monochrome Bitmap to SVG Tracer
Threshold a bitmap on a grid at most 256 pixels on its longest side and emit monochrome SVG runs; no Potrace or curve fitting.
Basic SVG Comment & Whitespace Minifier
Remove XML comments and collapsible whitespace from SVG text; no metadata, doctype, path-coordinate or script sanitization.
SVG Path Token Inspector
Count ASCII letters and decimal-looking numbers in path-like text and report ranges; no SVG grammar parsing or visual control points.
SVG Data URI Encoder
Percent-encode entered SVG text as a data:image/svg+xml URI. No SVG parsing, sanitization or CSS wrapper is generated.
SVG Wave & Section Divider Generator
Create a cubic Bézier wave with adjustable crest count, wave height, curve handles and color. Preview adjacent tiles, flip either axis and copy SVG or repeating CSS background code.
Local Lottie Player and Diagnostics
Play local Lottie JSON with playback, frame seeking, speed, zoom and background controls, and inspect layer, keyframe and embedded-image diagnostics.
SVG Font Dependencies and Outline Guide
Inspect SVG text/tspan nodes, font-family declarations and font resource references; identify font-dependent text and learn how to create outlines.