Swapped logo file and now the logo is huge

logo replacement size issues

[AndrewHill]

Hi
I have changed the logo.png file to a new file with the same file name, the dimensions of the image are the same. However, when I go to my website, the logo is now covering far too much of the page. The issue is the same when I replace it with my old logo.

However, if I replace it with the logo from the website backup (same dimensions and a .png file), it solves the problem.
Any pointers?

[tangor]

check your dpi. Sounds like the new stuff does not match the old setting.

[lucy24]

the dimensions of the image are the same

The dimensions in inches (or cm), or the dimensions in pixels? Only the pixel size matters.

[mack]

If you open the logo on a browser (not a page but the full URL of the logo) is it being sized correctly? This can help determine if the image is genuine to large, or if there is something going on within your HTML to make it appear scaled differently.

Mack.

[tangor]

I would think the html src has not changed but the new image is different from original dpi logo. A browser is one way to view an image, but a webmaster should also view images with a graphics program JUST TO MAKE SURE.

Things like 72 96 200 300 600 do make a difference.

[lucy24]

Addendum: I didn't mention this at the outset, as I was picturing something like a background-image attached to some element, where size is not normally a factor. But if the logo is displayed outright, in <img> tags, then make sure the HTML includes explicit height and width declarations; it's more efficient for the browser. Do not, however, add these until after you've sorted out the size of the image, since any explicitly stated height and width will override its actual physical dimensions. The opposite can also happen: changed html will lead to a changed visible image even if the image file itself is unchanged. Luckily you've already established that this is not the cause of your problem, since it would otherwise be the first thing to check.

[keyplyr]

if the logo is displayed outright, in <img> tags, then make sure the HTML includes explicit height and width declarations...

CSS should be used to present size, not HTML, for today's responsive designs.

[lucy24]

Sure, for smaller devices. (I tend to say width: some-high-percentage and height: auto.) But once you go above a certain viewport width, you're using the actual image size--and that should be stated explicitly. Each thing the browser doesn't have to figure out for itself is another nanosecond shaved off display time.

[keyplyr]

Each thing the browser doesn't have to figure out for itself is another nanosecond shaved off display time.

And that presentation should be done with CSS, not HTML... in a perfect world of course. Admittedly, there are times when we're forced to do it with HTML.

[tangor]

Gotta ask (so we don't confuse folks out there)... is css something new and unique, or is it part of the HTMLx standards we all love and hate?

CSS is a subset of HTML.

[keyplyr]

CSS is a subset of HTML

Subset? There’s no subset.

The difference between HTML and CSS is that HTML is a markup language that is used to specify the content of a web page.

CSS is a style sheet language that is used to specify the formatting of the web page.

CSS and HTML are two seperate and distinctly different coding languages.

[tangor]

Okay... with one dependent on the other and can be ignored (css is not a requirement).

CSS without HTML, on the other hand, is pretty useless.