Changing gif to jpg?

K

Karin

It was suggested that I try my question here. Publisher98 changes all my
pictures to gif. I was given a link to directions. It suggested that I go
in the website folder and select the file with the graphic. I saved the
original grapic in the folder that contains my publication. I followed the
directions and clicked on the numbered page where the graphic is found on my
website. Changed the HTML to reference my original graphic. When I tried to
open it in the web browser nothing changed. In the directions is mentioned:
"image file should be in the same folder and at the same level as the Html".
I am not sure what "same level" means. Any help would be great.
Thanks - Karin
 
D

DavidF

Karin,

What is the URL of your website?

Does Pub 98 have the "insert HTML code fragment" under tools?

DavidF
 
K

Karin

Hi David - My url is: www.nakarminiature.com
I have an "insert HTML Fragment" under "Insert" in Pub98.
My pictures are being converted from jpg to gif and some are coming up as
blotchy or looking like a watercolor pictures when viewed on the web.
 
D

DavidF

Karin,

The link to your site does not work. Is the URL incorrect? Did you take it
down? When you said that the changes you tried to make did not work, did you
actually upload the new HTML to your site?

Part of the reason I wanted to see your site was that in some cases if you
overlap images with text boxes and other design elements, then your images
will be converted to combined GIF images with those overlapped design
elements, and this might explain why your efforts failed. With the URL
either incorrect or the site not being posted, it is kind of hard to check
that, or why your efforts didn't work. Please either upload your site, or
post the correct URL.

The reason I asked about whether you had access to the "insert HTML code
fragment" tool, is that I think that using this tool, is a better solution
than the one you tried as per the Microsoft site. The Microsoft approach
would require you to edit the code of each page each time you updated or
changed your site, as each time you would produce new *.*html pages, and you
would have to edit them again. If you use the code fragment tool, you won't
have to do this. However, if you are overlapping your images, then the code
fragment approach won't work. So before I go through all the steps of how to
use the code fragment tool approach, post the URL.

DavidF
 
K

Karin

Sorry, I am not very computer literate. Isn't the URL my website address? I
just put www.nakarminiatures.com into my address bar and it came up.
http:// does show up in the front of it. I don't think I have any
overlapping pictures with text. I do have photos that overlap. But it
doesn't seem to matter if they are single or multiple - everything is gif.
 
J

JoAnn Paules [MVP]

The first time it didn't end in an s. That can make the world of difference.

--

JoAnn Paules
MVP Microsoft [Publisher]
 
D

DavidF

Karin,

Yes, the URL is your website address, but as JoAnn pointed out, it helps if
you spell it correctly.

Honestly, with all the images you are using, and the way you are overlapping
images, you aren't going to do much better than what you have done unless
you are willing to redesign your site. Let me explain...

Go to http://www.nakarminiatures.com/page5.html which is your Our Mares
page. Note the first picture of Mini Bits is relatively good, but if you
look at the overlapping pictures of Cash N' Carry, you'll notice how blotchy
the images look. That is because your original images have been combined
into one image:
http://www.nakarminiatures.com/img70.gif
If you want your images to look better, then you can't overlap them. Then
look at this link:
http://www.nakarminiatures.com/img73.gif
In this case you have not only overlapped the images, but you have also
overlapped the text boxes and converted the text to an image which makes the
text look bad. So, on top of not overlapping your images, you shouldn't
overlap the text boxes.

I don't know if Pub 98 has a Design Checker, but if it does, run it. This
should/might tell you where you have overlapped text boxes. Otherwise, you
can try to select the text on your site, and if you can't then it has been
converted to an image and you need to move the text box in your Publisher
file. Try selecting the text describing Hello Dolly for example, vs. the
text beside Mini Bits and compare the quality of the text.

As long as you are overlapping your images, then neither the Microsoft
method of importing your JPG images, or the "code fragment" method will
work. Furthermore, given the large number of images that you are using, I
don't know that it is practical to try to import the images. To do so, you
would need to use a third party image editing program to resample, resize
and optimize each image to fit the size you have chosen on your website. Now
if you used a program like www.irfanview.com and mostly the same size images
for each horse, you could do them in a batch to save time. Then you would
have to redesign your site so that none of the images would overlap. Then
you would use the "insert HTML code fragment" to insert the following code
for each image:

<IMG SRC="http://www.yourwebsite.com/images/yourimage.jpg" ALT="Whatever you
want the alt tag to say">

The alt tag is optional, so you could just use:

<IMG SRC="http://www.yourwebsite.com/images/yourimage.jpg">

and then size your fragment box the same size as the image.

This is assuming that you create a subfolder on your site called "images"
and uploaded all your images to that folder. While you could upload them to
http://www.yourwebsite.com/ you would probably end up deleting part of them
when you uploaded revised and updated pages in the future, so I would
recommend that you create the subfolder.

As I said, I would probably just live with your images, but you can do what
you want, but it is going to require some work with an image editing program
to optimize and size the images before you upload them, and then you will
need to redesign your site and not overlap any of the images or fragment
boxes. Perhaps an alternative to that would be to just add a text box below
each image or group of images, and link it to your higher quality JPG
images. In other words, add a text box that said something like "Click here
for a larger image" and insert a hyperlink to the image which you put in
your new "images" folder where you upload your higher quality, larger and
slower loading images. That way if someone wants a better image, they can
click the link. Just an idea...welcome to webdesign.

