WIP: Feature/preview

[andreasschenkel]

First version to work on #17

[TRMSC]

Great, thank you for your pull request @andreasschenkel! 🥳 I will check your revisions for implementing the preview variants out! 😊

[andreasschenkel]

Please have a look at the new template that has just a small change to be able to adjust the width of the image.
(It is just a div.)
Thus the input image and the generated image have the original width and height but the size can be changed by using this template.
Templates that do not use this additional div will create images with a width of 100%.

[TRMSC]

Thank you for all of these ideas and preparations I will review! 😊🙏

Before I have tested the latest work a few thoughts:

We have to be careful with some of these points because there are four different ways to load images and it should be the same progress for each of them or otherwise the differences must be taken into account.

It's the same with the result: We have 3 different outputs and for example the use of divs within the SVG file will throw errors and the handling with height and width is sensible.

So in my opinion it is important to implement these kinds of elements carefully tuned for having a transparent and fully functionally progress for each setting and every enduser.

But beyond these thoughts I will try it out! 😊