#Add a pdf to adobe illustrator artboard how to

There's no need to output multiple-sized images for different screen resolutions. There are other benefits: the images are lightweight, and because they're vectors, you can resize them easily.

It's a very efficient way of adding effects and animations to your images. While you can output files that you can link to on your web page, you can also save the image as a piece of code that you can paste directly into your HTML file. Short for Scalable Vector Graphics, SVG is an XML-based markup language.

#Add a pdf to adobe illustrator artboard how to

How to Save Adobe Illustrator Files as SVGĪ better, more modern way to export graphics like icons and logos for the web is by using the SVG format. 3x, for example, will output an image three times taller and wider than the original. This will create the settings for a second image, so set the Scale option to a new relative size. Under Formats, set Format to PNG and Scale to 1x.If there's more than one artboard in your image, choose the ones you want to output. Go to File > Export > Export for Screens.You can do this automatically.įollow the below steps to save your Adobe Illustrator file as PNG: To export high quality PNG files from Illustrator that support both standard and high-resolution displays, you should export your file at several different sizes. Even if you have a non-transparent background file, you can easily make a background transparent in Adobe Illustrator using the Image Trace tool. When you need to save an image like a logo or icon for use on the web, especially if it has a transparent background, then you should save your AI file as a PNG.