Mobile app version of vmapp.org
Login or Join
Speyer780

: Font outlines for svg file with the smallest size? 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

@Speyer780

Posted in: #FileSize #Fonts #SketchApp #Svg #WebFonts

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.



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?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Speyer780

1 Comments

Sorted by latest first Latest Oldest Best

 

@Carla748

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!

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme