jpeg.ink

This was inspired by carbon.now.sh and ray.so.

warning: jpeg images do not support transparency! they will have black behind the rounded borders. if you want the rounded borders, use png or webp.

warning: webp is currently only supported in chromium. other browsers will render a png instead, so this is feature-detected to make sure it's doable. see mdn for more info.

1. gradient colours are chosen
2. a canvas sized to your image + padding is created
3. gradient is rendered
4. box shadow is rendered
5. image is rendered
6. if enabled, watermark is rendered
7. a data url is generated for each kind of image, and then is set as the corresponding image tag's source attribute