FC BRACKNELL DEMO

Latest comments dated Dec 31st 11.30am (see also the email dated Dec 31st @ 10.53)

Mike - the logo you used on Dec 30th was sized at 140x140 pixels, and to make this appear at its best it should also be displayed at 140x140 on your website. However, it's clear that when you upload it to your site it gets resized to 145x180 pixels.  This is not your "fault" - the web template you are using automatically re-sizes the logo to this size. 

I've checked out the web-tool you use and even registered Pinewood on it to try it out.  This confirmed that if I produce a logo sized 145x180 it gets uploaded without any resizing and looks great.  What I did find, however, is that it's best to first delete the old badge (click delete on the webtool) before uploading the new file.

So steps for you are ...

  1. Download the logo to the right

  2. Enter the webtool you use and delete the old badge** (click delete then update)
  3. Upload the new logo and click update.

** I'm not 100% sure you do need to delete the old file before uploading the new one ... but once or twice when I did not first delete the old file, it seemed as if the new file did not get loaded - so to be safe delete the old file first.

Sorry to give you the run-around on this ... though you'll understand I couldn't have guessed at the way the web-tool upload process worked.

Steve

Heres the logo to use (fcbracknell8.gif).

Sized at 145x180 pixels.

This is the same file that was attached to the email of Dec 31st @ 10.53.

See this on the 
Pinewood Demo Site

 

Background Information - For Info Only

Below is a comparison showing how the latest 145x180 pixel logo looks compared to the 140x140 pixel logo after it has been resized by the web-tool. Frankly, I know there is not a huge difference ... but when viewed closely the current version (on the left) is not perfectly circular (it's slightly oval), the edges are not perfectly uniform and smooth and the text gets a little "broken" as it rotates.  All of these "defects" are due to the re-sizing.

CURRENTLY USING - Produced from a 140x140 pixel logo which then gets resized to 145x180

LATEST IMPROVED LOGO - Produced from a 145x180 pixel logo

 

----------------------------------------------------------------------------------------------------------------------------------------------------

 

 

 

 

 

 

 

 

 

 

 

Below is the info I sent earlier.  Ignore it - I've just kept it for my own records  ...

CURRENTLY USING

NEW IMPROVED LOGO

Guidelines

  1. As normal - right click on the logo and "save picture as" to download it.

  2. Do not resize it on the website.  It's 140x140 pixels ... keep it at that.  If you need a somewhat different size just let me know.
  3. It's designed to work on a white background (as you have).  It will not work as well on a different colour background.

Explanations

  1. Resizing an image on the webpage leads to jagged edges - this is especially the case where one enlarges a small image to a much larger one.  But even a small change in size gives uneven results.  See below.

  2. When the image is generated, if the edge of the image falls half-way across a pixel then the pixel value is calculated from the average of the image colour and the background colour.  This leads to very smooth edges when shown with the correct background - but can lead to a "halo effect" if the image is placed on a different background.  The effect is most pronounced if the intended and actual background colours are very different in brightness.  See below.

Effect Of Re-Sizing On Web-Page (Intended as 140x140)

120x120

130x130

140x140 - Perfect

150x150

160x160

Effect Of Different Coloured Background (Intended as white)

Just Noticeable

Hardly Noticeable

As Intended - Perfect

Very Noticeable

Very Noticeable

 

 

And Finally - Not For The Queasey (I'm not suggesting you actually use these !!)