Comments on: Using SVG Logos http://dbushell.com/2010/06/30/using-svg-logos/ David Bushell Sat, 21 Jan 2012 10:06:04 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: David Bushell http://dbushell.com/2010/06/30/using-svg-logos/#comment-486 David Bushell Mon, 19 Jul 2010 21:22:47 +0000 http://dbushell.com/?p=412#comment-486 Thanks Rachel, that's good to here! Maybe I'll do a post on all the pros and cons to consider. (If I ever get time to research more!) Thanks Rachel, that’s good to here! Maybe I’ll do a post on all the pros and cons to consider. (If I ever get time to research more!)

]]> By: Rachel http://dbushell.com/2010/06/30/using-svg-logos/#comment-484 Rachel Mon, 19 Jul 2010 20:15:44 +0000 http://dbushell.com/?p=412#comment-484 Just tried reloading the page on my iPhone 4 at home and it's loaded within 3 seconds! Must have been bad reception at work. :) Having never used Chrome before Iw asn't too sure why it generated that code! Thanks though. Definitely going to use the SVG myself then. :) It does look beautiful on the iPhone, that's for sure! Just tried reloading the page on my iPhone 4 at home and it’s loaded within 3 seconds! Must have been bad reception at work. :) Having never used Chrome before Iw asn’t too sure why it generated that code! Thanks though. Definitely going to use the SVG myself then. :) It does look beautiful on the iPhone, that’s for sure!

]]> By: David Bushell http://dbushell.com/2010/06/30/using-svg-logos/#comment-481 David Bushell Mon, 19 Jul 2010 16:16:58 +0000 http://dbushell.com/?p=412#comment-481 The big advantage is the ability to scale. Using a normal JPEG or PNG you're stuck at 72ppi, most screens have a better resolution that this, iPhone 4 for example is over 300dpi. Zooming is natural on phones and normal images look terrible, vectors will always look perfectly crisp. Typically vector files like SVG should be smaller than an equivalent image (and can be compressed when sent to the browser). Chrome's Inspector is not a true representation of the HTML. Try viewing the source directly (right/control click > view source) you'll see it's just like using a normal image (a single tag). Chrome's Inspector expands this into the raw XML so you can edit it. Not sure why it's slow on your iPhone but I doubt the SVG usage is to blame :) Could be hundreds of reasons. The big advantage is the ability to scale. Using a normal JPEG or PNG you’re stuck at 72ppi, most screens have a better resolution that this, iPhone 4 for example is over 300dpi. Zooming is natural on phones and normal images look terrible, vectors will always look perfectly crisp. Typically vector files like SVG should be smaller than an equivalent image (and can be compressed when sent to the browser).

Chrome’s Inspector is not a true representation of the HTML. Try viewing the source directly (right/control click > view source) you’ll see it’s just like using a normal image (a single tag). Chrome’s Inspector expands this into the raw XML so you can edit it.

Not sure why it’s slow on your iPhone but I doubt the SVG usage is to blame :) Could be hundreds of reasons.

]]> By: Rachel http://dbushell.com/2010/06/30/using-svg-logos/#comment-478 Rachel Mon, 19 Jul 2010 14:30:47 +0000 http://dbushell.com/?p=412#comment-478 Have you found any particular advantages to using the SVG or, in particular, any drawbacks? It's something I've been considering for my own website, however when I look at the code via Chrome's "Inspect Element" it looks like it creates a HUGE amount of code for that one element. Would this be affecting the page load time, or is it just generated as a way of encoding/displaying the SVG in a code format? ?The page loaded relatively quickly for me online, but on my iphone it's taken around 25-30 seconds. Though, having said that, it does look pretty good!Sorry for the slightly novice questions, I'm just quite new to using SVG's myself. Have you found any particular advantages to using the SVG or, in particular, any drawbacks? It’s something I’ve been considering for my own website, however when I look at the code via Chrome’s “Inspect Element” it looks like it creates a HUGE amount of code for that one element.

Would this be affecting the page load time, or is it just generated as a way of encoding/displaying the SVG in a code format? ?The page loaded relatively quickly for me online, but on my iphone it’s taken around 25-30 seconds. Though, having said that, it does look pretty good!Sorry for the slightly novice questions, I’m just quite new to using SVG’s myself.

]]> By: Simon http://dbushell.com/2010/06/30/using-svg-logos/#comment-470 Simon Mon, 19 Jul 2010 05:44:03 +0000 http://dbushell.com/?p=412#comment-470 Haven't we all Haven’t we all

]]> By: David Bushell http://dbushell.com/2010/06/30/using-svg-logos/#comment-463 David Bushell Sun, 18 Jul 2010 17:37:37 +0000 http://dbushell.com/?p=412#comment-463 Thanks mate! I'm sure we'll cross paths again :) I've got a few projects in the pipeline but not enough free time. Thanks mate! I’m sure we’ll cross paths again :) I’ve got a few projects in the pipeline but not enough free time.

]]> By: Simon http://dbushell.com/2010/06/30/using-svg-logos/#comment-435 Simon Thu, 15 Jul 2010 07:17:26 +0000 http://dbushell.com/?p=412#comment-435 Your design and web dev skills are going from strength to strength, Dave. I hope to work with you again some day. Your design and web dev skills are going from strength to strength, Dave. I hope to work with you again some day.

]]> By: David Bushell http://dbushell.com/2010/06/30/using-svg-logos/#comment-97 David Bushell Wed, 30 Jun 2010 21:27:09 +0000 http://dbushell.com/?p=412#comment-97 Hi Brad thanks for the tip I'll be sure to test that when I get time. Hi Brad thanks for the tip I’ll be sure to test that when I get time.

]]> By: Brad Neuberg http://dbushell.com/2010/06/30/using-svg-logos/#comment-91 Brad Neuberg Wed, 30 Jun 2010 20:53:44 +0000 http://dbushell.com/?p=412#comment-91 On the tag itself, try style="bgcolor: none". Inside the file on the root also try setting bgcolor to none (might not be needed). See if that works. On the tag itself, try style=”bgcolor: none”. Inside the file on the root also try setting bgcolor to none (might not be needed). See if that works.

]]>