Photos blurry when added to FrontPage

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

Guest

I'm learning as I go, so bare with me! I am in the preocess of been building
a website, so far so good. BUT When I added a photo to my web page it has a
blurred edge around it.
The photo looks fine in any other application. The thumbnail is really
blurry. What am I doing wrong?
Also I have noticed on other websites they have not used the thumbnail appl.
they have a nice large photo of their work and their page downloads just as
fast. I'm a jeweler and would like a picture on my home page that stands out-
not a mini version. Any help would be so appreciated!
Pam
 
Thanks Steve!
I'll give that a try. It is frusterating when I am not even sure how to go
about fixing the problem. :-) I just ordered 2 books on FrontPage 2000. The
manual is ok but not indepth enough.
Pam
 
Will Adobe Photo workshop -work in the same way as IrfanView? I have that
program, I just don't understand why the photo looks great I until put onto
my webpage?
TIA
Pam
 
Yes. I use Photoshop for all my graphics.


pam said:
Will Adobe Photo workshop -work in the same way as IrfanView? I have that
program, I just don't understand why the photo looks great I until put
onto
my webpage?
TIA
Pam
 
1) Make sure the images are RGB, not CMYK.
2) Always import your images into the web before inserting them on a page.
3) Do not use FP tools to make an changes to images.
--
===
Tom Willett
Microsoft MVP - FrontPage
---
FrontPage Support:
http://www.frontpagemvps.com/
===
| Will Adobe Photo workshop -work in the same way as IrfanView? I have that
| program, I just don't understand why the photo looks great I until put
onto
| my webpage?
| TIA
| Pam
|
| "Steve Easton" wrote:
|
| > Use an image editor to resize / resample the images to the size you want
to use on your web.
| > Then import the resized images into the web and link to them.
| >
| > A free one that will do the job is IrfanView www.irfanview.com
| >
| > It will also make good thumbnails for you.
| >
| > --
| > Steve Easton
| > Microsoft MVP FrontPage
| > FP Cleaner
| > http://www.95isalive.com/fixes/fpclean.htm
| > Hit Me FP
| > http://www.95isalive.com/fixes/HitMeFP.htm
| >
| >
| > > I'm learning as I go, so bare with me! I am in the preocess of been
building
| > > a website, so far so good. BUT When I added a photo to my web page it
has a
| > > blurred edge around it.
| > > The photo looks fine in any other application. The thumbnail is really
| > > blurry. What am I doing wrong?
| > > Also I have noticed on other websites they have not used the thumbnail
appl.
| > > they have a nice large photo of their work and their page downloads
just as
| > > fast. I'm a jeweler and would like a picture on my home page that
stands out-
| > > not a mini version. Any help would be so appreciated!
| > > Pam
| >
| >
| >
 
Tom,
What does RGB and CMYK stand for?
So am I to understand, I go to my webhosting server and load my photos there
and then insert them onto my webpage? As far as Adobe photoshop, I get that,
I know how to improve the quality of my photos for printing etc but that
doesn't seem to have an effect on how I see it on my unpublished webpage. I
haven't publish yet because I thought I should have it just right before I
publish it to my server. UUUGGHHH
Pam
 
RGB is for web use, CMYK is for print use.

The RGB color model is an additive model in which red, green and blue (often
used in additive light models) are combined in various ways to reproduce
other colors.

The CMYK color model is based on mixing pigments of the following colors in
order to make other colors:

a.. C=cyan
b.. M=magenta
c.. Y=yellow
d.. K=key (black).
No, you do not go to your webhosting server.

You File | Import the images from wherever you have them stored on your hard
drive into your FP web on your local machine before inserting and saving on
your page.

