Welcome to WebmasterWorld Guest from 54.91.16.95

Forum Moderators: incrediBILL

Swapped logo file and now the logo is huge

logo replacement size issues

     
2:37 pm on Jan 13, 2018 (gmt 0)

New User

joined:Nov 24, 2017
posts: 27
votes: 0


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?
4:52 pm on Jan 13, 2018 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:7957
votes: 572


check your dpi. Sounds like the new stuff does not match the old setting.
6:09 pm on Jan 13, 2018 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:14374
votes: 565


the dimensions of the image are the same
The dimensions in inches (or cm), or the dimensions in pixels? Only the pixel size matters.
12:30 am on Jan 14, 2018 (gmt 0)

Moderator from GB 

WebmasterWorld Administrator mack is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:June 15, 2001
posts:7717
votes: 43


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.
3:39 am on Jan 14, 2018 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:7957
votes: 572


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.
4:42 am on Jan 14, 2018 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:14374
votes: 565


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.
6:45 am on Jan 14, 2018 (gmt 0)

Moderator from US 

WebmasterWorld Administrator keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:10393
votes: 597


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.
6:22 pm on Jan 14, 2018 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:14374
votes: 565


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.
8:02 pm on Jan 14, 2018 (gmt 0)

Moderator from US 

WebmasterWorld Administrator keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:10393
votes: 597


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.
8:23 am on Jan 15, 2018 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:7957
votes: 572


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.
8:33 am on Jan 15, 2018 (gmt 0)

Moderator from US 

WebmasterWorld Administrator keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:10393
votes: 597


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.
10:58 pm on Jan 16, 2018 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:7957
votes: 572


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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members