PhotoshopForums.com Home
Navigate Contact FAQ Search Members
HELP....How can I make a logo look good on the web?
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion
 See a User Guidelines violation? Please contact us.
Author Message

WDP

Joined: 18 Oct 2008
Posts: 2



PostPosted: Thu Nov 20, 2008 8:00 pm    Post subject: HELP....How can I make a logo look good on the web? Reply with quote

I have an Adobe Illustrator logo (.ai) format that looks really good and sharp as a vector image. It seems like every time I try to place the logo on a web site, it comes out looking awful....very fuzzy, really not very good at. Can anyone give me some tips as to how to make a company logo look nice and clean when published on the web. Thanks.
View user's profile Send private message

moondog

Joined: 02 Apr 2008
Posts: 778
Location: Michigan
PS Version: CS2
OS: Vista

PostPosted: Thu Nov 20, 2008 8:46 pm    Post subject: Reply with quote

In all actuality it will never look better than as a vector image ... perhaps you could let us see the image and work with it for a bit to see if we can do something for you?

dog
View user's profile Send private message Visit poster's website

paladyn

Joined: 21 Oct 2008
Posts: 44



PostPosted: Fri Nov 21, 2008 9:50 am    Post subject: Reply with quote

Dog's got it right. Illustrator AI files are vector format files, infinitely scalable and sharp as a tack at any scale. Unfortunately, vector formats are not supported by Web browsers, unless you count the limited support for SVG and the plugin-provided support for Flash.

Your issue is probably coming from the conversion to one of the Web-supported raster formats, jpg, gif, or png, followed by scaling. When you scale a raster image upward, pixelation is introduced, producing the fuzziness you are observing. Impossible to say more without seeing the image itself.

[EDIT] BTW, if you're using Illy CS4 to produce that logotype (and, I suspect, earlier versions as well), you can select File|Save for Web and Devices. This will bring up a fully-featured dialog that will permit you to choose many options, including Web-compatible file types, color palette minimization, etc. Before invoking the dialog, you can also losslessly scale the logo to the desired size while in vector format, yielding the sharpest possible converted Web-compatible image.

If you are not producing the logotype yourself, talk to the creative who is doing that part of the work and ask him to provide you with a Web-compatible image with the file type, transparency, color depth, size, etc. that you need for your design. It's cake to do in Illy, and he should have no problem accommodating your needs.


paladyn
View user's profile Send private message

moondog

Joined: 02 Apr 2008
Posts: 778
Location: Michigan
PS Version: CS2
OS: Vista

PostPosted: Fri Nov 21, 2008 5:49 pm    Post subject: Reply with quote

paladyn has explained it even better ... nice call paladyn, I never thought to go further with it than to explain that vector would be better.

dog
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion All times are GMT - 6 Hours
Page 1 of 1
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Contact - User Guidelines >

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved.
Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy.
We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.
PhotoshopForums.com