MS Office Forum / Publisher / Web Design / August 2006
Changing gif to jpg?
|
|
Thread rating:  |
Karin - 06 Aug 2006 13:22 GMT 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
DavidF - 06 Aug 2006 16:54 GMT 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 [quoted text clipped - 12 lines] > I am not sure what "same level" means. Any help would be great. > Thanks - Karin Karin - 06 Aug 2006 17:36 GMT 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.
> Karin, > [quoted text clipped - 20 lines] > > I am not sure what "same level" means. Any help would be great. > > Thanks - Karin Karin - 06 Aug 2006 17:55 GMT Forgot to mention - Mary directed me to: http://support.microsoft.com/kb/177524/en-us I tried Method 2, but as I mentioned earlier, nothing happened.
> Hi David - My url is: www.nakarminiature.com > I have an "insert HTML Fragment" under "Insert" in Pub98. [quoted text clipped - 25 lines] > > > I am not sure what "same level" means. Any help would be great. > > > Thanks - Karin DavidF - 06 Aug 2006 18:39 GMT 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. [quoted text clipped - 29 lines] >> > I am not sure what "same level" means. Any help would be great. >> > Thanks - Karin Karin - 06 Aug 2006 19:52 GMT 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.
> Karin, > [quoted text clipped - 55 lines] > >> > I am not sure what "same level" means. Any help would be great. > >> > Thanks - Karin JoAnn Paules [MVP] - 06 Aug 2006 20:10 GMT The first time it didn't end in an s. That can make the world of difference.
 Signature JoAnn Paules MVP Microsoft [Publisher]
> Sorry, I am not very computer literate. Isn't the URL my website address? > I [quoted text clipped - 79 lines] >> >> > I am not sure what "same level" means. Any help would be great. >> >> > Thanks - Karin DavidF - 06 Aug 2006 23:40 GMT 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 [quoted text clipped - 79 lines] >> >> > I am not sure what "same level" means. Any help would be great. >> >> > Thanks - Karin Karin - 07 Aug 2006 02:36 GMT 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
> Karin, > [quoted text clipped - 150 lines] > >> >> > I am not sure what "same level" means. Any help would be great. > >> >> > Thanks - Karin Rob Giordano (Crash) - 07 Aug 2006 05:44 GMT 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 | [quoted text clipped - 172 lines] | > >> >> > I am not sure what "same level" means. Any help would be great. | > >> >> > Thanks - Karin Don Schmidt - 07 Aug 2006 06:24 GMT Won't the free Infanview convert a gif to a jpg?
http://www.irfanview.com/
 Signature Don "May your shadow be found in happy places." (Native North American)
> There's no easy way...you gotta learn some stuff. > [quoted text clipped - 271 lines] > great. > | > >> >> > Thanks - Karin Rob Giordano (Crash) - 07 Aug 2006 17:43 GMT Yes,,,but think about it...convert a limited color palette to...?
| Won't the free Infanview convert a gif to a jpg? | [quoted text clipped - 275 lines] | > great. | > | > >> >> > Thanks - Karin Karin - 07 Aug 2006 12:16 GMT 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.
> There's no easy way...you gotta learn some stuff. > [quoted text clipped - 238 lines] > | > >> >> > I am not sure what "same level" means. Any help would be great. > | > >> >> > Thanks - Karin Rob Giordano (Crash) - 07 Aug 2006 17:44 GMT 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 [quoted text clipped - 243 lines] | > | > >> >> > I am not sure what "same level" means. Any help would be great. | > | > >> >> > Thanks - Karin DavidF - 07 Aug 2006 12:24 GMT 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
> Whoa, David, you're making my head hurt! LOL > [quoted text clipped - 209 lines] >> >> >> > I am not sure what "same level" means. Any help would be great. >> >> >> > Thanks - Karin Mary Sauer - 07 Aug 2006 14:54 GMT Publisher 98 has the design checker under tools. My first web page was created with 98, I remember the pain.
 Signature Mary Sauer MSFT MVP http://office.microsoft.com/ http://msauer.mvps.org/ news://msnews.microsoft.com http://officebeta.iponet.net/en-us/publisher/FX100649111033.aspx
> Yeah, this website building stuff can make your head hurt. Now you know why > the professionals get paid the big bucks...;-) [quoted text clipped - 214 lines] >>> >> >> > I am not sure what "same level" means. Any help would be great. >>> >> >> > Thanks - Karin DavidF - 07 Aug 2006 15:35 GMT 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
> Publisher 98 has the design checker under tools. My first web page was > created with 98, I remember the pain. [quoted text clipped - 289 lines] >>>> >> >> > great. >>>> >> >> > Thanks - Karin Karin - 07 Aug 2006 20:03 GMT 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
> Thanks. I skipped Pub 98 and don't own a copy. > [quoted text clipped - 271 lines] > >>>> >> >> > I > >>>> >> >> > go DavidF - 07 Aug 2006 22:57 GMT 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
> David - I see where the text and picture are one being displyed as one > image. [quoted text clipped - 346 lines] >> >>>> >> >> > I >> >>>> >> >> > go Karin - 08 Aug 2006 01:21 GMT 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
> Karin, > [quoted text clipped - 275 lines] > >> >>>> This is assuming that you create a subfolder on your site called > >> >>>> "images" Chuck Davis - 08 Aug 2006 21:56 GMT > Yeah, this website building stuff can make your head hurt. Now you know > why the professionals get paid the big bucks...;-) [quoted text clipped - 276 lines] >>> >> >> > I am not sure what "same level" means. Any help would be great. >>> >> >> > Thanks - Karin If you are looking for and inexpensive web authoring program, try NVU. http://www.nvu.com I have used FrontPage for 8 years. This seems to be an up and coming open source alternative.
|
|
|