OutFront Forums
     Home    Register     Search      Help      Login    

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Sponsors
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

 

Nasty GIFs

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> General Web Development >> Nasty GIFs
Page: [1]
 
SteveWR

 

Posts: 277
Joined: 3/27/2002
From: Essex, UK
Status: offline

 
Nasty GIFs - 12/9/2003 19:23:04   
Hi,

When I look at other peoples sites and also templates I have used there is a reasonable use of gifs for backgrounds and menu wording and fillers as you would expect.

However when i make gifs they always come out really nasty and grainy when back in the browser, whilst the stuff other people have done is really pin sharp.

I end up creating the same image in jpg just to get the quality even for backgrounds. I have got a pentium 4 2gig with 512k ddr so the laptop should be able to "do it" ok I would have thought.

Where am I going wrong?

< Message edited by SteveWR -- 12/9/2003 7:25:08 PM >


_____________________________

Steve
-----------------------
Life isn’t a rehearsal … it's an audition

www.esprit-internet.co.uk
Nancy

 

Posts: 3626
Joined: 11/9/1999
From: Nebraska
Status: offline

 
RE: Nasty GIFs - 12/9/2003 20:35:09   
Probably a more important question than what your laptop is would be what graphics program you are using, and how you are saving the gif files - what options you have available and what you are choosing from them.

Nancy

_____________________________

Easy Estimates -- is a simple to use tool to quickly build a Web site page enabling visitors to quickly and easily create an estimate of the cost of services that you provide.

(in reply to SteveWR)
Gotzhaus

 

Posts: 32
Joined: 11/15/2003
Status: offline

 
RE: Nasty GIFs - 12/10/2003 3:33:41   
I use paintshop pro for my images. After I have decided that I am complete with the image, I will copy it, open animation, paste the image and then save the file.

This will result in a cleaner image being saved. You may also want to try saving as a .png, it has less fuzzy area's when saved.

_____________________________

Gotzhaus Creation's

(in reply to SteveWR)
Giomanach

 

Posts: 6187
Joined: 11/19/2003
From: England
Status: offline

 
RE: Nasty GIFs - 12/10/2003 3:41:43   
Hi Steve

PSP7 when saving gifs tends to make the background fuzzy etc. The easy way round this ine is save it as a jpg, then open it in paint and then save it as a gif, never fails.

PSP8 however tends to add more colour to the files so that file size is bigger, but you also get a better quality picture, but it all depends on what you want. If your using black background etc, I suggest using Photoshop, the colours don't fade and it keeps the picture clean

_____________________________




(in reply to SteveWR)
SteveWR

 

Posts: 277
Joined: 3/27/2002
From: Essex, UK
Status: offline

 
RE: Nasty GIFs - 12/11/2003 16:57:51   
Nancy, I use PSP7 mostly, I do also have Photoshop Elements and will from time to time still use Image Composer.

_____________________________

Steve
-----------------------
Life isn’t a rehearsal … it's an audition

www.esprit-internet.co.uk

(in reply to Giomanach)
Nancy

 

Posts: 3626
Joined: 11/9/1999
From: Nebraska
Status: offline

 
RE: Nasty GIFs - 12/12/2003 3:43:23   
I don't know of any reason, using PSP7, that you should continually have problems ending up with gif images taht are fuzzy.

I happen to disagree with Giomanach that should have to save them as a jpg first and open them into a different program. PSP7 has a built in gif optimizer (that in my opinion works quite well) that should allow you to make various choices to get your image to look just as you want. File>Export>Gif Optimizer. You can adjust the number of colors used in the image, if you want it to have transparency, as well as other choices.

If you images are looking grainy, it sounds like you might need to adjust the dithering. The other thing that might cause something to look grainy would be if there are more than 256 colors in your image, and PSP tries to reduce it and has to toss aside some of the colors. If there are a lot of color changes, then jpg would likely be a better format to use.

Gradients can be a little tricky with gif images - obviously what makes the gradient are the subtle color changes, and a gif image might have a little trouble with that. Sometimes you can apply a very small percentage of noise to the image - 1-2% - and it seems to help when exporting the image. I can't tell you exactly why, but I read that years ago as a tip, and it does work.

If you need a little more help. you might post a screenshot of what you are working on, and a brief explanation of the steps you usually use, and possibly we can make PSP a little more useful for you.

I have PS Elements, but have not really ever used it, so I don't think I can help a lot. If I remember correctly it has a File>Save for Web option that would also give you some options to try. And my answer for Image Composer is the same - I have it, but it has been so long since I even opened it I would consider my knowledge with it as less than zero. *S*

