Resizing image to fit table

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Hi,
I have some photos I took that I want to add to a website. The table is 774
X 135 pixels. The photos are much larger than that. When I try and resize
them using Photoimpact they are all distorted. Can someone suggest how to
resize to 774X135 pixels.
Thanks
 
You need to learn how to crop, resize and optimize your photos before
importing them into FrontPage. This is pretty basic stuff and not a FP
question.
Use the help files in PhotoImpact. Do not resize with FrontPage.
Eleanor
 
Dear Magnetoram,
FrontPage has a simple and very useful image editor built-in (ignore
the comment from Eleanor in this thread; she is mistaken). Here are
instructions from FrontPage help:
------------------------------------------
Resize a picture:
Resizing a picture changes only the HTML tags (HTML tag: A text string
used in HTML to identify a page element's type, format, and appearance.
FrontPage automatically creates HTML tags to represent each element on
a page.) that tell a Web browser how to display that picture. The
graphics file itself is not changed, and neither is its size or its
download time.
--------------------------------------------
Resize a picture manually
In Page view, at the bottom of the document window, click Design .
Click the picture, and then drag a sizing handle (sizing handle: One of
the small circles or squares that appears at the corners and sides of a
selected object. You drag these handles to change the size of the
object.) to a new position. Note To preserve the picture's current
proportions (its aspect ratio (aspect ratio: In computer displays and
graphics, the ratio of the width of a picture or picture area to its
height. For example, an aspect ratio of 2:1 indicates that the picture
is twice as wide as it is high.)), drag a corner handle. If you drag a
side handle, the picture will become distorted.
----------------------------------------------
Resize a picture by specifying pixel or percent values
In Page view, at the bottom of the document window, click Design .
Right-click the picture, and then click Picture Properties on the
shortcut menu. On the Appearance tab, under Size, select the Specify
size check box. To specify whether or not to retain the current aspect
ratio (aspect ratio: In computer displays and graphics, the ratio of
the width of a picture or picture area to its height. For example, an
aspect ratio of 2:1 indicates that the picture is twice as wide as it
is high.), select or clear the Keep aspect ratio check box. In the
Height and Width boxes, enter the pixel or percent values that you
want. If you select the Keep aspect ratio check box and then enter a
value for either Height or Width, FrontPage automatically changes the
value in the other box to preserve the original proportions.

NOTE: You can RESAMPLE the picture according to its new size, which can
provide improved clarity while increasing or decreasing the size of the
graphics file. To resample the picture, in the lower-right corner of
the picture, click Picture Actions , and then click Resample Picture to
Match Size.
-------------------------------------------------
Crop a graphic:
By cropping a graphic, you can remove areas of the graphic that you
don't want to use. In Page view, at the bottom of the document window,
click Design . Click the graphic. On the Pictures toolbar, click Crop .
If the Pictures toolbar is hidden, right-click the graphic, and then
click Show Pictures Toolbar on the shortcut menu. Drag the handles of
the cropping box to resize and include the part of the graphic that you
want to keep. Click Crop again to remove the area outside of the
cropping box.
------------------------------------------------
Change the contrast or brightness of a graphic:
In Page view, at the bottom of the document window, click Design .
Click the graphic. If you want to change the contrast of a background
graphic, you do not need to make a selection. On the Pictures toolbar,
do one or both of the following: If the Pictures toolbar is hidden,
right-click the graphic, and then click Show Pictures Toolbar on the
shortcut menu.
To change the color contrast of a graphic, click More Contrast or Less
Contrast .
To change the brightness of a graphic, click More Brightness or Less
Brightness .
------------------------------------------------
The only addition I can make to these instructions come when you go to
save the page: FrontPage wants to OVERWRITE the original picture. This
is probably not what you want to do, as your original picture will be
forever altered. Instead, use the 'Rename' button and change the name
from, say, 'pic01.jpg' to 'pic01a.jpg' - a maor complete tutorial can
be found at
http://office.microsoft.com/training/training.aspx?AssetID=RC012217431033
Good luck, Magnetoram.

Nicholas Savalas - http://savalas.tv
 
