ImageTweaker

Image manipulation studio

Donate

Navigation Tips

  • Use the compact toolbar at the top for quick actions (Upload, Random, Clear, Reset, Save/Load Settings, Export)
  • Click the effect name to expand/collapse its controls
  • Reorder effects using the drag handle (≡ icon) or the up/down arrows in each effect panel
  • Use the sliders to adjust values, or click the - / + buttons for precise control
  • Enable animation mode to create keyframe-based animations

Getting Started

ImageTweaker is a powerful tool for applying various effects and transformations to your images. Start by uploading an image using the "Upload" button, drag and drop an image file, or click "Random" for a placeholder image.

Top Bar Controls

  • Upload: Select an image from your device
  • Random: Load a random placeholder image
  • Clear: Remove the current image
  • Reset: Reset all effects while keeping the current image
  • Save: Save current effect settings to a JSON file
  • Load: Load previously saved settings from a JSON file
  • Crop: Open the cropping interface with aspect ratio presets
  • PNG: Export the image as PNG with embedded metadata
  • SVG: Export the image as SVG with embedded metadata (only available when halftone or dither is the last effect)
  • Video: Export animations as MP4 video files

Available Effects

  • 3D: Rotate and tilt your image in 3D space for a perspective or isometric look.
  • Ascii: Turn your image into ASCII art using customizable character sets.
  • Blob: Connect dots based on brightness to create organic, blobby patterns.
  • Blur: Soften or distort your image with various blur types (Gaussian, Box, Motion, etc.).
  • Color: Adjust brightness, contrast, saturation, hue, and invert colors.
  • Dither: Apply classic or modern dithering for a retro, pixelated look.
  • Find Edges: Highlight edges in your image using various edge detection algorithms.
  • Glitch: Add digital glitch effects: pixel sorting, channel shift, scan lines, and more.
  • Glow: Add a glowing aura to bright areas for a dreamy or sci-fi look.
  • Gradient: Map image brightness to a custom color gradient for creative colorization.
  • Grid: Overlay a grid and manipulate cells for mosaic or tiled effects.
  • Halftone: Simulate print halftone patterns with dots, lines, or shapes.
  • LCD: Simulate LCD/CRT subpixel patterns for a digital or retro display look.
  • Levels: Adjust black, gamma, and white points for precise contrast and brightness control.
  • Linocut: Create variable-width line patterns based on image brightness, like a linocut print.
  • Mosaic: Displace image tiles for a mosaic or shifting tile effect.
  • Noise: Add Perlin noise for organic grain, texture, or film effects.
  • Pixel: Pixelate your image with various grid, radial, or random block patterns.
  • Posterize: Reduce the number of colors for a bold, poster-like effect.
  • Shape Grid: Create geometric patterns that respond to image brightness.
  • Slice: Slice and shift parts of the image for glitchy or collage effects.
  • Snake: Create winding, snake-like patterns based on image structure.
  • Text: Overlay custom text with full control over font, size, color, and position.
  • Threshold: Convert your image to high-contrast black & white or two-color art.
  • Truchet Tiles: Generate mesmerizing patterns with diagonal lines, quarter-circles, and triangles based on image brightness.
  • Enable Animation: Toggle animation mode to create keyframe-based animations
  • Timeline: Visual representation of your animation with keyframes
  • Add Keyframe: Capture current effect settings at the current time
  • Keyframe Controls: Drag to adjust timing, click to select and edit
  • Easing: Choose how effects transition between keyframes
  • Duration: Set the total length of your animation
  • Loop: Enable to make the animation repeat seamlessly from end to start
  • Export Video: Render your animation as an MP4 video file
  • Brightness: Adjust image brightness from 0-200% (100% is original)
  • Contrast: Control image contrast from 0-200% (100% is original)
  • Saturation: Modify color intensity from 0-200% (100% is original)
  • Hue Shift: Rotate colors along the color wheel from -180° to +180°
  • Invert Colors: Toggle to invert all colors in the image
  • Blend Mode: Choose how colors blend with the original image
  • Type: Choose between Gaussian, Radial, Motion, or Tilt-Shift blur
  • Radius: Control the strength/distance of the blur effect
  • Center X/Y: Set the center point for Radial blur (0-100%)
  • Angle: Set the direction for Motion blur (0-360°)
  • Focus Position: Set the clear area for Tilt-Shift blur
  • Focus Width: Control the size of the clear area in Tilt-Shift
  • Gradient: Control the transition smoothness in Tilt-Shift
  • Blend Mode: Choose how the gradient overlays the image (16 modes available)
  • Opacity: Control the strength of the gradient effect (0-100%)
  • Color Stops: Set colors for dark (0%), mid (50%), and light (100%) tones
  • Mode: Choose between Solid (pure black/white) or Gradient
  • Threshold: Set the brightness cutoff point (0-255)
  • Colors: Customize dark and light colors for both solid and gradient modes

