Change widgets file format from .png to .svg

[milotype]

Describe the bug Widgets "Big status badge", "Small status badge" and "Panel" are not generated in svg format. This is a general issue!

To Reproduce

1. Go to 'https://hosted.weblate.org/widgets/weblate/'
2. Click on the "Big status badge", "Small status badge" or "Panel" widget
3. Scroll down to 'HTML code'
4. See file extension ".png"

Expected behavior All widgets should be generated in svg format.

Additional context This may be just my own preference, but IMO, svg is a widely used and supported format nowadays. The format supports image scalability as well as text searchability. IMO, pixel-based png files are not ideal. Take a look at https://planner-todo.web.app/, scroll down to the section Use Planner in your Language. The widget displays pixelated.

Conclusion If there is no specific reason for the png format, I'd sudgest to change all widgets to svg format.

[nijel]

• Panel has to be a PNG (or JPG, but that would lead to artifacts) as that one is used as OpenGraph Image, which does not support SVG.
• PNG allows to use our branded font, what is not possible in SVG (you can use only fonts installed on the system).

https://planner-todo.web.app/

Most images are weirdly scaled up on that page, I don't think that is the best example :-).

[github-actions[bot]]

This issue has been put aside. Currently, it is unclear whether it will ever be implemented as it seems to cover too narrow of a use case or doesn't seem to fit into Weblate. Please try to clarify the use case or consider proposing something more generic to make it useful to more users.