Why is my Logo losing quality when I save it for the web?


I am designing a website for my business and I am having a bit of trouble. I am not very good as this sort of thing but hoping someone might be able to explain in basic terms.

I have gotten the company logo from our graphic designer. It is a .pdf file and looks totally fine in Photoshop. I am trying to create a banner for the website and when I make it in Photoshop, it looks totally fine but when I upload to the site it is totally pixelated.

When I got the PDF file I opened it in PS and using the magic wand I have removed the background and copied and pasted the image on top of a new plain white image.

enter image description here

Can anyone explain what I am doing in layman terms?

5/21/2018 3:10:00 PM

Your logo looks fine--well, as fine as it can be rendered at that size.

The problem is the logo itself. It's using some very fine lines that simply will not render that clear at that size on a screen. Ideally, the designers of branding elements would have created a version specifically for screen use at this size. I'm guess they didn't in that case, so you could propose an alternative that would still adhere to the brand guidelines, but accommodate the realities of screen resolutions.

8/3/2015 10:17:00 PM