Creates patterns to simulate shading using limited colors.

  • Color Mode: Choose between Grayscale, Color, or 2-Color Palette
  • Type: Various dithering algorithms (Ordered, Floyd-Steinberg, etc.)
  • Resolution: Control pattern size (1-100)
  • Threshold: Adjust pattern intensity (0-255)
  • Color Depth: Number of colors used (2-256, not available in 2-Color mode)
  • Custom Colors: In 2-Color mode, set your own dark and light colors
  • Cell Size: Size of individual dots (2-30px)
  • Dot Scale: How dots grow with brightness (0.1-1.5)
  • Mix Amount: Blend with original image (0-100%)
  • Shape: Choose dot shape (Circle, Square, Diamond, etc.)
  • Pattern: Arrangement style (Grid, Hexagonal, Spiral, etc.)
  • Colored: Toggle between monochrome and color
  • CMYK: Enable for color separation with individual channel control
  • Invert: Reverse the brightness pattern
  • Tile Size: Control the size of each pattern tile (3-30px)
  • Pattern Types: Choose from diagonal lines, quarter-circles, and triangles
  • Pattern Density: Adjust how many tiles show patterns (0-200%)
  • Line Width: Set the thickness of pattern lines (1-3px)
  • Colors: Customize background and pattern colors
  • Threshold: Control brightness level that triggers pattern generation
  • Performance: Optimized with pre-calculated brightness map

General Glitch

  • Intensity: Amount of glitch distortion (0-100)
  • Density: Number of affected areas (0-100)
  • Size: Size of glitch artifacts (1-50)
  • Direction: Apply horizontally, vertically, or both

Pixel Sorting

  • Threshold: Brightness level to trigger sorting (0-100)
  • Direction: Sort horizontally, vertically, or both

Channel Shift

  • Amount: Distance of offset (0-50)
  • Channels: Choose which colors to shift (RGB, RB, RG, GB)

Scan Lines

  • Count: Number of lines (1-100)
  • Intensity: Line darkness (0-100)
  • Direction: Horizontal, vertical, or both

Noise

  • Amount: Intensity of noise (0-100)

Blocks

  • Size: Block dimensions (1-50)
  • Offset: How far blocks move (0-50)
  • Density: Number of affected blocks (0-100)
  • Text Pattern: Characters used for dithering
  • Font Size: Size of text (6-24)
  • Resolution: Pattern density (0.5-4)
  • Color Mode: Monochrome or colored
  • Contrast: Pattern intensity (0-2)
  • Brightness: Overall brightness of the text pattern
  • Invert: Reverse the brightness pattern
  • Columns/Rows: Grid divisions (1-10)
  • Rotation: Optional rotation of grid cells (0-45°)
  • Split: Subdivide grid cells randomly
  • Split Probability: Chance of splitting (0-1)
  • Max Split Levels: Maximum subdivisions (1-5)
  • Min Cell Size: Smallest allowed cell (10-200px)
  • Cell Size: Size of each mosaic tile (5-100px)
  • Shift Amount: Distance to offset tiles (0-100%)
  • Direction: Apply offsetting horizontally, vertically, or both
  • Pattern: Choose between Random, Alternating, and Wave patterns
  • Background Color: Set color for exposed areas when tiles are moved
  • Direction: Apply slicing horizontally, vertically, or both
  • Slice Count: Number of slices to create (1-50)
  • Pattern: Choose between Random, Alternating, Wave, Rearrange, and Repeat patterns
  • Intensity: Controls shift amount for Random, Alternating, and Wave patterns
  • Background Color: Set color for exposed areas when slices are moved
  • Levels: Number of color levels (2-256)
  • Color Mode: Choose between RGB or Grayscale
  • Preserve Luminance: Maintain brightness while reducing colors
  • Dithering: Enable dithering to reduce banding
  • Dither Amount: Control the intensity of dithering (0-100)
  • Algorithm: Choose between Sobel, Prewitt, or Laplacian edge detection
  • Intensity: Control the strength of edge detection (0-100)
  • Threshold: Set the minimum edge strength to display (0-255)
  • Invert: Reverse the edge detection result
  • Color Mode: Choose between Grayscale or Color edges
  • Blur Radius: Pre-blur the image before edge detection (0-10)
  • Cell Size: Size of individual blobs (2-30px)
  • Mix Amount: Blend with original image (0-100%)
  • Shape: Choose blob shape (Circle, Square, Diamond, etc.)
  • Connection Type: How blobs connect (Straight, Curved, None)
  • Connection Strength: Control how strongly blobs connect (0-10)
  • Connection Color: Set the color of connections between blobs
  • Distance Range: Set minimum and maximum connection distances
  • PNG Export: Save as standard PNG with embedded metadata including Software, Author, and Website info
  • SVG Export: Save as vector SVG with RDF metadata and precise information about halftone dots
  • Video Export: Export animations as MP4 video files with customizable duration and quality
  • Filename: Includes timestamp to prevent overwriting previous exports
  • Save Settings: Export all effect parameters and their order to a JSON file
  • Load Settings: Apply previously saved settings from a JSON file to recreate an effect
  • Reset: Restore original settings without losing your image
  • Crop Image: Open the cropping interface with aspect ratio presets