saving high res png from vector in illustrator
I have created a logo in illustrator. Artboard is 150x150, logo itself is 120x90.
I saved this logo as .ai, but I also want to use it on websites. I will include the image, and as you can see, it's a little bit blurry around the edges.
Logo:
I've tried multiple options: export for screens and changing the size (2x and 3x), save as and then png, save for web (legacy) and optimized for illustrations, ... but the borders are still blurry.
What's the ideal flow to save a .ai-file to a png-file without significant loss of quality?
Your image is fine. There is no way to make it better.
But if you're using Mac with retina monitor you can get blurry images in a browser. Browsers render web pages for non-retina monitors and they get upscaled on retina monitors. If there weren't special CSS tricks.
https://basilsalad.com/how-to/upgrade-website-images-retina-display/
CSS for high-resolution images on mobile and retina displays
Why do bitmap images look blurred on Retina display?
etc
If it's the case (Retina + browser) the only thing you can do is: to make the PNG with bigger size (about two times) and to tweak your CSS.
- Paint by number Illustrator script
- adobe illustrator toolbar is the only one shown
- How to lower the opacity of the alpha layer in an svg filter?
- Used AI to generate an Adobe Illustrator v28.3 script that groups the contents of each individual artboard. Can't get it to work
- Exporting Illustrator AI to SVG without a white background
- Modify the data of SVG path element's d-attribute to make the resulting path flipped
- set focus of edit text in extendscript
- Script for Illustrator to adjust global color accross multiple documents
- Illustrator grouped objects inside of a compound path
- $.fileName will not work in script in OS X and Adobe Illustrator
- Cannot open generated QR code SVG in Adobe Illustrator
- Selecting a set of colors, making a new layer, and then sending to that layer using Illustrator script
- Reversing an SVG Path
- Determine whether the Text Frame itself is selected or if the text within the Text Frame is selected or if no Text Frame or text portion is selected
- How can I use Hex codes when specifiying a color for defaultFillColor?
- Where is the perfect reference of adobe illustrator script?
- Cannot import svg with '<image>' tag
- How can I extract duplicates from an array using ExtendScript?
- A script that runs a command based on selected artwork colors
- Is it possible to run functions asynchronically in Adobe Illustrator scripting?
- How do I export all open files into PNGs and have every window close in the end?
- Javascript to relink missing link from pdf within same folder within Illustrator
- Adding separate artboard for each layer based on the content width using Illustrator scripting
- Updating Adobe Illustrator content with script, without closing GUI
- This script wont select elements/layers which thier names are between angle-brackets "<>"
- Edit running script and replace an array
- Running a script on all .ai files in a directory
- Does Optical Kerning in in Adobe have a CSS equivalent?
- Set transform and size of <use> to allow it to be saved as .svg files correctly for editing
- A Script To Sort Objects Alphabetically Within A Layer In Adobe Illustrator CC?