Image Tiler
Repeat an image into a tiled sheet — plain, mirrored, half-drop or brick offset — to check seams, then download the PNG or copy the CSS.
Drag & drop an image here, or click to browse
No uploads. Your files stay on your device.
How it works
Drop an image and it is repeated across a canvas straight away — pick how many columns and rows you want, scale each tile up or down, and switch between a plain repeat, a mirrored repeat, a half-drop (every second column shifted down) or a brick offset (every second row shifted sideways). Everything is drawn with the Canvas API inside your browser, so the picture is never uploaded anywhere.
Tiling is the fastest way to see whether a texture is really seamless: repeat it 3 × 3 and
any visible line or bright patch is a seam you still need to fix. Mirror mode hides seams on
textures that do not tile cleanly, while half-drop and brick offsets break up the obvious
grid on wallpapers and fabric patterns. Download PNG saves the tiled sheet,
and Copy CSS gives you the matching background-repeat rule for
the original image.
Frequently asked questions
How do I tile an image online?
Drop your image on the tool and it is repeated straight away in a 3 × 3 grid. Set the number of columns and rows, scale each tile between 5% and 400%, and pick a tiling pattern — the preview redraws instantly. 'Download PNG' saves the tiled sheet and 'Copy CSS' gives you a matching background-repeat rule. The whole thing runs in your browser with the Canvas API, so the image is never uploaded.
How can I tell if my texture is seamless?
Tile it. Repeat the texture at least 3 × 3 and look at the joins: a truly seamless texture shows no straight lines, no sudden change in brightness and no repeating bright spot. If you can see a seam, the edges of the source image do not match and need blending. If you cannot fix the edges, switch to Mirror mode — flipping alternate tiles always matches the edges, at the cost of a visible symmetry.
What is the difference between half-drop, brick and plain repeat?
Plain repeat lines every tile up in a strict grid, which is what CSS background-repeat does. Half-drop shifts every second column down by half a tile and brick shifts every second row sideways by half a tile — both break up the obvious grid and are the classic layouts for wallpaper, fabric and brickwork patterns. CSS cannot do those offsets on its own, so download the tiled PNG and use that as the repeating background instead.