Blurry/aliased banner and workflow images

[hiddewie]

I'm submitting a feature request

The banner and workflow image are pretty blurry/aliased. They seem to be generated from a vector source. It would be good to use this vector source to publish the image as a vector image, for example SVG.

What is the motivation / use case for this feature?

SVG images are infinitely scalable.

What is the current behaviour, (attach relevant screenshots) ?

What is the expected behaviour ?

No blurry/aliased text and images.

When does this occur ?

Open the application

Please tell us about your environment:

Ubuntu 21.10. Firefox 99.0

---

https://github.com/mapbox/osmcha-frontend/blob/master/src/assets/banner.png https://github.com/mapbox/osmcha-frontend/blob/master/src/assets/work_flow.png