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.
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:
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.
- Click Save as Web ⌥+⇧+⌘+S or File>Save as Web
- Select PNG-24, tick interlaced
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.