![]() ![]() To zoom in to see the logo better, in the Tools panel on the left side of the window,Ĭlick, Click the image until it is visible in more detailĪs you can see, the JPG image is far lower in quality, despite the similarity in image sizes. Let's zoom in to compare the quality of the images. Now we see previews of our banner image in the two different file formats. Repeat step 5 for the preview on the right, selecting PNG-24 from the Preset dropdown. To switch to a JPEG preview, in the Save For Web window,Ĭlick anywhere in the left preview image, Click, Click JPEG High Let's switch our views to a JPEG preview and a PNG preview. We now see two previews of our image - one is the original Illustrator file, and the other is a GIF preview. To see two image previews at the same time, at the top of the Save for Web window, Let's compare a JPEG version of our banner image with a PNG version. Keep in mind, for images we want to use on the web, it's best to have a small file size while still keeping our images at a good quality. To determine whether our logo is best suited to be exported as a JPEG or PNG file, we'll want to explore the different options available to us and compare the results. To close this, in the lower left corner of the dialog box, Click Close. ![]() NOTE: An additional dialog box indicating that we should try out "Export For Screens" might pop up when the Save For Web dialog box opens. Here, we can experiment with different file formats and optimization settings, and then export the images in our chosen file format. ![]() To begin the optimization process, in the Menu bar,Ĭlick File, Point Export, Click Save for Web (Legacy). We'll start off with Illustrator's Save For Web (Legacy) option, to see how that works. To select the first artboard to export, in the Artboard panel, To start, we'll need to select the artboard with the image we want to export. Using Illustrator's Export menu options will ensure that our graphics are web ready. We will use a couple of different export options in Illustrator to optimize the images for our site. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |