100% Local Processing
Invert Image

Changelog

All notable changes to this project are documented here.

[1.2.2] - 2025-01-27

โœจ Added

  • Sample Images Strip: Enhanced user experience with quick-start samples
    • Added "No image? Try one of these" sample strip under hero comparison
    • Click-to-load functionality with auto-scroll to editor
    • Uses existing before-* images as sample thumbnails
    • Google Analytics tracking for sample image clicks
  • Upload Method Microcopy: Improved user guidance
    • Added helpful hints: "Drop anywhere on page" and "Paste with Ctrl+V / Cmd+V"
    • Cross-platform keyboard shortcut support (Windows/Mac)
    • Subtle styling with bullet points for clean appearance
  • Enhanced Image Alt Text: SEO-optimized with intent keywords
    • Updated alt text with "pixelate face", "pixelate image online" keywords
    • Improved accessibility and search engine visibility
    • Applied to comparison images, sample thumbnails, and editor images
  • Page-Specific JSON-LD Schema: Advanced SEO implementation
    • WebApplication schema for home and invert pages
    • Clean, focused structured data for better search visibility

๐Ÿ”„ Changed

  • Canonical URL Strategy: Complete overhaul for better SEO
    • Implemented template variable system in build configuration
    • Page-specific canonical URLs for all pages (home, invert, flip, about, etc.)
    • Updated Twitter and Open Graph URLs to match canonical URLs
    • Single source of truth in build.js for easy maintenance
  • HTML Structure Improvements: Better semantic markup
    • Fixed duplicate H1 headings issue (header nav changed to div)
    • Proper heading hierarchy with single H1 per page
    • Improved accessibility and search engine crawling

๐Ÿ› Fixed

  • Service Worker Cache: Updated for new sample images
    • Added sample images to cache for offline functionality
    • Bumped cache version to v1.2.2 for proper cache refresh

[1.2.1] - 2025-01-27

โœจ Added

  • Beads Pattern Integration: Enhanced Classic Modes section
    • Added Beads pattern to Classic Modes content display
    • Updated section to show all 5 core pixelation patterns
    • Improved visual consistency across all mode interfaces

๐Ÿ”„ Changed

  • Mode Count Updates: Updated all references from "10+" to "12+" creative pixelation modes
    • Hero section caption now shows "12+ creative effects"
    • Features section updated to "12+ Creative Modes"
    • Pixelation modes section title updated to "12+ Creative Pixelation Modes"

๐Ÿ› Fixed

  • Solid Color Field Visibility: Critical fix for color picker functionality
    • Fixed solid color field not showing when "Solid Fill" mode is selected
    • Added proper ID targeting for reliable field visibility control
    • Fixed localStorage settings not triggering color field visibility on page load
    • Ensured color picker works with both dropdown selection and pattern button clicks
    • Improved initialization timing to prevent race conditions

โšก Improved

  • User Experience: More reliable color selection workflow
  • Visual Consistency: Better alignment between interface elements and content descriptions
  • Settings Persistence: Enhanced localStorage integration for color preferences

[1.2.0] - 2025-10-09

๐ŸŽจ Design

  • Homepage Redesign: Complete visual overhaul of the homepage
    • Modern, clean hero section with better visual hierarchy
    • Improved before/after image comparison showcase
    • Enhanced feature cards with clear value propositions
    • Better mobile responsiveness and user experience
    • Updated typography and spacing for improved readability

โœจ Added

  • New Visual Elements:
    • WebP format images for better performance (before.webp, after.webp)
    • Optimized image assets reducing page load size by ~80%
    • Enhanced CSS styling with modern design patterns

โšก Improved

  • User Experience: More intuitive layout and navigation
  • Performance: Faster page load with optimized images
  • Visual Appeal: Professional and modern design aesthetic

[1.1.2] - 2025-10-08

โœจ Added

  • Inverse Pixelation Mode: Revolutionary new feature for selective clarity
    • Pixelate everything outside your selection area
    • Keep your subject clear while blurring the background
    • Perfect for privacy protection while maintaining context
    • Ideal for highlighting specific areas in images
    • Easy toggle with "Inverse Pixelation" checkbox

๐Ÿ’ก Use Cases

  • Privacy Protection: Keep a person/object clear while pixelating the background for privacy
  • Focus Enhancement: Draw attention to specific areas by blurring surroundings
  • Selective Censoring: Protect background information while showing the main subject
  • Creative Effects: Create unique artistic compositions with selective pixelation
  • Document Redaction: Blur sensitive areas while keeping important details visible

โšก Improved

  • User Control: More flexibility in how pixelation is applied
  • Workflow: Faster censoring workflows for complex images

[1.1.0] - 2025-10-07

โœจ Added

  • Offline Support: Full Progressive Web App (PWA) functionality with service worker
    • Works completely offline after first visit
    • Caches all static assets for offline use
    • Material Icons fonts cached for offline display
  • Connection Status Indicator: Visual indicator in header when offline (๐Ÿ“ถ emoji)
  • Auto-Save Settings: User preferences automatically saved to localStorage
    • Pixel size, mode, intensity, color variation, and fill color persist across sessions
    • Settings restored on return visits
  • Smart Notifications: Toast notifications for connection status changes
  • Background Sync: Offline queue system for future enhancements

๐Ÿ”„ Changed

  • Service Worker Registration: Automatic registration with update detection
  • Build Process: Enhanced to include service worker deployment

โšก Improved

  • Font Caching: Robust Material Icons font caching with fallback system
  • Error Handling: Better service worker error handling and logging
  • User Experience: Cleaner UI with offline indicator only showing when needed

[1.0.1] - 2025-01-27

โœจ Added

  • 404 error page with user-friendly design and navigation options
  • Popular pages section on 404 page showcasing main tools
  • Help section with troubleshooting tips for 404 errors

๐Ÿ”„ Changed

  • Improved Twitter card configuration for better social media previews
  • Enhanced Open Graph meta tags for better social sharing

๐Ÿ› Fixed

  • Twitter preview image optimization and sizing issues
  • Added proper Twitter card alt text for accessibility

[1.0.0] - 2025-08-16

Initial release of the static site for Pixelate Image

Pixelate Image (Image Pixelator)

  • Core pixelation workflow with real-time preview, adjustable pixel size, and multiple overlays
  • Advanced modes: circular, hexagonal, triangular, emoji, ASCII, mosaic, glass/crystal, glitch, gradient, fractal, wave, spiral, voronoi, perlin, solid fill
  • Download options: PNG, JPEG, WebP, BMP, TIFF, AVIF with quality controls

Invert Image Colors

  • Dedicated page and script to invert image colors with client-side processing

UI/UX

  • Responsive layout with sidebar controls, toolbars, and keyboard shortcuts
  • Theme system with light/dark mode and instant theme application

Privacy & Security

  • 100% local processing; no image uploads or server-side storage