I need help with SVG file size. Looking to use SVG Illustration artworks on app, msite and website.

We are using texture brushes for outlines of human figures and objects in the artwork.

The file size that we are getting after minifying SVG using SVGO online tool is ~7mb.

Q1. What should be done to reduce file size in this case? Q2. Can certain kinds of brushes or how brushes are made affect size? Q3. What is the usual size that are found for SVGs for web/app usage across the internet?

I have gone through many articles and posts regarding this still confused.

Any help would be great!

  • 3
    Raster images will always increase file sizes.
    – Scott
    Jun 1, 2021 at 16:28
  • .. and there is no such thing as "usual size" for any file. For digital delivery, one typically wants the smallest file size possible given the artwork.
    – Scott
    Jun 1, 2021 at 22:52
  • Hi. Welcome to GDSE. . . The more detail/complexity an image has, whether raster/vector, the higher the file size will be. Perhaps consider exporting as a medium quality JPEG instead. Do you really need a vector image? Will your users care? Are the SVGs just going to be used for display purposes, or for something else?
    – Billy Kerr
    Jul 2, 2021 at 15:37

1 Answer 1

  1. Use simpler brushes. However im not entirely sure 7mb counts as a big file.

    Anyway its really hard to be give advice here, as theres nothing we can do but speculate.

  2. Yes, the more detail you have the more data on disk it is going to use. Using complex brushes can baloon your svg really quickly without you realizing it.

  3. Theres really no usual size.

I understand that this is not very informative. But there is not much to go on in your question. I mean i could spend a few pages to explain how svg actually works and let you figure out yourself. But i feel thats probably not going to help you one iota.

  • 1
    OP does says "SVGs for web/app usage across the internet", so I would say 7mb svg is pretty large for one image. If it was 50 svg icons I could accept they take up 7MB... in web use. Obviously I have no idea what the image is like, but it kinda sounds to me like rasterizing the texture would likely help reduce the filesize by a lot.
    – Joonas
    Jun 2, 2021 at 7:16
  • A svg file is not really an image, its more like a wevpage onto itself @Joonas the size of a file is not related to what one wishes it to be. But rather what it contains. Yes 7 mb may be much for one icon. But it night bit be if this is a full page svg... It depends really on the usecase. I mean i have made full page interactive svgs.
    – joojaa
    Jun 3, 2021 at 5:40

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.