Do all the things like ++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatarSign Up
What about quality loss though...?
EDIT: Oh. SVG. Nevermind.
That's a massive optimization, dude. Ggwp
Marl3x223543d@-ANGRY-STUDENT- fyi, the biggest optimization was removing metadata generated from Illustrator. This would normally be removed on export, but it wasn't in this case.
I also removed some elements that are generated to be used and referenced, but it was only used once, so it was much longer to reference it.
There were also unused attributes and small unnecessary elements.
Later I traced the Logo and made a new one from scratch, because it had some weird shapes and corners. The shapes were just unnecessarily complex.
And whilst playing around with the svg I saw that Illustator generates some points multiple times, for some reason. I deleted those per hand.
And at the end I minified it with an online minifier.
Ahh i love this one. Its so fun converting pngs to svgs and then removing unnecessary layers.
Wish i had known more about inkscape's uses and those dots/squares/the paths they generate.
I was once reading about Spotify. A developer in their team was able to make their logo as adaptable! He converted their png logo of 900kb to some very small svg and then this svg to idk what format, but it would show as complete "#Spotify" (#= their logo circle) on bigger screens and just "#" on smaller screens
ichijou615338d@StopWastingTime one way, you could embed some <style> with media queries inside the <svg>,
I tried making this svg that change shapes (between rect and circle) if opened in desktop browser and resize the window,
here's an example snippet of the svg,
unfortunately when loaded in html, the svg will base the media query on the image size not the actual screen size,
otherwise I think you could embed a separate css to the svg code as written here,