Generate QR codes, barcodes, ASCII art, SVG placeholders, and convert image formats.
Generate customizable QR codes from text, URLs, WiFi, email, SMS, phone, and contact (vCard) data, with logo embedding and PNG/SVG export.
Preview base64 image data URIs and download as PNG/JPEG files.
Convert image files or SVG markup into base64 data URIs for inline CSS/HTML.
Calculate resized image dimensions while preserving aspect ratio (16:9, 4:3, 1:1).
Calculate crop boundaries and coordinate offsets for standard photo aspect ratios.
Calculate rotation angles (90°, 180°, 270°) and transform parameters.
Calculate CSS and SVG matrix transforms for flipping images horizontally or vertically.
Generate standard Code 128, EAN-13, and UPC barcodes as SVG / Canvas data.
Convert text into decorative ASCII art banners and typography fonts.
Estimate file size savings when converting images between PNG, JPEG, WebP, and AVIF.
Batch-compress up to 20 images at once with a quality slider or a target file size, real before/after previews, and one-click download.
Helper tool for image format MIME types, dimensions, and header specifications.
Generate standard favicon HTML link tags for apple-touch-icon, manifest, and SVG icons.
Generate downloadable SVG gradient background images with custom color stops.
Generate CSS filter presets (blur, sepia, grayscale, invert, contrast, brightness).
Generate clean SVG placeholder images with custom dimensions, background color, and text.
WebP vs PNG vs JPG: Which Should You Use?
WebP vs PNG vs JPG compared head to head on file size, transparency, quality and browser support — plus a simple rule for picking the right one every time.
SVG vs PNG for Icons and Logos
SVG vs PNG for logos, icons and UI graphics — how vector and raster differ, when PNG is still the right call, and how to ship both without shipping blurry artwork.
PNG vs JPG: When Transparency Decides for You
PNG vs JPG explained through the one difference that settles most cases — the alpha channel. Covers transparency, matting, file size, screenshots and quality loss.
What Are Data URIs? Base64 Images Explained
How a base64 image works, what the data URI syntax means, why encoding adds ~33% to file size, and the narrow cases where embedding an image in CSS pays off.
ToolKitSphere