OK, maybe my Title is not 100% correct, because SVG is just as standard as .PNG or .JPG ... but you'll understand what i mean with standard.
Anyway. I had recently a client that insisted to use SVG images instead of .JPG, .PNG on his website. I have a rare opportunity to use SVG that way, because many People don't even know the difference or not aware that you can use and do graphics on website that way.
How many of you are familiar with SVG? Do you use it on any of yours or your Client's projects?
Of course, most of Web Developers are limited to use .JPG, .PNG or do graphic elements usig CSS3, because using SVG demands knowledge of using Vector Software. AI is the best for such purposes.
An advantages of using SVG:
Still you'll be able to edit it quickly in AI and change whatever you like.
Well I would like to encourage you to try it. It is an interesting technique that can be very useful to you, especially if you need to change or update images regulary on your projects.
Conclusion for those who didn't really understand what I'm saying:
Imagine that when you have to change an image or change any part of imnage. If it is a .JPG or .PNG you would have to have either a vector or PSD file of that image or you would have to create new one. With SVG you just edit an existing image in AI and change quickly any element or color, save it and that's it.
Anyway. I had recently a client that insisted to use SVG images instead of .JPG, .PNG on his website. I have a rare opportunity to use SVG that way, because many People don't even know the difference or not aware that you can use and do graphics on website that way.
How many of you are familiar with SVG? Do you use it on any of yours or your Client's projects?
Of course, most of Web Developers are limited to use .JPG, .PNG or do graphic elements usig CSS3, because using SVG demands knowledge of using Vector Software. AI is the best for such purposes.
An advantages of using SVG:
- Small file sizes that compress well
- Scales to any size without losing clarity (except very tiny)
- Looks great on retina displays
- Design control and easy to edit and change elements, colors quickly.
- No need to host any images (images are being placed directly into page, like any other HTML codes)
Code:
<img src="yourimage.svg" alt="YourImage title">Still you'll be able to edit it quickly in AI and change whatever you like.
Well I would like to encourage you to try it. It is an interesting technique that can be very useful to you, especially if you need to change or update images regulary on your projects.
Conclusion for those who didn't really understand what I'm saying:
Imagine that when you have to change an image or change any part of imnage. If it is a .JPG or .PNG you would have to have either a vector or PSD file of that image or you would have to create new one. With SVG you just edit an existing image in AI and change quickly any element or color, save it and that's it.