When you're ready, you publish your local web to your remote web.
--
===
Tom Willett
Microsoft MVP - FrontPage
---
FrontPage Support:
http://www.frontpagemvps.com/
===
| Tom,
| What does RGB and CMYK stand for?
| So am I to understand, I go to my webhosting server and load my photos
there
| and then insert them onto my webpage? As far as Adobe photoshop, I get
that,
| I know how to improve the quality of my photos for printing etc but that
| doesn't seem to have an effect on how I see it on my unpublished webpage.
I
| haven't publish yet because I thought I should have it just right before I
| publish it to my server. UUUGGHHH
| Pam
|
| "Tom Willett" wrote:
|
| > 1) Make sure the images are RGB, not CMYK.
| > 2) Always import your images into the web before inserting them on a
page.
| > 3) Do not use FP tools to make an changes to images.
| > --
| > ===
| > Tom Willett
| > Microsoft MVP - FrontPage
| > ---
| > FrontPage Support:
| > http://www.frontpagemvps.com/
| > ===
| > | > | Will Adobe Photo workshop -work in the same way as IrfanView? I have
that
| > | program, I just don't understand why the photo looks great I until put
| > onto
| > | my webpage?
| > | TIA
| > | Pam
| > |
| > | "Steve Easton" wrote:
| > |
| > | > Use an image editor to resize / resample the images to the size you
want
| > to use on your web.
| > | > Then import the resized images into the web and link to them.
| > | >
| > | > A free one that will do the job is IrfanView www.irfanview.com
| > | >
| > | > It will also make good thumbnails for you.
| > | >
| > | > --
| > | > Steve Easton
| > | > Microsoft MVP FrontPage
| > | > FP Cleaner
| > | > http://www.95isalive.com/fixes/fpclean.htm
| > | > Hit Me FP
| > | > http://www.95isalive.com/fixes/HitMeFP.htm
| > | >
| > | >
| > | > | > > I'm learning as I go, so bare with me! I am in the preocess of
been
| > building
| > | > > a website, so far so good. BUT When I added a photo to my web page
it
| > has a
| > | > > blurred edge around it.
| > | > > The photo looks fine in any other application. The thumbnail is
really
| > | > > blurry. What am I doing wrong?
| > | > > Also I have noticed on other websites they have not used the
thumbnail
| > appl.
| > | > > they have a nice large photo of their work and their page
downloads
| > just as
| > | > > fast. I'm a jeweler and would like a picture on my home page that
| > stands out-
| > | > > not a mini version. Any help would be so appreciated!
| > | > > Pam
| > | >
| > | >
| > | >
| >
| >
| >
 
Ok Tom
One more dumb question1 How do I chech to make sure that my photo is RGB.
And Thanks I understand -importing the images and inserting them.
Pam
 
If you are using it to create your images, Read the helpfiles in your Adobe
Photo Workshop program.
--
===
Tom Willett
Microsoft MVP - FrontPage
---
FrontPage Support:
http://www.frontpagemvps.com/
===
| Ok Tom
| One more dumb question1 How do I chech to make sure that my photo is RGB.
| And Thanks I understand -importing the images and inserting them.
| Pam
|
| "Tom Willett" wrote:
|
| > RGB is for web use, CMYK is for print use.
| >
| > The RGB color model is an additive model in which red, green and blue
(often
| > used in additive light models) are combined in various ways to reproduce
| > other colors.
| >
| > The CMYK color model is based on mixing pigments of the following colors
in
| > order to make other colors:
| >
| > a.. C=cyan
| > b.. M=magenta
| > c.. Y=yellow
| > d.. K=key (black).
| > No, you do not go to your webhosting server.
| >
| > You File | Import the images from wherever you have them stored on your
hard
| > drive into your FP web on your local machine before inserting and saving
on
| > your page.
| >
| > When you're ready, you publish your local web to your remote web.
| > --
| > ===
| > Tom Willett
| > Microsoft MVP - FrontPage
| > ---
| > FrontPage Support:
| > http://www.frontpagemvps.com/
| > ===
| > | > | Tom,
| > | What does RGB and CMYK stand for?
| > | So am I to understand, I go to my webhosting server and load my photos
| > there
| > | and then insert them onto my webpage? As far as Adobe photoshop, I get
| > that,
| > | I know how to improve the quality of my photos for printing etc but
that
| > | doesn't seem to have an effect on how I see it on my unpublished
webpage.
| > I
| > | haven't publish yet because I thought I should have it just right
before I
| > | publish it to my server. UUUGGHHH
| > | Pam
| > |
| > | "Tom Willett" wrote:
| > |
| > | > 1) Make sure the images are RGB, not CMYK.
| > | > 2) Always import your images into the web before inserting them on a
| > page.
| > | > 3) Do not use FP tools to make an changes to images.
| > | > --
| > | > ===
| > | > Tom Willett
| > | > Microsoft MVP - FrontPage
| > | > ---
| > | > FrontPage Support:
| > | > http://www.frontpagemvps.com/
| > | > ===
| > | > | > | > | Will Adobe Photo workshop -work in the same way as IrfanView? I
have
| > that
| > | > | program, I just don't understand why the photo looks great I until
put
| > | > onto
| > | > | my webpage?
| > | > | TIA
| > | > | Pam
| > | > |
| > | > | "Steve Easton" wrote:
| > | > |
| > | > | > Use an image editor to resize / resample the images to the size
you
| > want
| > | > to use on your web.
| > | > | > Then import the resized images into the web and link to them.
| > | > | >
| > | > | > A free one that will do the job is IrfanView www.irfanview.com
| > | > | >
| > | > | > It will also make good thumbnails for you.
| > | > | >
| > | > | > --
| > | > | > Steve Easton
| > | > | > Microsoft MVP FrontPage
| > | > | > FP Cleaner
| > | > | > http://www.95isalive.com/fixes/fpclean.htm
| > | > | > Hit Me FP
| > | > | > http://www.95isalive.com/fixes/HitMeFP.htm
| > | > | >
| > | > | >
| > | > | > | > | > > I'm learning as I go, so bare with me! I am in the preocess of
| > been
| > | > building
| > | > | > > a website, so far so good. BUT When I added a photo to my web
page
| > it
| > | > has a
| > | > | > > blurred edge around it.
| > | > | > > The photo looks fine in any other application. The thumbnail
is
| > really
| > | > | > > blurry. What am I doing wrong?
| > | > | > > Also I have noticed on other websites they have not used the
| > thumbnail
| > | > appl.
| > | > | > > they have a nice large photo of their work and their page
| > downloads
| > | > just as
| > | > | > > fast. I'm a jeweler and would like a picture on my home page
that
| > | > stands out-
| > | > | > > not a mini version. Any help would be so appreciated!
| > | > | > > Pam
| > | > | >
| > | > | >
| > | > | >
| > | >
| > | >
| > | >
| >
| >
| >
 
