How can I make my logo look crisp on the web?


I'm launching a company and my logo looks really pixelated and low-quality compared to some others. For example, has a really crisp logo, how can I get mine like this?

Mine, which is better? Both of which can be improved though

  1. 1

  2. 2

  3. Illustrator version - scaled

  4. saved for web version - web

Please help!! I have Adobe Photoshop CS6

9/20/2015 5:47:00 PM -> ( Logo image for the example link have 500*133 px size in actual but in header it is of only 128px width. )

As you can see in this example they have used big size image and give custom width using CSS. You can use you Illustrator file.. make it of approx 600px width while saving as png file. Then there is no need to use Photoshop. Finally when you add to website make it of width 200px or 100px as your need. Hope you got my point and is helpful to you.

10/1/2015 12:00:00 PM