Help with an SVG

Submitted by Maxibon on July 8, 2025
I am currently trying to incorporate a few JPG/PNG images into an SVG file, yet, it is giving me a very hard time since even a single image takes up hundred of kilobytes. Does anyone know of a method to do this without increasing the file size drastically?

Thank you

8 Comments
+3
Level 75
Jul 8, 2025
If you use any kind of image editing app to lower the image quality it should work.
+2
Level 73
Jul 8, 2025
Seems to be working wonders, thanks!
+2
Level 83
Jul 8, 2025
I always just do a screen snip. That way I can just resize the image however I need (assuming it’s rectangular).
+2
Level 33
Jul 9, 2025
Yeah, it's very annoying. My only SVG quiz for now is a PNG image, and I had to decrease the quality of the image, that makes it very ugly.
+1
Level 73
Jul 9, 2025
That's a price I'm willing to pay though, for me it's better to have the quiz albeit with low quality images, than no quiz at all.
+2
Level 88
Jul 9, 2025
You can use higher quality images. You need to link to the image rather than embedding it. Like this quiz of mine...

https://www.jetpunk.com/user-quizzes/331916/revealing-pictures-of-hollywood-stars

It has 128 pictures in it, but they are all just squares with links to pictures on the web, rather than the images being contained in the SVG.

+2
Level 88
Jul 9, 2025
Or this one which is featured. You can copy it and download the SVG to see how it works.

https://www.jetpunk.com/user-quizzes/331916/famous-landmarks-out-of-focus-1

If you select one of the squares that links to an image you can see in the XML Editor a line that says xlink:href with the link to the picture on the internet.

You can copy one of those squares (unblur it in Fill and Stroke) and paste it to your quiz, resize it and choose the link you want.

+1
Level 73
Jul 9, 2025
Once again you have come to save the day, thanks a ton!

Yep, I can now fit in quite a lot of images instead of the 10 I had planned.