1

I noticed that when turning a image with many texts into svg file, it'd be larger than its png file. The strokes of the outlines, which are part of font before we turning it into outlines, takes the most of the file size.

svg file size compared with png file size

I wonder if there's a font with the smallest size or minimal strokes, after we turn it from font into outlines. Maybe it's a geometrically crafted font or very similar to Futura without any correction from perfect shapes.

P.S., Maybe I can use the most common font like courier and not turn it into outlines to make it small, but I still wonder if the question above can be solved or not.

P.S.2, Or is there any better way to do with svg file?

  • This is a great question, but I'm curious why you can't just leave the text as SVG text instead of converting it to paths. Using svg text is going to significantly reduce your file size – Scribblemacher Dec 15 '15 at 10:23
  • @Scribblemacher SVG text needs users to install the font file in their computer. Some font file is rarely used in daily life, but may be useful in graphic design. So I have to convert text to path. – chenghuayang Dec 28 '15 at 7:09
-1

First question:
Why are you exporting text out as an image? There isn't a wrong answer; I'm curious as to what you're doing :)

I don't know what font is "the smallest," but you can optimize what you have though!

ImageOptim is a great tool to shave bytes off of the file size, and ImageAlpha is even more magical for PNGs with an alpha channel. I even wrote out a way to create a system wide shortcut to send selected image files to ImageOptim because I do it so much. Scroll to the bottom of that page for screenshots.

For JPEGs, I use JPEG Mini.

If you're comfortable with the command line, ImageOptim CLI is a free tool that allows you to run a batch of images through all three of these image optimizers. And here's one for SVG's — SVGO.

Hopefully this can help you in your quest to squeeze out all the bytes you can!

  • Because I needed to show a mind map on my website, and I thought svg file would be better for viewing text and have smaller file size. :) – chenghuayang Sep 16 '15 at 2:03
  • @chenghuayang • Depending on your needs, it might be a better user experience to embed a mind map. mindmeister.com/blog/2010/10/11/embedding-mind-maps – spjpgrd Sep 21 '15 at 13:20

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.