so bare with me!

My wife would become very angry if I bared with you, Pam.

So, sorry, but no thanks.

Bob Lehmann
 
Pam - Use PhotoShop to edit all your pictures. I personally use two size
pictures in my hiking website: a thumbnail size of about 3 x 2.25 inches x 72
dpi and a larger size of 640 x 480 pixels x 72 dpi. Specifically I open my
picture in Photoshop, resize it to the larger size first, and then save that
larger size picture with a unique name (or number) to my website location. I
then immediately resize the picture I just worked on down to my thumbnail
size and save it with another name to my website. Never, Never resize
upwards, always go from a larger picture to a smaller one. I then go to
FrontPage and insert my newly resized pictures into whatever page I want. I
personally insert the smaller pictures and link from them to the larger ones.
Notice I never ever alter the original picture and actually abandon it after
resizing in Photoshop. I save all my pictures as JPEGs.
 
When using PhotoShop, you may use either pixels or inches (or for that matter
any number of other parameters). When you select one, the program
automatically makes the other one the identical size in that dimension. i.e.
no difference whatsoever.
 
They're color models. RGB is Red, Green, Blue and CMYK is Cyan, Magenta,
Yellow and Black (the K comes from the last letter in Black) CYMK is used
in 4 color print processing. RGB is a color model used by display devices
(like web pages on a computer monitor)

When Tom said import them into your web he meant that when you have your web
open (either locally or live) you would click on the folder you want them in
and choose File, Import. Pick the images and choose ok. Now they are in
your web. Then, when you go to insert choose Insert, Picture and pick the
one that's in the web, not one on your hard drive. If you're working
locally just publish everything and the images will get published up.

As for PhotoShop, after you're done with your image choose File, Save For
Web.
 
If you're using PS; with your image opened Image | Mode is the easiest way
to tell.

Other tips;

Work with high res. non-lossy format (like a .tif) until you are happy with
the outcome, then resize, optimize and Save As a .jpg for the web. Don't
keep reworking a jpg... a few tweaks ok, too much and you lose quality.

Use .jpgs for photos or graphics with gradients and .gifs for graphics with
few colors [this is a generalization].

Do NOT use any of FP's image editing features.

Sometimes I will use FP to resize an image just to see if it fits, if the
size looks good in the layout I read the properties to get the size and go
back to my image editor to adjust the original and then re-import it into my
FP website.






