SVG to PNG for Favicons

70 views
Skip to first unread message

TonyM

unread,
May 10, 2020, 6:09:01 AM5/10/20
to TiddlyWiki
Folks,

I have a wonderful library of icons in svg tiddlers, however when I create a new wiki I like to set the favicon so its east to recognise in a Browser tab, which often pin in the browser.

Dose anyone know of a way to convert an SVG tiddler, or is "code" to a png of the same size, ideal with a copy and paste?

Ideally it would be nice to do this in wiki where I have a large library but anywhere would be fine. There are plenty of tools out there that will convert svg files, But as a rule I have them in tiddler format instead.

ANother way maybe if I could export an svg tiddler as an svg file, then convert that. But I do not know what it would take to do this.

Thanks for any guidence

Regards
tony

TiddlyTweeter

unread,
May 10, 2020, 6:48:37 AM5/10/20
to TiddlyWiki
Tech note: conversion of vector to bitmap can be a PITA. The formats are totally different and Segway between them involves tricks.

SCREEN CLIP of showing SVG to PNG is likely easiest as its already bit-ised.

TT

Jeremy Ruston

unread,
May 10, 2020, 7:14:22 AM5/10/20
to tiddl...@googlegroups.com
Hi Tony

Modern browsers apart from Safari now directly support SVG favicons. I’ve updated the prerelease with a tweak so that SVG favicons can be used in TW5. Just rename the SVG image to $:/favicon.ico


You can try it out on the prerelease:


Best wishes

Jeremy.

-- 
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/e62d76a5-c2c9-4d56-822d-a14a56bdbd38%40googlegroups.com.

TonyM

unread,
May 10, 2020, 8:49:40 AM5/10/20
to TiddlyWiki
Jeremy,

That's great thanks. That will be quicker and easier.

Regards
Tony

TonyM

unread,
May 10, 2020, 8:52:57 AM5/10/20
to TiddlyWiki
TT

Not sure what pitta is and I do know the difference thanks. Screenshots work but it is annoying to capture a square, ensure it is the size you want etc... Then save as the right format...

The svg improvement is welcome.

Regards
Tony

TiddlyTweeter

unread,
May 10, 2020, 9:11:30 AM5/10/20
to TiddlyWiki
TonyM

PITA  = " Pain in the arse/ass." (https://dictionary.cambridge.org/dictionary/english/pita)

I agree direct use of SVG is best. Great JR is enabling it.

TT

Mohammad

unread,
May 10, 2020, 10:09:39 AM5/10/20
to TiddlyWiki
Wonderful!

Tiddlywiki is on the right track!

We see some great new features are introducing daily!

Thank you Jeremy!

--Mohammad
Jeremy.

To unsubscribe from this group and stop receiving emails from it, send an email to tiddl...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages