For character quality of image better jpg or gif or PNG? What you use?

Started by schoolequaltoprison, Sun 13/04/2014 17:03:19

Previous topic - Next topic

schoolequaltoprison

Hi, i use flash, and i draw the character animation:

So now i export, and some doubt about better quality of the conversion.

I try JPG but the program smooth around the external edges of the character, so appear some light grey points that AGS automatically i see is unable to cut well, and see particles that appear around in the animations. 

BUT OUTSIDE AGS
JPG is very good quality character looks the same as draw original, but have this problem of smoothing color outside edges, there is a solution?  Without SMOOTH option the conversion to JPG becomes bad and eat out some colors.

Same with GIF smoothing problem happen in AGS after, without smooth the conversion become bad.

Same with BMP " "" " "  " " " " " " " " " " " " "  " and conversion eat many pixel

I LAST TRY WITH PNG and he cut very well Oustide AGS (because of PNG itself) and Inside AGS but qality look a little bit poorer than "JPG with smooth option".

What you use for not loss any of the details (because of the player if walk very near to camera, details will see).

Thanks

Monsieur OUXX

Hello, your question contains three questions :
1) How does the file format affect the quality of the sprite?
2) Why does my image look smoother with JPG?
3) How do I avoid dirty pixels on the outline of my sprite?

About Question 1) :
  - never use JPG, try not to use Gif. JPG is not suited for sprite-based games, because it compresses the image. It means that it introduces "errors" (the final pixels don't have exactly the same color as the original pixels when you createde the image). That's a lot of random hazard. Gif is limited to 256 colors, it's not so cool nowadays.
  - try to use BMP or PNG: BMP is fine but it's not compressed (the files can become quite large quickly). I'd recommend PNG, because it has lossless compression: that means the files are smaller but it doesn't intriduce errors in the image. All good.

About question 2) :
You said "the image looks smoother as JPG than PNG". Well, that's just coincidental. Since JPG intriduces errors, that causes some edges to look less sharp. But if you want images to look smooth, that's not the right way of doing it. You should make them look smoother in your drawing tool, and THEN when they look exactly the way you look, you should save them in the proper file format (I still recommmend PNG).

About question 3): if I understood your issue well, that's a typical beginner's mistake with AGS: When you work on your image in your drawing tool, do you have a colored background behind it? (e.g. pink, white, black, etc.?).
If yes, then it's very likely that some of your pixels on the outline of your sprite are not 100% the same color as your background color. You cannot see it with your bare eye, but those pixels are "almost pink" or "almost black" but not "exactly pink" or "exactly black". Then when you import the sprite into AGS, everything that is not exactly the same color as the background color is not turned "transparent", it keeps its color. Hence the dirty pixels.
 

Monsieur OUXX

Oh, I just saw that you use "Flash". i overlooked that. It gives a more accurate answer to question 3.
Well then, save as PNG with an alpha channel (for the reasons I mentionned in question 1), and import it into AGS the same way. Problem solved.
 

SMF spam blocked by CleanTalk