Site Reducing in Size

[Sparked]

Hi there, as odd as it seems, ive had reports saying that my website is slowly reducing in size! Apparently when images are being uploaded they are having to be made smaller all the time to fit on the page. It seems a slow process im told but more than one person has noticed the change.

Anyone know whats happening?

[garvinhicking]

Hi!

I don't really understand this, can you give examples what you mean?

Regards,
Garvin

[Sparked]

Well on our site, a couple of new images are added everyday on a page. Apparently they are slowly having to get smaller to fit within the page. E.g the Width of an Image could of been 580 a few weeks ago, and now its more down to 560 to fit the image.

[garvinhicking]

Hi!

Ah, you mean smaller in resolution. I thought you were talking of "smaller" in terms of file size.

The width of your blog is relative to the contents on your page, and depends on your blog template. You need to show us your URL so that we can have a look if maybe some HTML markup is invalid or your content width is not properly set in the CSS.

Regards,
Garvin

[Sparked]

Sorry for the confusion.

Our website is www.weatherconnect.co.uk.
Im using the Bulletproof template.

Any other details you need, just ask.

[garvinhicking]

Hi!

Hm, at first look that seems okay. DO you maybe have an example where an image needs to be smaller than it used to be, maybe also an example where images were larger?! I'm reall ynot sure I understand yet

Regards,
Garvin

[Sparked]

Well its images getting smaller thats the problem. They certainly arent getting bigger. Lol.

Our best example is on our Short Range Outlook page. A quote from a user on our forum who updates that page:

Have to agree with this I used to set the forecast maps to 560 in size and then that became to big so put it down to 556 it was perfect now its to big! Seems it is getting thinner!

[Don Chambers]

Using this page as an example.

The map images are 601px × 800px but are scaled to 555px × 738px:

Code: Select all

<img height="738" width="555" src="http://i707.photobucket.com/albums/ww79/Sean2e5/day.jpg?t=1268775844">

<img height="738" width="555" src="http://i707.photobucket.com/albums/ww79/Sean2e5/night.jpg?t=1268775933">

The icon image below those map images is 1,479px × 859px but is scaled to 546px x 325px:

Code: Select all

<img src="/uploads/weathersymbolkey.png" style="border-style: none; border-width: 0px; padding-left: 5px; padding-right: 5px; width: 546px; height: 325px;" class="serendipity_image_center">

You will get better performance if you resize the actual jpg to the width you want, rather than using HTML to scale the image.

The bulletproof base stylesheet defines the content (center in your case) width to be 60% of 944 px, so 566 px should be your targeted width.

[Sparked]

Ok, i will let our staff know about this.

Will get back to you if there are any more issues.

Thanks.