Basically though, any of the three programs should make a decent, non-fuzzy/grainy simple gif image without having to do any additional work in any other program, if the right steps are followed. It is just a matter of knowing what those steps are.

Nancy

_____________________________

Easy Estimates -- is a simple to use tool to quickly build a Web site page enabling visitors to quickly and easily create an estimate of the cost of services that you provide.

(in reply to SteveWR)
TonyT

 

Posts: 188
Joined: 9/30/2003
From: Vancouver, WA
Status: offline

 
RE: Nasty GIFs - 12/12/2003 13:00:34   
As far as the Image Composer aspect goes, if you choose to use it, what you want to do is create a custom palette for the gif. Here's a great little tutorial for doing so: http://www.accessfp.net/cs-custompalette.htm

_____________________________

Site Build It Success. As Real As It Gets.

(in reply to Nancy)
Peppergal

 

Posts: 2207
Joined: 9/20/2002
Status: offline

 
RE: Nasty GIFs - 12/12/2003 14:33:31   
The PSP gif optimizer has three "colors" options. One is "web safe" and it will only be the 256 colors...smallest file size and the most grainy.

Optimized Octree and Optimized Median Cut offer more options for keeping gif quality high, but also has higher file size. I've been able to maintain the integrity of my gifs using octree or median, but sometimes a jpeg has a smaller file size. So, if the jpeg looks just as good, only smaller file, I use jpeg.

I've never had to resave them in paint or anything. I've never had them lose colors or anything when using Octree or Median Cut.

_____________________________

Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog

(in reply to Nancy)
Nigel

 

Posts: 383
Joined: 7/24/2002
From: Wirral - UK
Status: offline

 
RE: Nasty GIFs - 12/13/2003 12:41:22   
Hi Steve,

A few of these answers come close to your problem but hoprfully this will help.

As a general rule of thumb Gif's are used on the web for images with a limited number of colours like for example a map or a logo. Jpg's are for photographs.

The way you save the Gif depends on the number of colours in the image and most of the better graphics programs give you the following options for number of colours:

8,16,32,64,128,256

The benefits of choosing less colours are smaller file sizes but if your unsure always go for 256 - it doesn't make a huge difference in file size if the image has less colours but it does make a huge difference to quality if you choose less and the image has more.

The other option you will get is:

perceptive,selective,web and adpative (there may be more and they may be phrased differently - this is photoshops choices)

Choose adaptive and you should get the quality you want. Adpative will adapt to the colour pallete of the browser and choose the nearest option.

Leave all the other options at there default - just set to 256 colours and adpative then let us know how you get on.

One final thought. The quality of the Gif will depend on the quality of the original image.

Nigel

_____________________________

Innerview
Web Design - Virtual Tours - 360 Panoramas - Shopping carts

(in reply to Peppergal)
toniallen

 

Posts: 27
Joined: 7/4/2003
Status: offline

 
RE: Nasty GIFs - 12/15/2003 15:25:57   
Also, if you are saving transperant gifs, make sure you select the "matte" or "matting" color to be the same color as the background you are placing the transperant image on top of. :)

_____________________________


(in reply to Nigel)
DarkWyvern

 

Posts: 1
Joined: 9/28/2009
Status: offline

 
RE: Nasty GIFs - 9/28/2009 18:25:06   
I realize this is an old thread, but I figure better to post on one that is relevant than make a new one.

So, I use Photoshop CS3, I have been working on Forum Signatures for my gaming community but the images while appearing smooth in the main program, when saving for Web and Devices suddenly becomes very grainy.

The image is set to adaptive and 256 Colors, however it still comes out grainy and I'm unsure how to make it come out smooth.

Here is an example of something I put together

:)

(in reply to toniallen)
treetopsranch

 

Posts: 1539
From: Cottage Grove, OR, USA
Status: offline

 
RE: Nasty GIFs - 9/29/2009 8:48:20   
I wouldn't use gifs for those. Use JPG's

_____________________________

Don from TreeTops Ranch, Oregon

"I've got a taste for quality and luxury"


(in reply to DarkWyvern)
Donkey

 

Posts: 4028
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: online

 
RE: Nasty GIFs - 9/29/2009 9:13:54   
Gifs will always come out grainy they are meant for blocks of colour not half tones.
You could try animated pngs, never tried them myself but there's more here:
Animated PNGs

_____________________________

:)

I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens

(in reply to DarkWyvern)
Page:   [1]

All Forums >> Web Development >> General Web Development >> Nasty GIFs
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts