: 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, http://talentegg.ca/ has a really

@Debbie163

Notice that the image is larger talentegg.ca/images/logo.png than it appears on screen. That's the trick. Add a large image and then scale it down in css. Also once you export your large png for web you can compress it even further using tinypng.com/.
I used that on the logos on my site galnova.com
I hope this helps.

Vote Up Vote Down

@Correia448

talentegg.ca/images/logo.png -> ( 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.

Vote Up Vote Down

@Marchetta832

Did you have your original logo in multiple formats including .eps or .ai?
For maximum crispiness on the web, you could export from those formats to an .svg format which is a vector format for the web medium.

The anti-aliasing shows more on your logo than on Talentegg.ca, probably simply because it uses black which contrasts more on white.

On another note, if I had designed your logo, I would be pleased to supply you with an appropriate format so I would just contact the original graphic designer if I were you. Retracing the logo yourself is just not a good idea result-wise and ethics-wise.

Vote Up Vote Down