Pixlux | HTML5 Client-Side Image Editing Library

A Pixlux complete, self-contained browser-based image processing suite with 22 tools. No server, no backend, no dependencies. All processing runs entirely in the user’s browser using the native Canvas 2D API.Key Facts22 Pixlux  image processing tools in a single packageZero Pixlux  server required - static HTML, CSS, and JavaScript onlyNo PHP, no database, no backend of any kindNo build tools - no npm, no bundler, no configurationAd-ready - two pre-wired monetization slots in one config fileFully responsive - four CSS breakpoints, works on desktop, tablet, and mobileZero external JavaScript dependencies - vanilla JS throughoutPrivacy first - images never leave the browser, nothing is uploaded or transmittedTechnical RequirementsServer: None required. Deploy to any static host (Netlify, Vercel, GitHub Pages, shared hosting, CDN) or open index.html directly from the file system.PHP: Not required. This is a pure HTML/CSS/JavaScript application.Database: Not required.JavaScript: Must be enabled in the browser.Canvas 2D API: Required - supported by all modern browsers.Internet connection: Required only for Google Fonts to render in their intended style. The app is fully functional without it using the system font fallback.Browser CompatibilityGoogle Chrome 80 and aboveMozilla Firefox 78 and aboveApple Safari 13 and aboveMicrosoft Edge 80 and aboveNo browser plugins or extensions required. JavaScript must be enabled.FeaturesCore Processing ToolsFormat Converter - Convert images between PNG, JPG, and WEBP with adjustable quality controlImage Compressor - Reduce file size up to 90% with a live quality slider and real-time file size previewImage Resizer - Resize to exact pixel dimensions with optional aspect ratio lockImage Cropper - Freeform crop and fixed aspect-ratio crop modesRotator and Flipper - Rotate by any angle; flip horizontally or verticallyEnhancement and Editing ToolsImage Filters - Brightness, contrast, saturation, sepia, hue rotation, and invert with live previewBlur Tool - Gaussian blur with adjustable pixel radius via the Canvas filter APISharpen Tool - Unsharp mask via a convolution kernel for edge detail enhancementWatermark Tool - Text and image watermarks with position, opacity, and tiling controlsBorder and Radius - Add custom borders, rounded corners, and background fill colorsColor Overlay - Apply solid or gradient overlays with 9 blend modes including multiply, screen, and overlayBackground Remover - Color-key background removal with an adjustable tolerance sliderAnalysis and Utility ToolsMetadata Viewer - Display file properties, pixel dimensions, and EXIF dataColor Picker - Pixel-level color extraction returning values in HEX, RGB, and HSL formatsPalette Generator - Dominant color extraction using the median-cut algorithmFormat Preview - Side-by-side PNG, JPG, and WEBP quality comparison with file size displayImage to Base64 - Encode any image to a Base64 data URI for HTML or CSS embeddingBase64 to Image - Decode a Base64 string back to a downloadable image fileImage Merge - Combine multiple images horizontally, vertically, or in a grid layoutBulk Processor - Batch convert, compress, or resize multiple images in a single operationScreenshot Tool - Clipboard image paste and canvas test-image generatorStudioImage Designer - Full-featured canvas paint studio with layers, shapes, text tools, fill tools, undo/redo history up to 40 steps, and export to PNG, JPG, or WEBPMonetization and Ad Integration Pixlux ships with two pre-wired ad slots. All ad code is contained in a single file - config/ads.js - so buyers can activate monetization by editing one location only. No JavaScript knowledge is required.