DavidF
 
K

Karin

Whoa, David, you're making my head hurt! LOL

David, if you check out: http://www.nakarminiatures.com/page16.html on my
website and look at the last horse, RSF Champagne Melody, the picture is
blotchy. I did try to separate and use only one picture and it looked the
same, blotchy. There was no over lapping. The single picture of QT looks
okay, but it is showing up as a gif. Isn't there any way to change it to a
jpg that wouldn't involve something too complicated? I just think it is
weird that not all the photos come up blotchy when not overlapped.

When you say the text is over lapping, do mean that the text box itself is
overlapping the image? None of my text boxes are over lapping an image. When
I view the text on the web it looks fine. The text for QT and Dolly look
similar.
Any idea where I would find the Design Checker, if there is one?
What is a third party image editing program? Would that be something like
Picture It?
Arrrrgggg! There has got to be a way to fix this where computer illiterate
people can do it. LOL
Thanks a bunch, David
karin
 
R

Rob Giordano \(Crash\)

There's no easy way...you gotta learn some stuff.

..gifs have a limited palette of colors and are generally not suitable for
photographic type images so you can't convert from a gif to a jpg if thats
what you were thinkin...that would be alchemy.

If you want overlapping images to look good the best way is to create them
in an image editor...Photoshop, Paint Shop Pro (whatever) make them overlap
there save as a JPG then use them in your web and if you have to use
Publisher to create websites (not what it's designed to do) then you
shouldn't have stuff overlap or it is likely to be converted to a gif.


| Whoa, David, you're making my head hurt! LOL
|
| David, if you check out: http://www.nakarminiatures.com/page16.html on
my
| website and look at the last horse, RSF Champagne Melody, the picture is
| blotchy. I did try to separate and use only one picture and it looked the
| same, blotchy. There was no over lapping. The single picture of QT looks
| okay, but it is showing up as a gif. Isn't there any way to change it to
a
| jpg that wouldn't involve something too complicated? I just think it is
| weird that not all the photos come up blotchy when not overlapped.
|
| When you say the text is over lapping, do mean that the text box itself is
| overlapping the image? None of my text boxes are over lapping an image.
When
| I view the text on the web it looks fine. The text for QT and Dolly look
| similar.
| Any idea where I would find the Design Checker, if there is one?
| What is a third party image editing program? Would that be something like
| Picture It?
| Arrrrgggg! There has got to be a way to fix this where computer illiterate
| people can do it. LOL
| Thanks a bunch, David
| karin
|
| "DavidF" wrote:
|
| > Karin,
| >
| > Yes, the URL is your website address, but as JoAnn pointed out, it helps
if
| > you spell it correctly.
| >
| > Honestly, with all the images you are using, and the way you are
overlapping
| > images, you aren't going to do much better than what you have done
unless
| > you are willing to redesign your site. Let me explain...
| >
| > Go to http://www.nakarminiatures.com/page5.html which is your Our Mares
| > page. Note the first picture of Mini Bits is relatively good, but if you
| > look at the overlapping pictures of Cash N' Carry, you'll notice how
blotchy
| > the images look. That is because your original images have been combined
| > into one image:
| > http://www.nakarminiatures.com/img70.gif
| > If you want your images to look better, then you can't overlap them.
Then
| > look at this link:
| > http://www.nakarminiatures.com/img73.gif
| > In this case you have not only overlapped the images, but you have also
| > overlapped the text boxes and converted the text to an image which makes
the
| > text look bad. So, on top of not overlapping your images, you shouldn't
| > overlap the text boxes.
| >
| > I don't know if Pub 98 has a Design Checker, but if it does, run it.
This
| > should/might tell you where you have overlapped text boxes. Otherwise,
you
| > can try to select the text on your site, and if you can't then it has
been
| > converted to an image and you need to move the text box in your
Publisher
| > file. Try selecting the text describing Hello Dolly for example, vs. the
| > text beside Mini Bits and compare the quality of the text.
| >
| > As long as you are overlapping your images, then neither the Microsoft
| > method of importing your JPG images, or the "code fragment" method will
| > work. Furthermore, given the large number of images that you are using,
I
| > don't know that it is practical to try to import the images. To do so,
you
| > would need to use a third party image editing program to resample,
resize
| > and optimize each image to fit the size you have chosen on your website.
Now
| > if you used a program like www.irfanview.com and mostly the same size
images
| > for each horse, you could do them in a batch to save time. Then you
would
| > have to redesign your site so that none of the images would overlap.
Then
| > you would use the "insert HTML code fragment" to insert the following
code
| > for each image:
| >
| > <IMG SRC="http://www.yourwebsite.com/images/yourimage.jpg" ALT="Whatever
you
| > want the alt tag to say">
| >
| > The alt tag is optional, so you could just use:
| >
| > <IMG SRC="http://www.yourwebsite.com/images/yourimage.jpg">
| >
| > and then size your fragment box the same size as the image.
| >
| > This is assuming that you create a subfolder on your site called
"images"
| > and uploaded all your images to that folder. While you could upload them
to
| > http://www.yourwebsite.com/ you would probably end up deleting part of
them
| > when you uploaded revised and updated pages in the future, so I would
| > recommend that you create the subfolder.
| >
| > As I said, I would probably just live with your images, but you can do
what
| > you want, but it is going to require some work with an image editing
program
| > to optimize and size the images before you upload them, and then you
will
| > need to redesign your site and not overlap any of the images or fragment
| > boxes. Perhaps an alternative to that would be to just add a text box
below
| > each image or group of images, and link it to your higher quality JPG
| > images. In other words, add a text box that said something like "Click
here
| > for a larger image" and insert a hyperlink to the image which you put in
| > your new "images" folder where you upload your higher quality, larger
and
| > slower loading images. That way if someone wants a better image, they
can
| > click the link. Just an idea...welcome to webdesign.
| >
| > DavidF
| >
| > | > > Sorry, I am not very computer literate. Isn't the URL my website
address?
| > > I
| > > just put www.nakarminiatures.com into my address bar and it came up.
| > > http:// does show up in the front of it. I don't think I have any
| > > overlapping pictures with text. I do have photos that overlap. But
it
| > > doesn't seem to matter if they are single or multiple - everything is
gif.
| > >
| > > "DavidF" wrote:
| > >
| > >> Karin,
| > >>
| > >> The link to your site does not work. Is the URL incorrect? Did you
take
| > >> it
| > >> down? When you said that the changes you tried to make did not work,
did
| > >> you
| > >> actually upload the new HTML to your site?
| > >>
| > >> Part of the reason I wanted to see your site was that in some cases
if
| > >> you
| > >> overlap images with text boxes and other design elements, then your
| > >> images
| > >> will be converted to combined GIF images with those overlapped design
| > >> elements, and this might explain why your efforts failed. With the
URL
| > >> either incorrect or the site not being posted, it is kind of hard to
| > >> check
| > >> that, or why your efforts didn't work. Please either upload your
site, or
| > >> post the correct URL.
| > >>
| > >> The reason I asked about whether you had access to the "insert HTML
code
| > >> fragment" tool, is that I think that using this tool, is a better
| > >> solution
| > >> than the one you tried as per the Microsoft site. The Microsoft
approach
| > >> would require you to edit the code of each page each time you updated
or
| > >> changed your site, as each time you would produce new *.*html pages,
and
| > >> you
| > >> would have to edit them again. If you use the code fragment tool, you
| > >> won't
| > >> have to do this. However, if you are overlapping your images, then
the
| > >> code
| > >> fragment approach won't work. So before I go through all the steps of
how
| > >> to
| > >> use the code fragment tool approach, post the URL.
| > >>
| > >> DavidF
| > >>
| > >> | > >> > Hi David - My url is: www.nakarminiature.com
| > >> > I have an "insert HTML Fragment" under "Insert" in Pub98.
| > >> > My pictures are being converted from jpg to gif and some are coming
up
| > >> > as
| > >> > blotchy or looking like a watercolor pictures when viewed on the
web.
| > >> >
| > >> > "DavidF" wrote:
| > >> >
| > >> >> Karin,
| > >> >>
| > >> >> What is the URL of your website?
| > >> >>
| > >> >> Does Pub 98 have the "insert HTML code fragment" under tools?
| > >> >>
| > >> >> DavidF
| > >> >>
| > >> >> | > >> >> > It was suggested that I try my question here. Publisher98
changes
| > >> >> > all
| > >> >> > my
| > >> >> > pictures to gif. I was given a link to directions. It
suggested
| > >> >> > that
| > >> >> > I
| > >> >> > go
| > >> >> > in the website folder and select the file with the graphic. I
saved
| > >> >> > the
| > >> >> > original grapic in the folder that contains my publication. I
| > >> >> > followed
| > >> >> > the
| > >> >> > directions and clicked on the numbered page where the graphic is
| > >> >> > found
| > >> >> > on
| > >> >> > my
| > >> >> > website. Changed the HTML to reference my original graphic.
When I
| > >> >> > tried
| > >> >> > to
| > >> >> > open it in the web browser nothing changed. In the directions
is
| > >> >> > mentioned:
| > >> >> > "image file should be in the same folder and at the same level
as
| > >> >> > the
| > >> >> > Html".
| > >> >> > I am not sure what "same level" means. Any help would be great.
| > >> >> > Thanks - Karin
| > >> >>
| > >> >>
| > >> >>
| > >>
| > >>
| > >>
| >
| >
| >
 
K

Karin

Rob - I am not wanting to take gif images and change them to jpg. I have my
images saved as jpg, but when I upload them to the web publisher is
onverting them to gif. I was just trying to find out if there was a way to
change them back.
 
D

DavidF

Yeah, this website building stuff can make your head hurt. Now you know why
the professionals get paid the big bucks...;-)