| Ok Tom
| One more dumb question1 How do I chech to make sure that my photo is RGB.
| And Thanks I understand -importing the images and inserting them.
| Pam
|
| "Tom Willett" wrote:
|
| > RGB is for web use, CMYK is for print use.
| >
| > The RGB color model is an additive model in which red, green and blue
(often
| > used in additive light models) are combined in various ways to reproduce
| > other colors.
| >
| > The CMYK color model is based on mixing pigments of the following colors
in
| > order to make other colors:
| >
| > a.. C=cyan
| > b.. M=magenta
| > c.. Y=yellow
| > d.. K=key (black).
| > No, you do not go to your webhosting server.
| >
| > You File | Import the images from wherever you have them stored on your
hard
| > drive into your FP web on your local machine before inserting and saving
on
| > your page.
| >
| > When you're ready, you publish your local web to your remote web.
| > --
| > ===
| > Tom Willett
| > Microsoft MVP - FrontPage
| > ---
| > FrontPage Support:
| > http://www.frontpagemvps.com/
| > ===
| > | > | Tom,
| > | What does RGB and CMYK stand for?
| > | So am I to understand, I go to my webhosting server and load my photos
| > there
| > | and then insert them onto my webpage? As far as Adobe photoshop, I get
| > that,
| > | I know how to improve the quality of my photos for printing etc but
that
| > | doesn't seem to have an effect on how I see it on my unpublished
webpage.
| > I
| > | haven't publish yet because I thought I should have it just right
before I
| > | publish it to my server. UUUGGHHH
| > | Pam
| > |
| > | "Tom Willett" wrote:
| > |
| > | > 1) Make sure the images are RGB, not CMYK.
| > | > 2) Always import your images into the web before inserting them on a
| > page.
| > | > 3) Do not use FP tools to make an changes to images.
| > | > --
| > | > ===
| > | > Tom Willett
| > | > Microsoft MVP - FrontPage
| > | > ---
| > | > FrontPage Support:
| > | > http://www.frontpagemvps.com/
| > | > ===
| > | > | > | > | Will Adobe Photo workshop -work in the same way as IrfanView? I
have
| > that
| > | > | program, I just don't understand why the photo looks great I until
put
| > | > onto
| > | > | my webpage?
| > | > | TIA
| > | > | Pam
| > | > |
| > | > | "Steve Easton" wrote:
| > | > |
| > | > | > Use an image editor to resize / resample the images to the size
you
| > want
| > | > to use on your web.
| > | > | > Then import the resized images into the web and link to them.
| > | > | >
| > | > | > A free one that will do the job is IrfanView www.irfanview.com
| > | > | >
| > | > | > It will also make good thumbnails for you.
| > | > | >
| > | > | > --
| > | > | > Steve Easton
| > | > | > Microsoft MVP FrontPage
| > | > | > FP Cleaner
| > | > | > http://www.95isalive.com/fixes/fpclean.htm
| > | > | > Hit Me FP
| > | > | > http://www.95isalive.com/fixes/HitMeFP.htm
| > | > | >
| > | > | >
| > | > | > | > | > > I'm learning as I go, so bare with me! I am in the preocess of
| > been
| > | > building
| > | > | > > a website, so far so good. BUT When I added a photo to my web
page
| > it
| > | > has a
| > | > | > > blurred edge around it.
| > | > | > > The photo looks fine in any other application. The thumbnail
is
| > really
| > | > | > > blurry. What am I doing wrong?
| > | > | > > Also I have noticed on other websites they have not used the
| > thumbnail
| > | > appl.
| > | > | > > they have a nice large photo of their work and their page
| > downloads
| > | > just as
| > | > | > > fast. I'm a jeweler and would like a picture on my home page
that
| > | > stands out-
| > | > | > > not a mini version. Any help would be so appreciated!
| > | > | > > Pam
| > | > | >
| > | > | >
| > | > | >
| > | >
| > | >
| > | >
| >
| >
| >
 
So, if I have 118px of available space for my picture on my web page, how
many inches would that be?

Pixels are the metric for web pages, so that's what you should use.

Bob Lehmann
 
1.639 inches


Bob Lehmann said:
So, if I have 118px of available space for my picture on my web page, how
many inches would that be?

Pixels are the metric for web pages, so that's what you should use.

Bob Lehmann
 
Back
Top