Opinion-request: repetitive logo – Inline svg or easy to cache img

[tinkering]

Hello
I’m uncertain what would be the “better” way to deliver my logo – a rather simple svg-file, 2446 bytes:
Should I embed it inline the html (reduce http-requests, but “page-bloat”) or should I link it (gets cached by the browser, trade-off would be a http-request)

Thanks very much!

t.

[Shikkediel]

Unless you want to alter the contents of the svg, I’d go for linking it as an image myself…

[Paulie_D]

An image is fine as long as you don’t want any special effects on it like changing color/animation etc.

[Robby]

xlink it (either on page or in an external file). This will give you all the benefits of inline-svg but not require you to copy big chunks of SVG code everywhere

[Paulie_D]

This will give you all the benefits of inline-svg but not require you to copy big chunks of SVG code everywhere.

Most of them…but not all.

[tinkering]

Thanks to all!

In the meantime, I found these posts:

https://css-tricks.com/icon-fonts-vs-svg/
https://css-tricks.com/svg-symbol-good-choice-icons/

Seems I can go much further with using svg – as sprites.
I might use it for my logo, variations and a proprietary icon-system as well!

Already got my sleeves rolled-up!

[Author]

Posts