Hi,
I am using a lot of svgs on my website but unfortunately the svgs with paths are quite large in size, even when run through a compressor tool.
I wanted to combine 3 small images in order to reduce http requests but then I noticed that the combined image is much larger than the three small images together(300kb vs 200kb). So would it still make more sense to combine them so that I have less http requests or is the end size more important?
Thank you for your help.
File size vs http requests
Re: File size vs http requests
From my experience, svg of 200-300kb can contain a lot inside. If you have some complex drawings inside, and in it aslso depends on what kind of elements we are speaking here, combining would not do much regarding the size.
Try with Vacuum Defs or try Save As - Plain svg.
Try with Vacuum Defs or try Save As - Plain svg.
Re: File size vs http requests
Hi,
sorry, I don't really understand what you are saying: Are you saying I would be better off using 3 images (together 200kb) instead of one image (300kb) for my website?
I am already using vacum def and saved as plain svg, and also used compression tools.
sorry, I don't really understand what you are saying: Are you saying I would be better off using 3 images (together 200kb) instead of one image (300kb) for my website?
I am already using vacum def and saved as plain svg, and also used compression tools.
Re: File size vs http requests
lolli wrote:... sorry, I don't really understand what you are saying: Are you saying I would be better off using 3 images (together 200kb) instead of one image (300kb) for my website?...
Can`t be sure but it does sounds like a solution. Math would say 3x=200kb => x<70kb in comparison to y=300kb ,)
On the other hand, what kind of speed record you`re after since these amounts should not be a problem for the nowadays web?
Re: File size vs http requests
Well I have a lot of images on the site, so all these add up. One page is easily 2 mb with all these images and I know that Page speed services like Pingdom and Google always advise you to decrease http requests which I could do if I used less images...but then they would be larger than all the small ones combined...
Re: File size vs http requests
While we speak of optimisation...
Vectors, when available as a solution, should decrease the size but I can`t be sure why are you having that odd occurance with combining images. One of the factors which increase the svg size is number of nodes, so if you can further simplify these images - it would reduce the size of the image.
Could you post a screen shots of these images? Further coments, while blindfolded, can`t be of much help.
Vectors, when available as a solution, should decrease the size but I can`t be sure why are you having that odd occurance with combining images. One of the factors which increase the svg size is number of nodes, so if you can further simplify these images - it would reduce the size of the image.
Could you post a screen shots of these images? Further coments, while blindfolded, can`t be of much help.
Re: File size vs http requests
I have 3 of these and would like to combine them to one. Because I use them one a website, I needed to convert the font into a path which of course makes the size much larger.
- Attachments
-
- handgefertigte-details.svg
- (61.62 KiB) Downloaded 157 times
Re: File size vs http requests
Well, since it`s all about the font, and site is yours - add/embed the font to the website and svg should be just a few kb`s.
I`ve tried out (within your example - same text, same shape) with some grunge font, and while it was kept as font - 3.14KB
When converted to path - 1.2MB ,)
I`ve tried out (within your example - same text, same shape) with some grunge font, and while it was kept as font - 3.14KB
When converted to path - 1.2MB ,)
Re: File size vs http requests
I have the font embedded to my site with @fontface but still, when used in svg images only people can see it who have the font installed(when used as text in the svg). That's why I had converted the font to a path. Am I missing something??
Re: File size vs http requests
Try with this page as a starting point.
Re: File size vs http requests
Hi, thanks for the link but this is what I already have done. I have imported the font via @fontface and declared svg, woff, woff2, truetype, opentype. Still you can only see the correct font in images when you have it installed.
Re: File size vs http requests
Not all of the fonts are made properly.
If everything else fails, perhaps changing the font would solve a thing and fortunately, there is a lot of available fonts.
If everything else fails, perhaps changing the font would solve a thing and fortunately, there is a lot of available fonts.