10 replies to this topic

[Mike Breiding]

"When

I use the save for web feature in AI CS2 the resulting image shows

bleeding of the blue marker box color into the white color of the

numbers. This results in a fuzzy image.

Does anyone know of a way to get a sharper image?

I

did load the image into Pshop and manually touch up the numbers with a

white paint brush, but this is tedious and the results still look kinda

clunky.

The images attached show a crop of the markers and the settings in AI I am using to export to the GIF.

Thanks,
-Mike

Attached Files

•  fl_web_new_markers3_cr.gif   6K   17 downloads
•  AI_web2gif.gif   4K   5 downloads

[frax]

just
don't export to gif, esp with only 64 colors. Export to png or jpg with
high quality settings. If you need to 'save for web' to gif, play with
the settings.

[Mike Breiding]

"

just 
don't export to gif, esp with only 64 colors. Export to png or jpg with 
high quality settings. If you need to 'save for web' to gif, play with 
the settings.

http://

Greetings,
I played with the GIF settings and they made no difference.
A hi rez jpeg is 142k and not much better than the 37 k gif.

The PNG is not much better either and the file size is over 100k.

I may have hit a wall here.

Thanks,
-Mike "

[ELeFevre]

Mike,
Do
you have a white fill and stroke on the marker text? If you do, get rid
of the stroke and export again and see what happens. Like Frax said,
you should be able to export a nice high res png or jpg.

[Mike Breiding]

"

Mike,
Do 
you have a white fill and stroke on the marker text? If you do, get rid 
of the stroke and export again and see what happens. Like Frax said, 
you should be able to export a nice high res png or jpg.

http://

Hi Erin,
The stroke was set to none and fill to white for all the marker numbers.

-Mike "

[Derek Tonn]

"Mike,

Just
for grins, try using anti-aliasing, as well as ""Dither"" instead of ""No
Dither"". I'm 90% sure that is your issue, but if that doesn't work, let
me know and I'll try and think of something else.

EDITED TO
ADD: 8-bit .png is definitely the way to go over .gif. Equal
appearance, 20-30 percent smaller file sizes. Can't go wrong.....

Derek "

[Unit Seven]

"In the text box play with anti-aliasing settings. Usually at small sizes onscreen you are best to set to none.

When working with small text on a screen jaggy is better than blurry.

Have a look at Verdana Bold, 9pt at 72ppi attached for example.

For

small fonts like this I usually try and pick pixel fonts such as Mini 7

or Standard as they are drawn anti-aliased to fit to a pixel grid.

[url="http://"http://www.newzealand.com/travel/library/e91840_3.gif"]Small text map example[/url]

Cheers.

 small_pixel_fonts.gif   1K   22 downloads

[Kartograph]

@ png: Beware! There is

png-8 as a standin for gif

and

png-32 as a replacement for jpg

And Adobe has a shoddy png-8 Export. GIMP consistently produces smaller png-8 files than Illy.
PNG-8 is just right for maps, as gif

[Derek Tonn]

"

And Adobe has a shoddy png-8 Export. GIMP consistently produces smaller png-8 files than Illy.

Correct!
Corel too, for that matter. Every 8-bit .png file I produce via Adobe
or Corel products is subsequently run through a little free program
called [url="http://"http://www.cs.toronto.edu/%7Ecosmin/pngtech/optipng/"]OptiPNG[/url].
Strips another 8-10+ percent off those files sizes, as Adobe and Corel
put lots of unnecessary ""junk"" in those exports that do not need to be
there.

Now if only Adobe would allow the dynamic-introduction of
.png files into Flash, it would be a beautiful day for all of us map
designers placing graphics on the web...... "

[Kartograph]

"

Now 
if only Adobe would allow the dynamic-introduction of .png files into 
Flash, it would be a beautiful day for all of us map designers placing 
graphics on the web...... 

See SVG not only allows you png inclusion, but also dynamic resizable video windows! "

[Derek Tonn]

"Yes,
if it were up to me, I would LOVE to use SVG on a lot more projects!
However, when a client says ""I need you to design _________ so that I
can dynamically introduce a series of _________ graphics into Flash,
it's pretty much .jpg, .swf or we lose the project. I always try and
talk clients into better solutions if I think they have selected an
inferior solution to their needs, but if it comes down to either
delivering .jpg or losing the contract, I'll deliver the .jpg,
unfortunately. We aren't yet big enough where we can simply walk away
from a lot of those projects if we are having some
technical/philosophical differences with prospective clients. "