: How do I smooth out pixelated lines? I am designing this logo for my website. It looks great in Illustrator CC but looks pixilated on the site. I want to smooth out the "A" and "W" diagonal

Posted in: #AdobeIllustrator #Pixelation #Vector

I am designing this logo for my website. It looks great in Illustrator CC but looks pixilated on the site. I want to smooth out the "A" and "W" diagonal vector lines. I have tried exporting as a PNG Interlaced and using the "Align to the Pixel Grid" option. The image is partially vector lines and partially type. Any tips or suggestions? Thanks in advance.

10.02% popularity Vote Up Vote Down

: Colour of colour swatch changes in InDesign Document I have a problem with InDesign (I am using the latest version of the program). I created an RGB Colour swatch in a light green colour tone

@Pierce403

Posted in: #AdobeIndesign #Color

2 Comments

: Can you create dynamic button styles/shapes in Photoshop that resize with text? I need to make rounded buttons (pill shaped) in different sizes that will automatically adjust height/width based

@Pierce403

Posted in: #AdobeIllustrator #AdobePhotoshop

1 Comments

: Moving vector anchor points in After Effects I am trying to do a simple animation in After Effects. I have drawn a straight line with the pen tool, now I would like to animate the movement

@Pierce403

Posted in: #AdobeAfterEffects

0 Comments

: Adobe Illustrator is making my PDFs HUGE! Why? I received a pdf of about 1Mb, with 6 pages. I opened each page, one at a time, in Illustrator, changed some text, then saved, so it saved

@Pierce403

Posted in: #AdobeIllustrator #Pdf

7 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@Goswami567

Click Save as Web ⌥+⇧+⌘+S or File>Save as Web
Select PNG-24, tick interlaced
Save

About SVG, it is a great option these days for having a vectorised
logo on your website but from my experience its a heavy format for the
website and if you have many icons in SVG saved your website will run
a bit slower.

Good luck

10% popularity Vote Up Vote Down

@Sent7350415

Convert the type part of the logo to vector shapes. Then export as SVG and use the SVG in your Web page. The logo will always be rendered at the right size for the context and won’t have any pixelated lines.

You can see here that SVG is supported in 97% of Web browsers that are in use today:

Can I use SVG?

But if you want to support the other 3% oldest browsers then Google “SVG with PNG fallback” and choose a technique that is best suited to your tools and needs.

10% popularity Vote Up Vote Down

Feed

: How do I smooth out pixelated lines? I am designing this logo for my website. It looks great in Illustrator CC but looks pixilated on the site. I want to smooth out the "A" and "W" diagonal

More posts by @Pierce403

: Colour of colour swatch changes in InDesign Document I have a problem with InDesign (I am using the latest version of the program). I created an RGB Colour swatch in a light green colour tone

: Can you create dynamic button styles/shapes in Photoshop that resize with text? I need to make rounded buttons (pill shaped) in different sizes that will automatically adjust height/width based

: Moving vector anchor points in After Effects I am trying to do a simple animation in After Effects. I have drawn a straight line with the pen tool, now I would like to animate the movement

: Adobe Illustrator is making my PDFs HUGE! Why? I received a pdf of about 1Mb, with 6 pages. I opened each page, one at a time, in Illustrator, changed some text, then saved, so it saved

Login to post a comment!

2 Comments

Back to top | Use Dark Theme