Local guide to sprite atlases, transparency and poster sheets
Pack exact PNG pixels, remove a chosen solid background and tile a PDF poster. Inspect coordinates, alpha masks and physical paper layout before using the downloaded files.
Choose the deliverable
A texture atlas combines several static PNG sprites into one image and records their positions. Transparency editing changes selected alpha values in one image. Poster tiling converts the visible area of one PDF page into several paper pages. Choose the task that matches the next application or device.
| Task | Download | Independent check |
|---|---|---|
| Sprite packing | Atlas PNG, JSON and CSS | Sprite rectangle, RGBA pixels and extrusion |
| Solid background removal | Transparent PNG and report | Border connectivity, tolerance and retained pixels |
| Poster printing | Tiled PDF and assembly JSON | Paper dimensions, scale, orientation and seams |
Pack sprites with explicit spacing
Select static, non-interlaced 8-bit RGB or RGBA PNG sprites within the stated count and byte budgets. The atlas preserves their decoded channel values, including RGB underneath zero alpha. Choose a maximum row width, gutter and edge extrusion; the metadata records each actual sprite rectangle separately from its surrounding spacing.
Inspect the atlas on the checkerboard and switch to actual pixels when positioning matters. Open the complete JSON or CSS to connect filenames with coordinates. Unsupported PNG layouts are rejected rather than silently passed through a browser canvas that could alter hidden color values.
Remove a solid color with a visible rule
Choose a target RGB color and maximum per-channel tolerance. Border-connected mode uses four-neighbour connectivity from matching border pixels, with already-transparent pixels participating; all-matching mode also removes enclosed matching regions. An enclosed white centre can therefore remain opaque in one mode and become transparent in the other.
Matching pixels become alpha zero while unmatched alpha and colors remain intact. Basic RGB/RGBA PNG input uses the exact decoder. Other supported static images use browser canvas decoding; compare the downloaded decoded-original PNG with the transparent result because those formats do not promise original encoded bytes or hidden RGB preservation.
Lay out paper at the intended physical scale
Select the source PDF page, paper dimensions, orientation, scale percent, margin and overlap. The visible source area is the intersection of CropBox and MediaBox with the supported page rotation. Numbered rectangles show assembly positions; the PDF preview renders an actual downloaded output sheet.
A 210 by 891 millimetre source at 100 percent, portrait A4, zero margin and overlap yields three pages. A printer’s unprintable margin can change the useful area. Print at actual size and check a measured feature before printing every sheet; automatic fit-to-page changes the intended scale.
Check the handoff
- Retain originals and the complete coordinate or assembly report.
- Compare one sprite rectangle and its extrusion at actual pixels.
- Check enclosed and border-connected areas before choosing a mask mode.
- Confirm sheet dimensions and numbering in a PDF reader.
- Print a test sheet at actual size and verify a physical distance.
References
- Sprite atlas task
Specific task evidence; current tool descriptions define supported scope.
- Solid background task
Specific task evidence; current tool descriptions define supported scope.
- Poster paper task
Specific task evidence; current tool descriptions define supported scope.
Tools in this category
Expand a tool to see its steps, options and supported formats, then open its workspace.
PNG texture atlasPack game sprites into a PNG atlas with exact coordinates, transparent pixels and edge extrusion.
Build one texture sheet for independent sprites. Keep each source pixel and alpha channel, then download the sheet, coordinate map and numeric CSS classes for your renderer. Gutter leaves blank space; extrusion copies edge pixels into a separate ring.
Steps
- Choose your independent PNG sprite files.
- Set atlas width, blank gutter and edge extrusion. A border is reserved on every side of each sprite.
- Inspect the checkerboard preview and actual pixels, then download atlas.png, atlas.json and atlas.css together.
Available options
- Atlas width (pixels)
- 1024
- Blank gutter on each side
- 1
- Edge extrusion on each side
- 1
Capabilities and limits
- 1–500 PNG files, each up to 5 MiB and 30 MiB combined. Sources total up to 8 million pixels; the atlas up to 16 million pixels and 8,192 pixels per side. The chosen width must fit every sprite plus both borders.
- Only static, noninterlaced 8-bit RGB/RGBA PNG with no palette, transparent-color key, color profile/gamma/chromaticity/EXIF or animation extensions. Known text/time/pixel-density metadata is discarded. Every channel, including RGB under alpha zero, is preserved. No trim or rotation. Packing follows input order with deterministic shelves, not optimal bin packing.
Solid background transparencyRemove a chosen solid color from border-connected areas or every matching pixel.
Choose a background color and tolerance, then clear its alpha in a static image. Border mode protects matching colors enclosed by foreground; all-matching mode also clears those enclosed colors. Compare the decoded original and result on checkerboards.
Steps
- Select the static image and enter the exact six-digit background color.
- Choose border-connected or all-matching pixels; increase tolerance only after checking foreground edges.
- Compare the decoded original and transparent result, then download transparent.png and its report.
Available options
- Background color (#RRGGBB)
- #ffffff
- Maximum channel tolerance
- 0
- Matching area
- Border-connected only · Every matching pixel
Capabilities and limits
- One static PNG, JPEG or WebP up to 20 MiB and 16 million pixels. GIF, animated WebP/APNG and corrupt files are rejected. The output is a PNG; metadata is not retained.
- Matching uses the maximum RGB channel distance from #RRGGBB, within tolerance 0–255. Border mode uses four-neighbor connectivity, including already-transparent pixels. Only selected alpha values become zero; other decoded RGB/alpha values remain. Basic 8-bit RGB/RGBA PNG uses original pixel bytes; other variants/formats use browser decoding and color/orientation behavior, which can alter pixels from the encoded source.
PDF poster tilingPrint one large PDF page across numbered sheets with scale, margin and overlap.
Tile the visible area of a selected PDF page onto A4, A3, Letter or custom paper. The content stays vector-based; page rotation and nonzero crop origins are normalized. Use the assembly diagram and coordinate report to arrange the printed sheets.
Steps
- Select the PDF and one-based source page.
- Choose paper and orientation, set scale percent, printable margin and overlap in millimetres.
- Inspect numbered sheet positions, download the PDF and assembly JSON, and print at 100% actual size. Check your printer's unprintable margins first.
Available options
- Source page (1-based)
- 1
- Paper size
- A4 — 210×297 mm · A3 — 297×420 mm · Letter — 215.9×279.4 mm · Custom dimensions
- Paper orientation
- Portrait · Landscape (swap dimensions)
- Custom width (mm)
- 210
Used only for custom paper; swapped in landscape.
- Custom height (mm)
- 297
Used only for custom paper; swapped in landscape.
- Poster scale (%)
- 100
- Uniform printable margin (mm)
- 0
- Sheet overlap (mm)
- 0
Capabilities and limits
- One unencrypted unsigned PDF up to 30 MiB and 300 source pages; select one page. Up to 300 output sheets, paper sides 10–2,000 mm and scaled poster side at most 20,000 mm. XFA, detected signatures and any annotation/widget content are rejected.
- CropBox is intersected with MediaBox; rotation must be a multiple of 90°, and UserUnit must be absent or 1. Equal paper and margin lengths use 0.0001 pt rounding tolerance when counting sheets. Output order is row by row, top to bottom and left to right. Overlap must be smaller than both printable dimensions. Custom width/height are swapped for landscape.