Architecture-Logo Dimension

Hello,
I have created a custom logo for the Hot Architecture template. I have run into a couple of problems.

1.) When I upload the custom logo it looks distorted, as if it is being resized. What is the max size of the space that can be used for this area?

2.) My custom logo is created in Photoshop, therefore the image is crisp and sharp. But once it is uploaded into the site it appears jagged and blurry. Not sure what is causing this. Was hoping you might be able to advise.

I have attached a screenshot for you to view. Hope it helps.

Thank you!

Send link, maybe you are changing wrong image?

So you upload image to this location via ftp:

templates/hot_architecture/images/logo.png

each time you do that refresh browser several times with ctrl+f5