Design : SVG button

[mel47]

Hi

I'm quite new to SVG. But there is so many ways to use them, that I'm little confuse and I don't know if I want to do too much things...

I need to do some buttons (4 differents). Ideally, I want to let the possibility to back-end's users to change the image (to change the color) if needed. My questioning is :  

• Backend image or hard-coded image?
• as image or background-image
• Text within image or using $page->title to write text on top of image
• Multi-language buttons
• How to manage hover color if the image is uploaded in backend (since the color change depending on the fill color)?

I want to avoid too much duplications but be flexible if possible. I can also decrease my expectations...

I found out yesterday how to add them inline via a backend image, but I'm not sure if it's the best way. Does it adding a lot of size to html page?

I don't expect anyone to write code for me, but I'm curious to see how experienced people are managing their design. Thanks!