Create a background texture to layer over websites, slides, banners and illustrations. Choose from four types: noise (fine film grain), paper (a two-tone speckle for a paper feel), grid (evenly spaced lines) and dots (a lattice of points). Enter a width and height in pixels, pick a background and texture color, and use the strength and scale sliders to tune density and grain size. Turn on a transparent background to export an overlay noise PNG you can drop on top of a photo or design. Noise and paper are drawn with a seeded random generator, so the Regenerate button rolls a fresh pattern. Presets cover common sizes like 1024×1024, 1920×1080 and 1200×630 (OGP). Export as PNG (with transparency) or JPEG — ideal for CSS background-image overlays. Nothing is uploaded; the drawing and export run entirely on a canvas in your browser.
How to use
- Pick a type (noise / paper / grid / dots).
- Enter the width and height in pixels (or pick a preset).
- Choose a background and texture color, then adjust strength and scale.
- Turn on the transparent background for an overlay. Use Regenerate to re-roll noise / paper.
- Pick a format (PNG / JPEG) and click Download. Your image is never sent anywhere.
FAQ
Is the image uploaded to a server?
No. Drawing the texture and exporting the PNG / JPEG run entirely in your browser using the Canvas API. The generated image is not uploaded, stored, or sent anywhere — everything is processed on your device.
Can I make a noise overlay for a photo or design?
Yes. Turn on the transparent background to draw only the texture with no fill and export it as a transparent PNG. You can then layer it in Photoshop, design tools or as a CSS background. (Transparency is PNG only; JPEG does not support it.)
Will I get the same pattern every time?
Noise and paper are drawn from an internal seed, so the same settings reproduce the same pattern. Press Regenerate to change the seed and roll a different one. Grid and dots are regular, so they always look the same.
What do strength and scale control?
Strength is the opacity of the texture — higher makes it more visible. Scale is the spacing in pixels of the grain, lines or dots — smaller gives a finer texture and larger a coarser one. For grid and dots it sets the cell spacing.