[Feature Request] SVG image import

adracamas

New Member
I think with how 4k is building momentum, it would be really beneficial to offer support for importing SVG images like you could with Gif, Jpg, Png, etcetc
 
You can use the browser source and create a local file in the same folder as the svg. Just call it something like logo.html, ignore the html head stuff and just use this code: "<img src="filename.svg" style="width: 100%">"
 

datro

New Member
Have you tried adding SVGs with the media source?
I'm not sure I understand your suggestion. I'm new to OBS, but after diving into this a bit it seems that a "media source" is for things like playing a video as an OBS source. SVG files are vector files produced with tools like Inkscape or Adobe Illustrator. Can you elaborate on how I would use a media source to work with SVG files? Ultimately what I need is just a "Image Slide Show" source that can work with SVG files.
 

pcgeek86

New Member
I was just searching for a way to add SVG images to my OBS scenes, and came across this thread. I'd just like to +1 this feature request.
 

babunera

New Member
.SVG will be a great adition to OBS!

Tried it now to confirm that OBS can't handle .svg files using Media Source, neither throught Image Source.

The solution that lebaston100 suggest, creating a .html and using browser source can pull the .svg into OBS, but lacks it's escalability. It pulls the image as bitmap (jpg, png, gif) then you can see pixels, not a vector file (svg, pdf, eps, ai), that you can upscale 1000x and do not see pixels.
 

Antone-dev

New Member
For anyone in the future, dodgepong probably meant Browser Source. Or it has been renamed. SVGs can be handled in OBS with a Browser Source set to local file.
 

Fanaro009

New Member
You can use the browser source and create a local file in the same folder as the svg. Just call it something like logo.html, ignore the html head stuff and just use this code: "<img src="filename.svg" style="width: 100%">"

Omg. This works actually. Thanks @lebaston100!

You can also actually load the local SVG as a local file directly through the Browser Source, which is much simpler.
 
Top