: Illustrator Aligned to Pixel Grid But Logo Still Fuzzy I'm trying to create a crisp logo in Illustrator CC, and no matter what I do (have set up web document settings with align to pixel

Posted in: #AdobeIllustrator #AntiAliasing #Logo #Pixelation

I'm trying to create a crisp logo in Illustrator CC, and no matter what I do (have set up web document settings with align to pixel grid), when I go to save my logo as a PNG-24 web document and preview in the browser, the logo appears fuzzy!

Is there something I'm missing about how to make my logo export for my website with a crisp look?

Here is how it exports in PNG-24 format:

Here it is with pixel preview:

For Ben: Here is how it looks in Illustrator -> Save for Web -> Preview (PNG) 100%

Thanks in advance for any help!

10.03% popularity Vote Up Vote Down

: In InDesign CC how do I remove pagination from just the cover page? I need to remove the pagination from the cover page in InDesign and start pagination with the second page of the layout.

@Smith574

Posted in: #AdobeIndesign

2 Comments

: Batch replace image color I have plenty of images made up with the same color, just like those: Now what I want is to change their "main" color from "#3d507d" to "#7C0A0A". I tried to

@Smith574

Posted in: #AdobePhotoshop #Color #ColorConversion #Gimp #Inkscape

2 Comments

: Photoshop render fibers and export as transparent background png so I rendered fibres. really light ones. take a look I want the fibres to stay and everything around them to be transparent

@Smith574

Posted in: #AdobePhotoshop #Png #Transparency

0 Comments

: Opacity seems to be locked in at 100% in GIMP 2.8 After I have typed text onto an image using the text tool and then try to save it, the image turns into a kind of faintly transparent

@Smith574

Posted in: #Gimp #Opacity #Text

1 Comments

Login to post a comment!

3 Comments

Sorted by latest first Latest Oldest Best

@Shanna688

Try using the svg file format for logos. You would not get the anti-alias effect as svg does not use pixels but vectors.

10% popularity Vote Up Vote Down

@Moriarity648

We had some problems at work with icons looking fuzzy.
What we did is that we resized all the icons on illustrator as double the size they should be on the browser. When the developer was coding he divided the image by 2 or just set the dimensions manually divided by 2.

The exporting was done the same way "save for web" and with PNG 24.

After that all the icons and images had a crisp look.
You can try that and see if it works for you too!

10% popularity Vote Up Vote Down

@Murray664

You'll have to manually tweak this into pixel perfection. With the 'Direct Selection Tool' (A), select each and every anchor point along the paths of the shape, and make sure it is aligned on a grid coordinate. Also, make sure you have View > 'Snap to Pixel' enabled.

10% popularity Vote Up Vote Down

Feed

: Illustrator Aligned to Pixel Grid But Logo Still Fuzzy I'm trying to create a crisp logo in Illustrator CC, and no matter what I do (have set up web document settings with align to pixel

More posts by @Smith574

: In InDesign CC how do I remove pagination from just the cover page? I need to remove the pagination from the cover page in InDesign and start pagination with the second page of the layout.

: Batch replace image color I have plenty of images made up with the same color, just like those: Now what I want is to change their "main" color from "#3d507d" to "#7C0A0A". I tried to

: Photoshop render fibers and export as transparent background png so I rendered fibres. really light ones. take a look I want the fibres to stay and everything around them to be transparent

: Opacity seems to be locked in at 100% in GIMP 2.8 After I have typed text onto an image using the text tool and then try to save it, the image turns into a kind of faintly transparent

Login to post a comment!

3 Comments

Back to top | Use Dark Theme