ImageTwe4k3r

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, sizing, colors, and rotation options.
  • 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.
  • Distort: Warp the image with a displacement map, scale, offset, smoothing, and chromatic aberration controls.
  • 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 colored glow to bright areas with threshold, softness, intensity, and blend mode controls.
  • 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: Fine-tune image brightness, contrast, and color levels.
  • Linocut: Create variable-width line patterns based on image brightness, like a linocut print.
  • Mosaic Shift: Displace image tiles with random, alternating, or wave-based mosaic shift patterns.
  • Noise: Add procedural noise, texture, grain, monochrome color, and blend mode variations.
  • Paint: Draw directly on the canvas; blend mode applies to the whole paint layer for that effect.
  • Pixel: Pixelate your image with grid, radial, ring, Voronoi, random block, and color variant modes.
  • Posterize: Reduce the number of colors for a poster-like look.
  • Shape Grid: Fill a grid with various shapes based on image brightness.
  • Slice: Slice and shift parts of the image for glitchy, wave, repeated, or collage-like effects.
  • Snake: Create a snake-like pattern that follows image contours.
  • Text: Overlay custom text with full control over font, size, color, spacing, style, blend, and position.
  • Threshold: Convert your image to black and white using a threshold value.
  • Truchet: Generate tile patterns with diagonal lines and quarter-circles based on image brightness.
  • Vignette: Darken or tint image edges with ellipse, vertical, horizontal, width, height, fade, rotation, color, and center controls.
  • 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
  • Rotation X/Y/Z: Tilt and rotate the image in three-dimensional space
  • Scale: Resize the transformed image
  • Perspective and Distance: Control depth and camera feel
  • Background Color: Fill exposed areas around the transformed image
  • 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
  • Character Set: Choose preset or custom characters for the rendering pattern
  • Cell and Font Size: Balance detail, readability, and density
  • Colors: Use monochrome text color or invert the result
  • Rotation: Add controlled character rotation for a more organic look
  • 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
  • Displacement Map: Upload an image to drive the distortion field
  • X/Y Amount: Control horizontal and vertical displacement separately
  • Scale and Offset: Resize or reposition the displacement map
  • Smoothness: Soften the displacement result
  • Color Aberration: Add RGB channel separation around distorted edges
  • 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
  • Color: Set the glow tint
  • Intensity: Control how strong the glow appears
  • Threshold: Choose which brightness values emit glow
  • Softness: Control blur and spread around glowing areas
  • Blend Mode: Change how the glow is composited over the image
  • 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)
  • Effect Amount: Blend from original image at 0% to full halftone at 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
  • Cell Width/Height: Set the simulated display grid resolution
  • Pixel Size: Control subpixel size and spacing
  • Subpixel Orientation: Switch RGB/BGR style arrangements
  • Contrast: Adjust display punch and separation
  • Grid Lines: Add visible screen structure
  • Input Black/White: Remap the darkest and brightest source values
  • Gamma: Adjust midtone brightness without moving endpoints
  • Output Black/White: Compress the final tonal range
  • Scale and Noise: Shape line thickness and organic variation
  • Line Spacing/Stroke Width: Control the print-like hatch structure
  • Threshold: Decide which tones become carved lines
  • Orientation: Switch the direction of the line field
  • Invert and Color: Flip brightness logic and choose line color

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)
  • Type: Choose the procedural noise style
  • Scale and Octaves: Control texture size and detail layers
  • Intensity/Amount: Set how strongly the noise affects the image
  • Monochrome: Use grayscale noise or a custom single color
  • Blend Mode: Composite noise with multiply, screen, overlay, and related modes
  • 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
  • Brush Size: Set stroke thickness
  • Color and Opacity: Control paint appearance
  • Blend Mode: Applies to the whole paint layer for that effect, including existing strokes
  • Undo/Clear: Remove the last stroke or clear all strokes for that Paint effect
  • Mode: Choose grid, radial, rings, Voronoi, random, or related pixel layouts
  • Cell Size: Control the pixel block scale
  • Center Controls: Position radial and ring-based pixel effects
  • Variant: Switch color treatment such as classic, posterized, or grayscale
  • 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)
  • Grid Size: Set the geometric sampling resolution
  • Threshold: Decide which brightness levels draw shapes
  • Shapes: Enable circles, squares, triangles, crosses, hearts, and more
  • Merge Levels: Combine neighboring cells into larger shapes
  • Colors and Rotation: Customize foreground/background and random rotation
  • Grid Size: Control the pattern resolution
  • Color Count/Mode: Choose the palette behavior
  • Shape: Switch the path style used to follow image structure
  • Padding and Corner Radius: Tune spacing and roundness
  • Outline Style: Choose the edge treatment for the generated pattern
  • Content: Add custom text over the image
  • Font: Choose web fonts, system fonts, or upload a custom font
  • Size, Weight, Spacing: Control typography details
  • Position and Alignment: Place text precisely on the canvas
  • Style and Blend: Use fill/stroke styling and blend modes
  • Amount: Control edge darkening or tint strength
  • Size: Scale the overall fade area while preserving width/height ratio
  • Width/Height: Shape the fade independently on each axis
  • Fade Size: Expand or soften the transition zone
  • Shape and Rotation: Use ellipse, vertical, or horizontal fades and rotate them
  • Center and Color: Move the focal point and choose the vignette color
  • 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)
  • Effect Amount: Blend from original image at 0% to full blob effect at 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