I see what you are talking about, and any time a JPG is converted to a GIF
the quality is going to be reduced whether it is done in an image editing
program, or by Publisher. It appeared to me that when you overlapped images
it was worse than when you used just one image, but you also have some
"blotchy" single images. This is probably a function of the original
photograph...some were better than others? I don't know. Bottom line is that
Pub 98 converts JPGs to lower quality GIFs by default, and that is something
you have to live with, or work around as I discussed. And no, there is not
an easy way.

When I referenced the link http://www.nakarminiatures.com/img73.gif I
wanted to illustrate how the text was also converted into an image along
with the original images of your horses. That particular example converts
two text boxes and 4 images into one big image. This is usually caused by
overlapping the text boxes, but it can also happen if the text box is simply
too close to the image. Resize your text box, or nudge it over, and away
from the text until the text is no longer converted. You can do a web page
preview to test.

The Design Checker is likely to be under Tools, but you could also go to
Help and type in "design checker" and see if that tells you where, or if you
have the tool. As I said, you can test the text by trying to
highlight/select it in web page preview, or on your site. If it has been
converted to an image, you won't be able to select it. And yes, the text
will look close to the same...just not as good and crisp when it is
converted.

Once again, the bottom line is that there is no easy way to do what you
want. You gained convenience by using Pub 98, a desktop publishing program,
that has limited web building capability. The trade off is that if you want
better results, you either switch to a better program designed specifically
for web building, or you invest the time to workaround the limitations. The
workarounds I described are not really that hard, but they do require you to
invest some time to learn a bit about image editing, and a bit more about
how web pages are built...this work can be a bit overwhelming at first, but
goes with building your own site. Heck, you have the basics of a pretty
attractive site that obviously took a long time to build...live with it
until you can learn more about image editing, and the other things you need
to do, and then do one thing at a time...you'll get there.

