What is the best way to create a rich quality 'logo'?

Question

1: Which one should I prefer SVG or Canvas while creating logos for my site, you can suggest anything else except SVG and Canvas if it is best for creating logos....

2: How icon is different from logo?

Answer 1

Question 1:
Definitely use SVG instead of an HTML5 canvas with a logo drawn on using JavaScript.

The best solution I use is with SVG and a rasterized fallback such as a PNG background-image or img element. I wouldn't use canvas to show a logo because it has no advantage over PNG or SVG yet requires the use of JavaScript. PNG is good if SVG isn't supported by the browser. SVG scales almost perfectly to many resolutions so it is the best if it is supported by the browser. Smart phones such as the iphone will use higher resolution than the px unit on the screen represents so an SVG will look much sharper on some good smart phones than a PNG.

If you want something fancy like an animated or interactive logo, the HTML5 canvas element may be simpler to program than manipulating an SVG but I've never needed an interactive or animated logo.

Question 2:
A logo represents a brand. For example, the McDonalds logo.

An icon can represent any short phrase. For example, there are very popular icons for "user profile", "magnifying glass", "image".

A logo can also be an icon. The facebook logo is shown on many non-facebook sites to represent facebook authentication or links to associated facebook pages. When a logo is used in content that is mostly focused on a different brand, it is often called an "icon". There are no hard rules for using either word for this case, though.

One other point to differentiate logos from icons is that every website should have only 1 logo. A single website can include 100's of icons, though.

Answer 2

Use online svg editor, https://editor.method.ac Simple and easy to use.

Answer 3

Thanks for your guidance it helped me a lot ...