: How to save a PNG with text in Illustrator so it displays clearly on web? I've designed some badges for a new forum. In the mobile version I would like these to display the same size as
I've designed some badges for a new forum. In the mobile version I would like these to display the same size as the navigation icons.
I know that if they are too detailed, detail will be lost once they get too small. However, the badges are flat with not too much detail. But they do have text descriptions in the design. When I save and upload them as PNG, the design is very fuzzy and the text unclear even though it's at an ok size.
I'm using Illustrator to do this and wondering if there are some best practice methods in designing and saving PNG images so they are clear and sharp on the web at smaller sizes.
More posts by @Debbie163
1 Comments
Sorted by latest first Latest Oldest Best
If you are saving for the web I would suggest using SVG. We do have a few questions that may help you out if you haven't searched the site:
Search for small fuzy
Results show:
Why does it seem Photoshop is the common answer to icon design instead of Illustrator?. As Alan points out it is better to create pixel by pixel so you might get a better result in Photoshop
Logo looking fuzzy on smaller sizes. DA01 shows that the logo is fuzzy when resized to a smaller size due to anti-aliasing.
Best workflow for icon design: Start big, or start small?. A good question on the preferred workflow for creating icons.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.