Dot Red webdevelopment created a
transparent PNG pixel generator for all the people who are tired of creating transparent background images in Photoshop. You can use this transparent PNG pixel generator directly in your stylesheets. For optimal performance the PNG generator uses a caching mechanism so that the server doesn't have to generate the pixels for every request. You can of course also use the transparent PNG pixel generator to directly save the PNG image to your harddisk.
Usage
Use the following url in your stylesheets or your browser:
http://www.dotred.nl/png/
You can use the following GET variables to style the pixel:
- color // Color code without the # ! i.e. ff0000 or f00
- opacity // Value between 0 and 100 where 0 is completely transparent
- width // Value between 0 and 100
- height // Value between 0 and 100
- save // If the value is 1 the pixel will be saved to harddisk
Examples
Red 1x1px image with an opacity of 80%
#element{
background-image:url('http://www.dotred.nl/png/?color=ff0000&opacity=80');
}
Black 20x20px image with an opacity of 50%
#element{
background-image:url('http://www.dotred.nl/png/?color=000&opacity=50&width=20&height=20');
}
Saving a green 1x1px image with an opacity of 100% to the harddisk
http://www.dotred.nl/png/?color=0f0&save=1