What image type

[Nate1]

I have a Logo I want to display but I can't get it to view with smooth edges
there are alot of curves in the design and they get the bitmap type edges in the webpage but not in the windows picture viewer, sorry don't have an accessible url to demonstrate. How can I get the edges to look like they do in corel and still be a small enough file to use on the web?

[felgall]

The file type you will want to use for a logo will be either GIF or PNG depending on how many colours you need and how big the file ends up being in each format.

The smooth edges in corel will be due to your using 300dpi, 600dpi or even higher so that the dots are really close together. The web displays at between 70 and 100dpi and so you will never get the same smooth result there that you can elsewhere.

[Poxicator]

Try including the bgrnd colour with your image to aid in the anti-aliasing - that should help reduce the jaggy edges.

[WebJoel]

In PaintPro (and I'm sure that there is something like this is most/all image-editing software), if you 'resize' the image, there is an option of (from the toolbar) :

IMAGE -> RESIZE -> Image Sampling:

with the options of:

smart resize (my favorite for smooth-edges when re-sizing images)
bicubic
bulinear
pixel resize
weighted average

You do not have to actually resize the image, but in PaintPro, this is just where this tool is kept.

I was just reading a tutorial on the image-editer "The GIMP" that described a heretofore not mentioned before method of making vector-created text that, when scaled (become raster, -as happens whenever you 'mess with' text by pulling/stretching edges, etc), by applying some path-trickery, makes it 'vector' again. I'm sure that this or similar would apply to images as well (help to make them smooth).

I am having issue with a client's logo that was built 'raster', needs to be 'vector' for the printer (of business cards, etc), and therefore, be on a *pdf file... I may have that figured out. Sounds as if your situation is a bit easier to fix. If there was some way that you could post your image, I or anyone here could probably fix it for you. :)

[Nate1]

OK Yeah have used PNG for the image, So I guess I Have to design the Logo so it has less curves when dealing with webpages? Is it likely that the Web Will support higher resolutions in the future?

[Poxicator]

yes, its very likely the resolution will be increased to match the increase in resolution of monitors. I'd imagine a resolution of 96, 100 or 120 dpi however that won't remedy graphical problems entirely and you could argue it will excentuate the problems. What I believe will happen is we see a greater use of vector graphics on the web to display images, areas of colour etc and this would probably put more emphasis on the client to render rather than downloading rendered images.

You don't need to avoid curves, look at the web its full of curves including most of the buttons in this forum! Its merely a matter of learning the best method of producing your images.

[freshair]

The first thing that comes to mind is to avoid using jpg until you are producing your final internet image. This will keep you from losing image quality between versions, etc. When modifying your work, deal with larger images instead of trying to work in the final size you want on the net. This makes changes in format as needed more effective and makes your work cleaner. When you get the result you want, resize the image for the internet. Chances are, you won't have to concern yourself with developing vector images for your original work to get the right result for exacting work.

[WebJoel]

I read a white paper a few weeks ago regarding a 'new' image format that is coming... *jpg with transparency! This is the first new image format to come around in over a decade... don't recall now when this should happen, but it was said to get around the alpha-transparency incompatibility with IE, and avoid altogether the legal issues of using *gif (yeah... they're STILL fighting over the rights to *gif and if users should have to pay royalties..)