Example input
opacity 0.15 scale 1The browser workflow processes opacity 0.15 scale 1 locally and produces a result you can inspect before export.
Image Grain Generator
liveAdd deterministic color noise and grain to an image. TypeKitty's image grain generator runs locally in your browser, so you can create repeatable texture overlays with opacity, scale, and seed controls.
Images & Assetsimage
image-js reads and writes the pixel data locally.
How to use Image Grain Generator
Apply local grain-style noise to image artwork. Check the result before copying or downloading it.
Add your image
01Enter or choose the image you want to process with this browser tool.
Adjust the options
02Review the available settings and choose the output that fits your task.
Copy or download
03Inspect the result, then copy or download it without creating an account.
Practical examples
Start with a real input, then adapt it to your task.
Example input
seed 1612The browser workflow processes seed 1612 locally and produces a result you can inspect before export.
Example input
add noise to imageThe browser workflow processes add noise to image locally and produces a result you can inspect before export.
How this browser tool works
TypeKitty processes the data you enter in this browser tab. It is not sent to a TypeKitty tool API.
No account required
image workflow
Preview before download
Current limitation
Browser release applies deterministic RGB noise to the selected image.
Related tools
All toolsWhat to know before you start
Seeded grain makes results repeatable
Using the same source, seed, scale, and opacity produces a consistent texture instead of a new random pattern on every run. That makes it easier to match assets across a campaign or return to an earlier result after testing different export settings.
Grain changes compression behavior
Fine noise adds high-frequency detail that can increase JPEG or WebP file size and create compression artifacts. Apply only enough texture for the intended viewing size, then compare quality and output weight. PNG preserves pixels but may produce a much larger file.
Frequently asked questions
Continue working
Return to this workbench or open a related TypeKitty tool.