Dear Magnetoram,
FrontPage has a simple and very useful image editor built-in (ignore
the comments from naysayers in this thread; they are mistaken). Here
are instructions from FrontPage help:
------------------------------------------
Resize a picture:
Resizing a picture changes only the HTML tags (HTML tag: A text string
used in HTML to identify a page element's type, format, and appearance.
FrontPage automatically creates HTML tags to represent each element on
a page.) that tell a Web browser how to display that picture. The
graphics file itself is not changed, and neither is its size or its
download time.
--------------------------------------------
Resize a picture manually
In Page view, at the bottom of the document window, click Design .
Click the picture, and then drag a sizing handle (sizing handle: One of
the small circles or squares that appears at the corners and sides of a
selected object. You drag these handles to change the size of the
object.) to a new position. Note To preserve the picture's current
proportions (its aspect ratio (aspect ratio: In computer displays and
graphics, the ratio of the width of a picture or picture area to its
height. For example, an aspect ratio of 2:1 indicates that the picture
is twice as wide as it is high.)), drag a corner handle. If you drag a
side handle, the picture will become distorted.
----------------------------------------------
Resize a picture by specifying pixel or percent values
In Page view, at the bottom of the document window, click Design .
Right-click the picture, and then click Picture Properties on the
shortcut menu. On the Appearance tab, under Size, select the Specify
size check box. To specify whether or not to retain the current aspect
ratio (aspect ratio: In computer displays and graphics, the ratio of
the width of a picture or picture area to its height. For example, an
aspect ratio of 2:1 indicates that the picture is twice as wide as it
is high.), select or clear the Keep aspect ratio check box. In the
Height and Width boxes, enter the pixel or percent values that you
want. If you select the Keep aspect ratio check box and then enter a
value for either Height or Width, FrontPage automatically changes the
value in the other box to preserve the original proportions.

NOTE: You can RESAMPLE the picture according to its new size, which can
provide improved clarity while increasing or decreasing the size of the
graphics file. To resample the picture, in the lower-right corner of
the picture, click Picture Actions , and then click Resample Picture to
Match Size.
-------------------------------------------------
Crop a graphic:
By cropping a graphic, you can remove areas of the graphic that you
don't want to use. In Page view, at the bottom of the document window,
click Design . Click the graphic. On the Pictures toolbar, click Crop .
If the Pictures toolbar is hidden, right-click the graphic, and then
click Show Pictures Toolbar on the shortcut menu. Drag the handles of
the cropping box to resize and include the part of the graphic that you
want to keep. Click Crop again to remove the area outside of the
cropping box.
------------------------------------------------
Change the contrast or brightness of a graphic:
In Page view, at the bottom of the document window, click Design .
Click the graphic. If you want to change the contrast of a background
graphic, you do not need to make a selection. On the Pictures toolbar,
do one or both of the following: If the Pictures toolbar is hidden,
right-click the graphic, and then click Show Pictures Toolbar on the
shortcut menu. To change the color contrast of a graphic, click More
Contrast or Less Contrast . To change the brightness of a graphic,
click More Brightness or Less Brightness .
------------------------------------------------
The only addition I can make to these instructions come when you go to
save the page: FrontPage wants to OVERWRITE the original picture. This
is probably not what you want to do, as your original picture will be
forever altered. Instead, use the 'Rename' button and change the name
from, say, 'pic01.jpg' to 'pic01a.jpg' - a more complete tutorial can
be found at
http://office.microsoft.com/training/training.aspx?AssetID=RC01221743...

Good luck, Magnetoram.

Nicholas Savalas - http://savalas.tv
 
Hi Magnetotram,

PhotoImpact is well suited for resizing and optimizing images for a web. Why
are you attempting though to resize an image to an existing table size?
Depending upon the dimensions of the original image it may very well become
distorted trying to force it to dimensions that way. 774 x 135 pixels would
both be a very large size as well as dimensionally strange.

--
Joe

Microsoft MVP FrontPage

FrontPage Portal and Users Forums:
http://www.timeforweb.com/frontpage
 
NOTE: You can RESAMPLE the picture according to its new size, which
can
provide improved clarity while increasing or decreasing the size of
the
graphics file. To resample the picture, in the lower-right corner of
the picture, click Picture Actions , and then click Resample Picture
to
Match Size.
Click to expand...

