layers_clear

Frame Bleeds

Edge extension to prevent seam artifacts in tilemaps. Essential for Unity, Godot and other 2D engines.

Settings

WHAT IS SPRITE BLEEDING?

Sprite bleeding (or edge padding) is a technique used in 2D game development to prevent visual artifacts like seams or grid lines from appearing around tiles. When game engines like Unity or Godot apply texture filtering, sub-pixel rendering, or camera scaling, they can accidentally sample transparent pixels or neighboring frames. Bleeding solves this by artificially extending the outermost pixels of your sprite into a safe margin, ensuring perfect rendering at any resolution.

HOW IT WORKS

1. Image Upload

Drag and drop your PNG, GIF, or WebP sprite sheet directly onto the canvas. All image decoding and processing happens securely and locally within your browser.

2. Define Grid & Parameters

Set the Columns and Rows to slice your sprite sheet into its individual mathematical frames. Then, specify the Bleed X and Bleed Y values to determine how many pixels of safety padding to generate around each frame.

3. Process & Inspect

Click the Process button to generate the expanded sprite sheet. Use the scroll wheel to zoom in and Space+Drag to pan around the canvas, verifying that the new margins align perfectly with your engine's requirements.

4. Optimized Sheet Download

Once satisfied with the expanded margins, download your new sprite sheet. The resulting file is a lossless PNG, ready to be imported directly into your game engine without further adjustments.

SETTINGS GUIDE

Bleed X / Y

Defines the exact horizontal and vertical pixel padding added to every individual frame. This creates the necessary safe zone to prevent the engine from sampling adjacent tiles or transparent background during camera movement.

Clamp Method

Clones and stretches the absolute outermost edge pixel of your sprite infinitely into the new margin. This is the industry standard for solid blocks, UI elements, and non-repeating platforms.

Wrap Method

Takes the pixels from the opposite side of the image and tiles them into the new margin. This is absolutely essential for seamless textures, repeating backgrounds, and continuous terrain.

Mirror Method

Symmetrically reflects the image across its bounding edge to fill the bleed padding. This technique is highly recommended for organic textures, water surfaces, or symmetrical assets.

Alpha Threshold

Acts as a strict pre-processing cleaner for semi-transparent edges (anti-aliasing). Pixels falling below this opacity value are completely erased, while those above are forced to 100% solid before the bleeding starts, preventing ghosting artifacts.