DavidF
 
M

Mary Sauer

Publisher 98 has the design checker under tools. My first web page was created
with 98, I remember the pain.
 
D

DavidF

Thanks. I skipped Pub 98 and don't own a copy.

Seems to me that problems with the images was part of the reason you
switched to FrontPage if I remember correctly.

DavidF
 
R

Rob Giordano \(Crash\)

Yes,,,but think about it...convert a limited color palette to...?


| Won't the free Infanview convert a gif to a jpg?
|
|
| http://www.irfanview.com/
|
|
| --
| Don
| "May your shadow be found in happy places." (Native North American)
|
|
|
| | > There's no easy way...you gotta learn some stuff.
| >
| > .gifs have a limited palette of colors and are generally not suitable
for
| > photographic type images so you can't convert from a gif to a jpg if
thats
| > what you were thinkin...that would be alchemy.
| >
| > If you want overlapping images to look good the best way is to create
them
| > in an image editor...Photoshop, Paint Shop Pro (whatever) make them
| > overlap
| > there save as a JPG then use them in your web and if you have to use
| > Publisher to create websites (not what it's designed to do) then you
| > shouldn't have stuff overlap or it is likely to be converted to a gif.
| >
| >
| > | > | Whoa, David, you're making my head hurt! LOL
| > |
| > | David, if you check out: http://www.nakarminiatures.com/page16.html
on
| > my
| > | website and look at the last horse, RSF Champagne Melody, the picture
is
| > | blotchy. I did try to separate and use only one picture and it looked
| > the
| > | same, blotchy. There was no over lapping. The single picture of QT
| > looks
| > | okay, but it is showing up as a gif. Isn't there any way to change it
| > to
| > a
| > | jpg that wouldn't involve something too complicated? I just think it
is
| > | weird that not all the photos come up blotchy when not overlapped.
| > |
| > | When you say the text is over lapping, do mean that the text box
itself
| > is
| > | overlapping the image? None of my text boxes are over lapping an
image.
| > When
| > | I view the text on the web it looks fine. The text for QT and Dolly
look
| > | similar.
| > | Any idea where I would find the Design Checker, if there is one?
| > | What is a third party image editing program? Would that be something
| > like
| > | Picture It?
| > | Arrrrgggg! There has got to be a way to fix this where computer
| > illiterate
| > | people can do it. LOL
| > | Thanks a bunch, David
| > | karin
| > |
| > | "DavidF" wrote:
| > |
| > | > Karin,
| > | >
| > | > Yes, the URL is your website address, but as JoAnn pointed out, it
| > helps
| > if
| > | > you spell it correctly.
| > | >
| > | > Honestly, with all the images you are using, and the way you are
| > overlapping
| > | > images, you aren't going to do much better than what you have done
| > unless
| > | > you are willing to redesign your site. Let me explain...
| > | >
| > | > Go to http://www.nakarminiatures.com/page5.html which is your Our
| > Mares
| > | > page. Note the first picture of Mini Bits is relatively good, but if
| > you
| > | > look at the overlapping pictures of Cash N' Carry, you'll notice how
| > blotchy
| > | > the images look. That is because your original images have been
| > combined
| > | > into one image:
| > | > http://www.nakarminiatures.com/img70.gif
| > | > If you want your images to look better, then you can't overlap them.
| > Then
| > | > look at this link:
| > | > http://www.nakarminiatures.com/img73.gif
| > | > In this case you have not only overlapped the images, but you have
| > also
| > | > overlapped the text boxes and converted the text to an image which
| > makes
| > the
| > | > text look bad. So, on top of not overlapping your images, you
| > shouldn't
| > | > overlap the text boxes.
| > | >
| > | > I don't know if Pub 98 has a Design Checker, but if it does, run it.
| > This
| > | > should/might tell you where you have overlapped text boxes.
Otherwise,
| > you
| > | > can try to select the text on your site, and if you can't then it
has
| > been
| > | > converted to an image and you need to move the text box in your
| > Publisher
| > | > file. Try selecting the text describing Hello Dolly for example, vs.
| > the
| > | > text beside Mini Bits and compare the quality of the text.
| > | >
| > | > As long as you are overlapping your images, then neither the
Microsoft
| > | > method of importing your JPG images, or the "code fragment" method
| > will
| > | > work. Furthermore, given the large number of images that you are
| > using,
| > I
| > | > don't know that it is practical to try to import the images. To do
so,
| > you
| > | > would need to use a third party image editing program to resample,
| > resize
| > | > and optimize each image to fit the size you have chosen on your
| > website.
| > Now
| > | > if you used a program like www.irfanview.com and mostly the same
size
| > images
| > | > for each horse, you could do them in a batch to save time. Then you
| > would
| > | > have to redesign your site so that none of the images would overlap.
| > Then
| > | > you would use the "insert HTML code fragment" to insert the
following
| > code
| > | > for each image:
| > | >
| > | > <IMG SRC="http://www.yourwebsite.com/images/yourimage.jpg"
| > ALT="Whatever
| > you
| > | > want the alt tag to say">
| > | >
| > | > The alt tag is optional, so you could just use:
| > | >
| > | > <IMG SRC="http://www.yourwebsite.com/images/yourimage.jpg">
| > | >
| > | > and then size your fragment box the same size as the image.
| > | >
| > | > This is assuming that you create a subfolder on your site called
| > "images"
| > | > and uploaded all your images to that folder. While you could upload
| > them
| > to
| > | > http://www.yourwebsite.com/ you would probably end up deleting part
of
| > them
| > | > when you uploaded revised and updated pages in the future, so I
would
| > | > recommend that you create the subfolder.
| > | >
| > | > As I said, I would probably just live with your images, but you can
do
| > what
| > | > you want, but it is going to require some work with an image editing
| > program
| > | > to optimize and size the images before you upload them, and then you
| > will
| > | > need to redesign your site and not overlap any of the images or
| > fragment
| > | > boxes. Perhaps an alternative to that would be to just add a text
box
| > below
| > | > each image or group of images, and link it to your higher quality
JPG
| > | > images. In other words, add a text box that said something like
"Click
| > here
| > | > for a larger image" and insert a hyperlink to the image which you
put
| > in
| > | > your new "images" folder where you upload your higher quality,
larger
| > and
| > | > slower loading images. That way if someone wants a better image,
they
| > can
| > | > click the link. Just an idea...welcome to webdesign.
| > | >
| > | > DavidF
| > | >
| > | > | > | > > Sorry, I am not very computer literate. Isn't the URL my website
| > address?
| > | > > I
| > | > > just put www.nakarminiatures.com into my address bar and it came
up.
| > | > > http:// does show up in the front of it. I don't think I have any
| > | > > overlapping pictures with text. I do have photos that overlap.
But
| > it
| > | > > doesn't seem to matter if they are single or multiple - everything
| > is
| > gif.
| > | > >
| > | > > "DavidF" wrote:
| > | > >
| > | > >> Karin,
| > | > >>
| > | > >> The link to your site does not work. Is the URL incorrect? Did
you
| > take
| > | > >> it
| > | > >> down? When you said that the changes you tried to make did not
| > work,
| > did
| > | > >> you
| > | > >> actually upload the new HTML to your site?
| > | > >>
| > | > >> Part of the reason I wanted to see your site was that in some
cases
| > if
| > | > >> you
| > | > >> overlap images with text boxes and other design elements, then
your
| > | > >> images
| > | > >> will be converted to combined GIF images with those overlapped
| > design
| > | > >> elements, and this might explain why your efforts failed. With
the
| > URL
| > | > >> either incorrect or the site not being posted, it is kind of hard
| > to
| > | > >> check
| > | > >> that, or why your efforts didn't work. Please either upload your
| > site, or
| > | > >> post the correct URL.
| > | > >>
| > | > >> The reason I asked about whether you had access to the "insert
HTML
| > code
| > | > >> fragment" tool, is that I think that using this tool, is a better
| > | > >> solution
| > | > >> than the one you tried as per the Microsoft site. The Microsoft
| > approach
| > | > >> would require you to edit the code of each page each time you
| > updated
| > or
| > | > >> changed your site, as each time you would produce new *.*html
| > pages,
| > and
| > | > >> you
| > | > >> would have to edit them again. If you use the code fragment tool,
| > you
| > | > >> won't
| > | > >> have to do this. However, if you are overlapping your images,
then
| > the
| > | > >> code
| > | > >> fragment approach won't work. So before I go through all the
steps
| > of
| > how
| > | > >> to
| > | > >> use the code fragment tool approach, post the URL.
| > | > >>
| > | > >> DavidF
| > | > >>
| > | > >> | > | > >> > Hi David - My url is: www.nakarminiature.com
| > | > >> > I have an "insert HTML Fragment" under "Insert" in Pub98.
| > | > >> > My pictures are being converted from jpg to gif and some are
| > coming
| > up
| > | > >> > as
| > | > >> > blotchy or looking like a watercolor pictures when viewed on
the
| > web.
| > | > >> >
| > | > >> > "DavidF" wrote:
| > | > >> >
| > | > >> >> Karin,
| > | > >> >>
| > | > >> >> What is the URL of your website?
| > | > >> >>
| > | > >> >> Does Pub 98 have the "insert HTML code fragment" under tools?
| > | > >> >>
| > | > >> >> DavidF
| > | > >> >>
| > | > >> >> | > | > >> >> > It was suggested that I try my question here. Publisher98
| > changes
| > | > >> >> > all
| > | > >> >> > my
| > | > >> >> > pictures to gif. I was given a link to directions. It
| > suggested
| > | > >> >> > that
| > | > >> >> > I
| > | > >> >> > go
| > | > >> >> > in the website folder and select the file with the graphic.
I
| > saved
| > | > >> >> > the
| > | > >> >> > original grapic in the folder that contains my publication.
I
| > | > >> >> > followed
| > | > >> >> > the
| > | > >> >> > directions and clicked on the numbered page where the
graphic
| > is
| > | > >> >> > found
| > | > >> >> > on
| > | > >> >> > my
| > | > >> >> > website. Changed the HTML to reference my original graphic.
| > When I
| > | > >> >> > tried
| > | > >> >> > to
| > | > >> >> > open it in the web browser nothing changed. In the
directions
| > is
| > | > >> >> > mentioned:
| > | > >> >> > "image file should be in the same folder and at the same
level
| > as
| > | > >> >> > the
| > | > >> >> > Html".
| > | > >> >> > I am not sure what "same level" means. Any help would be
| > great.
| > | > >> >> > Thanks - Karin
| > | > >> >>
| > | > >> >>
| > | > >> >>
| > | > >>
| > | > >>
| > | > >>
| > | >
| > | >
| > | >
| >
| >
|
|
 
R

Rob Giordano \(Crash\)

I understand. But, no...well yes..you could convert back but you'll lose
even more colors.


| Rob - I am not wanting to take gif images and change them to jpg. I have
my
| images saved as jpg, but when I upload them to the web publisher is
| onverting them to gif. I was just trying to find out if there was a way
to
| change them back.
|
| "Rob Giordano (Crash)" wrote:
|
| > There's no easy way...you gotta learn some stuff.
| >
| > ..gifs have a limited palette of colors and are generally not suitable
for
| > photographic type images so you can't convert from a gif to a jpg if
thats
| > what you were thinkin...that would be alchemy.
| >
| > If you want overlapping images to look good the best way is to create
them
| > in an image editor...Photoshop, Paint Shop Pro (whatever) make them
overlap
| > there save as a JPG then use them in your web and if you have to use
| > Publisher to create websites (not what it's designed to do) then you
| > shouldn't have stuff overlap or it is likely to be converted to a gif.
| >
| >
| > | > | Whoa, David, you're making my head hurt! LOL
| > |
| > | David, if you check out: http://www.nakarminiatures.com/page16.html
on
| > my
| > | website and look at the last horse, RSF Champagne Melody, the picture
is
| > | blotchy. I did try to separate and use only one picture and it looked
the
| > | same, blotchy. There was no over lapping. The single picture of QT
looks
| > | okay, but it is showing up as a gif. Isn't there any way to change it
to
| > a
| > | jpg that wouldn't involve something too complicated? I just think it
is
| > | weird that not all the photos come up blotchy when not overlapped.
| > |
| > | When you say the text is over lapping, do mean that the text box
itself is
| > | overlapping the image? None of my text boxes are over lapping an
image.
| > When
| > | I view the text on the web it looks fine. The text for QT and Dolly
look
| > | similar.
| > | Any idea where I would find the Design Checker, if there is one?
| > | What is a third party image editing program? Would that be something
like
| > | Picture It?
| > | Arrrrgggg! There has got to be a way to fix this where computer
illiterate
| > | people can do it. LOL
| > | Thanks a bunch, David
| > | karin
| > |
| > | "DavidF" wrote:
| > |
| > | > Karin,
| > | >
| > | > Yes, the URL is your website address, but as JoAnn pointed out, it
helps
| > if
| > | > you spell it correctly.
| > | >
| > | > Honestly, with all the images you are using, and the way you are
| > overlapping
| > | > images, you aren't going to do much better than what you have done
| > unless
| > | > you are willing to redesign your site. Let me explain...
| > | >
| > | > Go to http://www.nakarminiatures.com/page5.html which is your Our
Mares
| > | > page. Note the first picture of Mini Bits is relatively good, but if
you
| > | > look at the overlapping pictures of Cash N' Carry, you'll notice how
| > blotchy
| > | > the images look. That is because your original images have been
combined
| > | > into one image:
| > | > http://www.nakarminiatures.com/img70.gif
| > | > If you want your images to look better, then you can't overlap them.
| > Then
| > | > look at this link:
| > | > http://www.nakarminiatures.com/img73.gif
| > | > In this case you have not only overlapped the images, but you have
also
| > | > overlapped the text boxes and converted the text to an image which
makes
| > the
| > | > text look bad. So, on top of not overlapping your images, you
shouldn't
| > | > overlap the text boxes.
| > | >
| > | > I don't know if Pub 98 has a Design Checker, but if it does, run it.
| > This
| > | > should/might tell you where you have overlapped text boxes.
Otherwise,
| > you
| > | > can try to select the text on your site, and if you can't then it
has
| > been
| > | > converted to an image and you need to move the text box in your
| > Publisher
| > | > file. Try selecting the text describing Hello Dolly for example, vs.
the
| > | > text beside Mini Bits and compare the quality of the text.
| > | >
| > | > As long as you are overlapping your images, then neither the
Microsoft
| > | > method of importing your JPG images, or the "code fragment" method
will
| > | > work. Furthermore, given the large number of images that you are
using,
| > I
| > | > don't know that it is practical to try to import the images. To do
so,
| > you
| > | > would need to use a third party image editing program to resample,
| > resize
| > | > and optimize each image to fit the size you have chosen on your
website.
| > Now
| > | > if you used a program like www.irfanview.com and mostly the same
size
| > images
| > | > for each horse, you could do them in a batch to save time. Then you
| > would
| > | > have to redesign your site so that none of the images would overlap.
| > Then
| > | > you would use the "insert HTML code fragment" to insert the
following
| > code
| > | > for each image:
| > | >
| > | > <IMG SRC="http://www.yourwebsite.com/images/yourimage.jpg"
ALT="Whatever
| > you
| > | > want the alt tag to say">
| > | >
| > | > The alt tag is optional, so you could just use:
| > | >
| > | > <IMG SRC="http://www.yourwebsite.com/images/yourimage.jpg">
| > | >
| > | > and then size your fragment box the same size as the image.
| > | >
| > | > This is assuming that you create a subfolder on your site called
| > "images"
| > | > and uploaded all your images to that folder. While you could upload
them
| > to
| > | > http://www.yourwebsite.com/ you would probably end up deleting part
of
| > them
| > | > when you uploaded revised and updated pages in the future, so I
would
| > | > recommend that you create the subfolder.
| > | >
| > | > As I said, I would probably just live with your images, but you can
do
| > what
| > | > you want, but it is going to require some work with an image editing
| > program
| > | > to optimize and size the images before you upload them, and then you
| > will
| > | > need to redesign your site and not overlap any of the images or
fragment
| > | > boxes. Perhaps an alternative to that would be to just add a text
box
| > below
| > | > each image or group of images, and link it to your higher quality
JPG
| > | > images. In other words, add a text box that said something like
"Click
| > here
| > | > for a larger image" and insert a hyperlink to the image which you
put in
| > | > your new "images" folder where you upload your higher quality,
larger
| > and
| > | > slower loading images. That way if someone wants a better image,
they
| > can
| > | > click the link. Just an idea...welcome to webdesign.
| > | >
| > | > DavidF
| > | >
| > | > | > | > > Sorry, I am not very computer literate. Isn't the URL my website
| > address?
| > | > > I
| > | > > just put www.nakarminiatures.com into my address bar and it came
up.
| > | > > http:// does show up in the front of it. I don't think I have any
| > | > > overlapping pictures with text. I do have photos that overlap.
But
| > it
| > | > > doesn't seem to matter if they are single or multiple - everything
is
| > gif.
| > | > >
| > | > > "DavidF" wrote:
| > | > >
| > | > >> Karin,
| > | > >>
| > | > >> The link to your site does not work. Is the URL incorrect? Did
you
| > take
| > | > >> it
| > | > >> down? When you said that the changes you tried to make did not
work,
| > did
| > | > >> you
| > | > >> actually upload the new HTML to your site?
| > | > >>
| > | > >> Part of the reason I wanted to see your site was that in some
cases
| > if
| > | > >> you
| > | > >> overlap images with text boxes and other design elements, then
your
| > | > >> images
| > | > >> will be converted to combined GIF images with those overlapped
design
| > | > >> elements, and this might explain why your efforts failed. With
the
| > URL
| > | > >> either incorrect or the site not being posted, it is kind of hard
to
| > | > >> check
| > | > >> that, or why your efforts didn't work. Please either upload your
| > site, or
| > | > >> post the correct URL.
| > | > >>
| > | > >> The reason I asked about whether you had access to the "insert
HTML
| > code
| > | > >> fragment" tool, is that I think that using this tool, is a better
| > | > >> solution
| > | > >> than the one you tried as per the Microsoft site. The Microsoft
| > approach
| > | > >> would require you to edit the code of each page each time you
updated
| > or
| > | > >> changed your site, as each time you would produce new *.*html
pages,
| > and
| > | > >> you
| > | > >> would have to edit them again. If you use the code fragment tool,
you
| > | > >> won't
| > | > >> have to do this. However, if you are overlapping your images,
then
| > the
| > | > >> code
| > | > >> fragment approach won't work. So before I go through all the
steps of
| > how
| > | > >> to
| > | > >> use the code fragment tool approach, post the URL.
| > | > >>
| > | > >> DavidF
| > | > >>
| > | > >> | > | > >> > Hi David - My url is: www.nakarminiature.com
| > | > >> > I have an "insert HTML Fragment" under "Insert" in Pub98.
| > | > >> > My pictures are being converted from jpg to gif and some are
coming
| > up
| > | > >> > as
| > | > >> > blotchy or looking like a watercolor pictures when viewed on
the
| > web.
| > | > >> >
| > | > >> > "DavidF" wrote:
| > | > >> >
| > | > >> >> Karin,
| > | > >> >>
| > | > >> >> What is the URL of your website?
| > | > >> >>
| > | > >> >> Does Pub 98 have the "insert HTML code fragment" under tools?
| > | > >> >>
| > | > >> >> DavidF
| > | > >> >>
| > | > >> >> | > | > >> >> > It was suggested that I try my question here. Publisher98
| > changes
| > | > >> >> > all
| > | > >> >> > my
| > | > >> >> > pictures to gif. I was given a link to directions. It
| > suggested
| > | > >> >> > that
| > | > >> >> > I
| > | > >> >> > go
| > | > >> >> > in the website folder and select the file with the graphic.
I
| > saved
| > | > >> >> > the
| > | > >> >> > original grapic in the folder that contains my publication.
I
| > | > >> >> > followed
| > | > >> >> > the
| > | > >> >> > directions and clicked on the numbered page where the
graphic is
| > | > >> >> > found
| > | > >> >> > on
| > | > >> >> > my
| > | > >> >> > website. Changed the HTML to reference my original graphic.
| > When I
| > | > >> >> > tried
| > | > >> >> > to
| > | > >> >> > open it in the web browser nothing changed. In the
directions
| > is
| > | > >> >> > mentioned:
| > | > >> >> > "image file should be in the same folder and at the same
level
| > as
| > | > >> >> > the
| > | > >> >> > Html".
| > | > >> >> > I am not sure what "same level" means. Any help would be
great.
| > | > >> >> > Thanks - Karin
| > | > >> >>
| > | > >> >>
| > | > >> >>
| > | > >>
| > | > >>
| > | > >>
| > | >
| > | >
| > | >
| >
| >
| >
 
K

Karin

David - I see where the text and picture are one being displyed as one image.
The text box must be too close to the picture.

Okay, to reiterate, you don't think that the Method 2 shown at:
PUB: "Save As HTML" Command Converts Graphics to GIF Format
http://support.microsoft.com/kb/177524/en-us

will help? Or a better way may be to make a folder, save my images in it
and then do the "code fragment" method?

Should I decide to get another program, would I be able to tranfer my
current website to the new program?

Thanks for all your help, really appreciated it - Karin
 
D

DavidF

Karin,

I don't think you are quite understanding. When you built your site in
Publisher, you inserted individual JPG images of each horse. You changed the
image box to the final size you wanted, which I would imagine is far smaller
than your original image. In some cases you overlapped two of those images,
which is attractive and works just fine in a print document. However, Pub 98
is designed so that when you convert that page to HTML, or a web page, it
automatically takes those original JPG images, and converts it to a lower
quality GIF image. At the same time it also resizes that image so it will
fit in the space you allocated in the image box on your Publisher page.
Publisher will also convert your overlapping images into one new GIF image
comprised of both the original two JPG images. Your issue is that you want
the quality of your original JPG images, and there is no magical or easy way
to do that. In fact, how would you replace the new combined image that is
made from two images? You don't have an original JPG of that...Publisher
created the image.

Now you ask which way is better. The Microsoft method requires that you
produce your HTML pages from Publisher. Then you open each *.*html page in
Notepad, and change the code. The problem with this approach is that each
time you decided to make a change in the text, the layout or whatever on
that page, you would have to again go in and edit the code for each image.
Obviously that would be way too much work. With the code fragment approach
you don't have to edit the code. Once you get it set up with the code
fragment inserted and working you can change the text, layout etc on your
page, create new html pages, upload them and you are done. If you want the
better quality images, the code fragment approach is the best way.

Now I understand that all this is a bit overwhelming, but the approach is
not nearly as hard as it seems...just tedious. I would suggest that you try
the approach with just one picture, and then if you figure out how that is
done, you can work your way through the whole site, and eventually get all
the images replaced...or....just live with it as it is. Yes, the images are
a little blotchy, but they work and for the most part look just fine.

Or as I suggested, put a small text box below or next to your images, and
insert a link to your larger, better quality images, so if someone is
interested, they can click on that link and it will take them to the better,
bigger pictures. This I believe this is probably your best choice.
Regardless of the quality of your images right now, they are a bit small for
someone to decide whether they would want to buy one. Wouldn't you want
bigger pictures if you were thinking about buying? And besides, it would be
easier for you as you could leave your layout pretty much as you have it,
and just add the text box with the link. Read this article about
thumbnailing, and this is basically what I am suggesting: How to Thumbnail
in Publisher Web Publications:
http://msmvps.com/blogs/dbartosik/articles/80553.aspx
Note that you can also insert your hyperlink into the thumbnail images (or
your smaller pictures), instead of using a text box. You just tell people to
click on the picture to see a larger copy.

As to using another program...go for it, but you will need to start over.
You won't be able to import your publisher files into any program that I
know of. Perhaps try the free
http://www.nvu.com/index.php
Ultimately Publisher will always be limited in what you can do with it, and
rather than waste your time struggling with it, move into a program that is
designed for building webpages. If you have FrontPage, perhaps use
that....but use your time to learn and understand the new program rather
than fight with Publisher???

I don't know what else to say...

DavidF
 
K

Karin

I will try some of the things you mentioned and see what happens. Thanks a
bunch, David, for having the patience to explain everything to me. I do have
a better understanding of what is going on.
Thank you to everyone else for your input as well.
Karin
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top