Logo stretching

[Billiam]

I am using Publisher 2007 and I have a company logo, .jpg format, in a frame
which I have optimized at the 1024 x 768 resolution. Aspect ratio locked is
ticked. When I view the webpage at a higher resolution (1400 x 900) the logo
is stretched. Is there any way to stop the stretching of the logo image?

Thank you for any help!

 

[DavidF]

I have read your question several times now and I still don't quite envision
what you are doing. Post a link to the site so we can see what you are
doing.

Are you using the logo in the background?

In a frame? Do you mean an Iframe?

And what happens if my browser window is 800 pixels wide...do I have to
scroll to the right to view your whole page? What do you mean optimized at
1024 X 768.

DavidF

 

[Billiam]

Hi David,

I cannot post the webpage, but I can send it to you in an e-mail.
The logo has a border (sorry, that's what I meant by a frame).
What I mean by optimized at the resolution 1024x768 is that the logo looks
unstretched when I set my computer display to this resolution (which I
believe is the most common resolution currently) when I increase the
resolution on my computer to say 1400 x 900, the image is stretched even
though I have checked yes for lock the aspect ratio. Everything else
including my glassy style buttons are fine, but the darned logo which is so
important is screwing the look up!
If you like I can post my e-mail address and then you can contact me
directly so I can then send you the link. (The site is not ready for public
viewing and is "preview on the Bell webhost server only).
Thanks again, and sorry for the confusion.
Billiam

 

[GeoffreyChaucer]

I could be wrong, but without seeing the actual website I suggest you call
the logo via an html fragment, instead of sticking the picture on the
construction page, using the following code:
<img src="foldername/imagename.jpg" width="imagesize" height="imagesize">

 

[Billiam]

Hi Geoffrey,

I will try it now and let you know if it works. Having experimented all day
now, I believe part of the problem seems to be my laptop exaggerating the
stretch, as it is not "as bad" on my desktop. It is bad enough that I
designed around it by not using the logo, which I am sure will not go over
well, so I am about ready to try anything! Well not ANYTHING!
Billiam

 

[Billiam]

Hi Geoffrey,

FRUSTRATING! All it will sow is the picture outline with a red x in the top
left corner. I checked the image on the webserver, and it is in .png format.
I double checked and I do not have allow .png format ticked.

Any ideas?
Billiam

 

[GeoffreyChaucer]

It's difficult for me to give you advice without seeing the website.
I take it that the original format of your picture was jpg.
I should have specified in my earlier suggestion that you must manually
place the picture in the appropriate folder in its original format.

 

[Billiam]

No, I did that geoffrey, however, publisher also generated it's own version
which was in .png format.

 

[GeoffreyChaucer]

Sorry mate, I had to go out to the dentist for a couple of hours.
I only have knowledge of Publisher 2000. Just hang tight, the boys will be
here soon, DavidF, Don Schmidt and Spike. They will help you.

 

[DavidF]

Like Geoffrey, I can only guess at helping you without seeing the site, but
here are a few observations and guesses...

Geoffrey is suggesting that you import the image into the page rather than
embed it or insert it. You would insert the code fragment he gave you
*instead* of inserting the image using the insert > html code fragment tool
and then placing the code fragment box where you want the logo to import.
You would upload 'imagename.jpg' to a subfolder on your website called
'foldername', etc. I would suggest 'foldername' be called 'images', and also
that you use an absolute link to the image file rather than a relative link
since your page may be in the index_files folder which Geoffrey doesn't have
with Pub 2000. This would change the code fragment link to:

<img src="http://www.yourwebsite.com/images/logo.jpg" width="imagesize"
height="imagesize">


Some other things you can try:

Remove the border from the logo, or use only a simple single line border.

Go to Tools > Options > Web tab and actually check the option to "Allow
PNG...". PNG images are more scalable and you may find the logo looks better
as a png.

Convert your .jpg logo to a .png or .gif before you insert it.

Compress your images before you upload.
Reference: Compress graphics file sizes to create smaller Publisher Web
pages (2003):
http://office.microsoft.com/en-us/publisher/HA011266301033.aspx

Reference: Compress Pictures dialog box (2007):
http://office.microsoft.com/en-us/help/HA100363901033.aspx?pid=CL100605171033

Resize your logo image to exactly the dimensions you want to use in your
Publisher page in a third party image editor before you insert it, and then
make sure you are viewing it at 100% scale (look under Format > picture >
size). You can use www.irfanview.com for this or other image editors. Also
optimize the image at 96 dpi or ppi....that is the default for Publisher
pages.

If an when you are comfortable posting a link to the website, then perhaps
we can offer further assistance, but without seeing the problem the best we
can offer are guesses. good luck

DavidF

 

[Billiam]

Thanks for getting back to me on this...I did not receive any notice that
there had been new posts, sorry, just tripped over it. Thanks for getting
back to me.
Billiam

 

[Billiam]

Thanks for the detailed response, David...as I mentioned to geoffrey, I did
not receive notice that anyone had responded further, just tripped over it
while looking for a recent post of mine (searching by my name).

I will definately post back and let you know which procedure worked.
shortly, I should be able to release the name of the website and will post it
then for yor feedback.

Thank you again for coming to the rescue!
Have a great day,

Billiam