[mail] Replace logo with SVG #1478

Open
opened 2023-04-06 10:42:33 +00:00 by dpschen · 6 comments
Collaborator

Reason

So that it isn't blurry on high dpi devices, like mobile.

### Reason So that it isn't blurry on high dpi devices, like mobile.

What about mail software support for this? IIRC quite a few clients don't support svg because you could embed code in them.

What about mail software support for this? IIRC quite a few clients don't support svg because you could embed code in them.
Relevant discussion: https://github.com/go-vikunja/api/issues/25#issuecomment-1083626778
Poster
Collaborator

Well true: https://www.caniemail.com/features/image-svg/

EDIT:

Correcting: There is a valid workaround, see https://css-tricks.com/a-guide-on-svg-support-in-email/#aa-image-tag-with-css-hack. I wouldn't even call it a hack. It's totally valid if it works.

<img src="my-image.jpg" 
     alt="A pair of flat black dice, one on 5 and one on 3" 
     srcset="my-image.svg"
/>
Well true: https://www.caniemail.com/features/image-svg/ **EDIT:** Correcting: There is a valid workaround, see https://css-tricks.com/a-guide-on-svg-support-in-email/#aa-image-tag-with-css-hack. I wouldn't even call it a hack. It's totally valid if it works. ```html <img src="my-image.jpg" alt="A pair of flat black dice, one on 5 and one on 3" srcset="my-image.svg" /> ```

There is a valid workaround

Can we test this somehow? And wouldn't that mean we'll have to embed two images all the time?

> There is a valid workaround Can we test this somehow? And wouldn't that mean we'll have to embed two images all the time?
Poster
Collaborator

Can we test this somehow?

I guess only by sending this out to an actual account.

And wouldn't that mean we'll have to embed two images all the time?

Yes. If compressed the overhead of the logo as SVG shouldn't be that large.

> Can we test this somehow? I guess only by sending this out to an actual account. > And wouldn't that mean we'll have to embed two images all the time? Yes. If compressed the overhead of the logo as SVG shouldn't be that large.

at least for macOS and iOS I'd inline the svg, since both will initially not load <img> source

at least for macOS and iOS I'd inline the svg, since both will initially not load `<img>` source
Sign in to join this conversation.
No Milestone
No Assignees
3 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: vikunja/api#1478
There is no content yet.