Do the above in FrontPage and there is a considerable risk of ruining
the picture quality. FrontPage is NOT good for this operation - use
a real image editor.
 
Get your facts right before you suggest ignoring someone....

This is not a good procedure.
 
Dear Ron,

I strongly disagree with your comments. Here is why:

The core programming and libraries used in the image editor in
FrontPage are just 'light' versions of the ones used in MS Picture
Manager, PhotoDraw, Image Composer, etc. It is a full 32 bit resampler,
and does a great job. A dedicated graphics program like Photoshop or
Expression may be a bit better at overall graphics editing, but with
FrontPage's resample button, the difference is nearly impossible to
spot if done correctly as explained, and certainly makes more sense to
advise for beginners coming here with a simple resize problem.

There is a very steep learning curve involved in using Photoshop etc.,
and the change in the final results would not be noticeable. Using
FrontPage's built-in editor for the simple task of changing the
dimensions of a simple graphic is a practical and easy solution - that
is why it is there. It does NOT run, as you say, "considerable risk of
ruining the picture quality". I defy you to tell me, by looking at a
graphic, which one was was RESIZED by FrontPage's built-in editor, and
which one was RESIZED by "a real image editor". At the web standard of
72 dpi, Photoshop's 32 bit resolving power is no better than
FrontPage's 32 bit resolving power, and you know it - or should. In at
least one respect, FrontPage's image editor, for this task, is actually
preferable to "real image editors": it does not add proprietary,
unnecessary digital signatures to images, increasing file sizes. When
you install FrontPage, it does not presume set itself, automatically,
as the default image editor, like the other image nazis do. As a
testament to it's straight-forward design, it even allows you to choose
the default picture editor you want to use - and doesn't get bent out
of shape if that editor is a non-MS product. How many of the other
"real" image editors can say that? None, Ron.

It reduces file sizes with no tricks, no hassle, no hidden baloney. It
is a very useful, honest, and simple addition to a great site
development and management tool. It is an American classic - in the
same category as the '55 Ford Thunderbird, the Fender Stratocaster, and
the B-29 - nothing fancy, just a blue-collar, work-a-day,
always-reliable friend. I bet, Ron, that you've used it yourself. I
presume that you used it incorrectly, and did indeed ruin some of your
own pictures. Any image editor, used incorrectly, can ruin pictures.
I'll do you one better: the better the image editor, the more complete
the ruin. You will note that I advised the original questioner to Save
As... rather than overwrite. I love ruining COPIES of images.

By the way, you did see the sentence I wrote, "Here are instructions
from FrontPage help...", didn't you? The words I wrote were culled
DIRECTLY from FrontPage help. Hit F1, type in 'resize images'. I
understand why new FrontPage users reach out to these groups for help
and skip seeking help from the program directly; I cannot understand
why a Microsoft FrontPage 'MVP' would write "use a real image editor"
as a response to a new user who only asks, "Can someone suggest how to
resize to 774X135 pixels..".

I am surprised to see you so easily, and incorrectly, juxtapose the
simple and effective FP image editing functions against "real", as you
say, image editors, especially for such a simple task - one that it was
designed for, and which it is particularly well-suited.

Nicholas Savalas - http://savalas.tv
 
Dear Ron,

I strongly disagree with your comments. Here is why:

The core programming and libraries used in the image editor in
FrontPage are just 'light' versions of the ones used in MS Picture
Manager, PhotoDraw, Image Composer, etc. It is a full 32 bit resampler,
and does a great job.
Click to expand...


I think the belief that FrontPage should never be used for image
manipulation is a hold-over from the days of FrontPage 97 and 98. In
those versions, resized images would be greatly degraded in quality.

Recent versions of FrontPage are quite capable at resizing images
effectively. They can also perform many other minor editing tasks
well.

Who loves 'ya, baby? ;)

Jim Cheshire
Jimco Software
FrontPage Add-ins and Software Reviews
http://www.jimcosoftware.com

Author:
Special Edition Using Microsoft Office FrontPage 2003
Special Edition Using Microsoft Expression Web Designer
 
Thanks, Jim. I was starting to wonder if I was not only alone, but
crazy and blind, as well. Thanks for taking my back.

I am now inspired to write a beautiful love song about you, baby.

Nicholas Savalas - http://savalas.tv
 
Back
Top