How To Save An Illustrator File As A Jpeg | Illustrator – Save As Jpg Or Png – How To Export Bitmaps From Illustrator

Youtube URL:

Helen Bradley

Subscribe Here

Likes

57

Views

3,527

Illustrator - Save As Jpg Or Png - How To Export Bitmaps From Illustrator

Transcript:

Hello, and welcome to this. Video Tutorial today we’re looking at extracting ping and/or JPEG images from a file in Illustrator. Now, before you begin with any illustrator file, you’ll want to save your AI version of the file. You’ll need that in case you need to make changes to it later on because JPEG and ping are bitmap formats, They’re not vector formats so first of all. Make sure that you have an up-to-date. Ai file saved now. There are a number of ways that you can export to jpg and. I’m going to show you two of them. They work quite a bit differently, so I’m going to first of all select my art. Because if your art is not sized to the artboard or vice versa, the artboard is not sized to your art. Then you run the risk of exporting the entire artboard rather than just the piece of art, and typically it’s just the art that you’ll want to export. So if you want to just export your art, you’ll select it if you want to export the entire artboard you don’t so with my art selected. I’m going to do the first method and that’s file export and I’ll choose export as youll. Choose the format that you want to use and so for this first one. I’m going to use JPG now. If I wanted to export the entire artboard I would select use artboards, but because I’ve got my art already selected. I’m just going to export that. I’ll click export now. We get to choose the color model, but if you choose. Cmyk that can’t be saved as a JPEG anyway, so I’m just going to use RGB because that can be saved as a JPEG image quality is going to be the quality of the file. Do you want it to be high-quality so less artifacts and less compression, or do you want a small file with a lot of compression, A lot of artifacts and I was sort of more damaged file? If you like, well, typically, you’ll want sort of maximum, particularly if you’re uploading these to sell, for example, so you’ll want a high quality for your image. Now the one option that you can select in this dialog that you can’t select and the other one that I’m going to show you is your resolution, so you can choose a resolution of 300 100 50 or 72ppi, or you can click other and go and select a custom resolution. Now, if I printing, for example, you would probably want high at 300 PPI. Now you can embed the sRGB color profile in the image. If you want that just makes it better for web viewing, so I’m going to do that and we’ll click OK. And so that image is now exported as a JPEG lets. See how we do that as a ping so again, file export export as we’re going to select ping from the drop-down list here. PNG again same option to use artboards or not, Ill click export again. We can choose the resolution. You can choose 70 to 150 or 300 Let’s do 300 now here. We can also select the background color. It can be transparent, white or black now. If you do transparent, that’s one thing that you can do in a ping image that you can’t do in a JPEG. You could just have these purple grapes and the stem, but no white background that would make it handy for adding, for example to a website which has a colored background. Because then you won’t get the sort of white box around your art. Instead, you’ll be able to see the colored background through these transparent areas. Typically, that’s why you would use ping in preference to. JPEG is to get the transparency because ping images are typically larger than JPEG images. Because you’ll see that we don’t have an option for quality here, so just be aware if you want transparency, you’ll need to use ping if you don’t need transparency, then JPEG might be your better choice. I’ll click OK so having saved our files. Let’s go and have a look at them in Windows Explorer. So here is our great sample JPG and our great sample PNG. You can read off the size of the file here. It has been increased in size because it has been saved at 300 DPI. If I right, click here and choose properties. We can read off the properties. These are the dimensions of the file in pixels and it’s 300dpi now the size of this grape sample. PNG image is going to be exactly the same because it was saved out at 300 DPI. There’s another method for creating ping and JPEG images, choose file and then export and save for Web legacy in this dialog. You get to specify the width and height of your image now. I’ve got clip. Two artboards selected here, so the entire artboard, including the art, is going to be exported. So that’s going to give me something that looks like this in the export file well. I don’t want that to be the case. I’m just going to disable clip to artboard, so I’m only going to export the art itself, and I can read the width and height here. Now they’re pretty small, so if I want to enlarge it, I connect to enlarge it here. The DPI or the PPI. In this case, it’s sort of interchangeable in Illustrator, they’re not actually the same, but read them as being the same for this purpose. The DPI is going to be 96 for all images that are exported out of this safer Web option. You can’t change that, but you can change the finished width, so I’m going to actually make this 2000 because I get the ability here to choose. How big. I want this image to be so if I want it to be 2000 pixels wide, That’s what I’ve set it to be by clicking this icon here and making sure that the height is also going to be changed at the same time so that the image is not skewed out of proportion, for example. I’m going to fit this on the screen. Okay, so here is where I get to choose JPEG or ping. So I’m going to choose JPEG at this stage, but you can see that you get Ping. Eight and Ping 24 There’s also jiff as an option, but we’re just looking at ping and JPEG today. If you’re going to choose Ping, choose Ping 24 not eight because you get better colors from that. But JPEG, I get to choose the compression quality and the image source quality, so I’m going to choose a quality of 100% We’ve got file size. We’ve not clipped it to the artboard, so we’re just going to export the image here and I’ll just click. Save now! I’m going to call this great sample and going to give it a number two because that’s going to be the second of these. This one was exported using a different process. This is the one we’re exporting now. I’ll click. Save and let’s see how we would create our pin here again. We need to make sure that our art is selected before we do. This file export save for Web legacy in this case we’re going to choose Ping 24 again. We can choose the size of the final image. I’m going to make this mm. So illustrator is automatically calculating exactly how high it has to be to stay in its proportions. I have got clipped to artboard disabled so that we’ve not got the rest of the artboard being exported and we do have transparency selected here. You can see that if we don’t have transparency selected, then we’re going to set it out with a white background, but here with transparency selected, we can see the checkerboard, telling us that this is going to be a transparent or see-through background. I’ll click. Save great sample, ping and this is going to be number two. Let’s go back to our working images and here are our samples. So this is the JPEG image. If I right, click and choose properties, it’s going to be two thousand pixels wide by two thousand five hundred and fifty six pixels tall, But as promised it is only 96 DPI because that’s. The only option you get from that particular dialog here is the ping image. It’s not obvious that it’s transparent, but it is, you’re always going to see these as looking like they’re on white backgrounds in Windows Explorer, but in actual fact, that is transparent. And here we have the file size 2000 by two thousand five hundred and fifty six now in this dialog, we don’t have any dpi showing for our ping images. Just be aware of that, so that’s how you can. Export pings and JPEGs out of illustrative, got the legacy option, which allows you to specify the actual physical dimensions of the file, but you’re stuck with a fixed resolution of 96 PPI. If you needed to change that you would need to go to another application, For example, open it in Photoshop and change the resolution, the export as dialog allows you to choose your resolution, but not your file size, and so you get one with one and one with the other a little bit confusing a little bit inconvenient dare. I say that, but that’s the way it works now before we finish this video. I have more Illustrator training at Skillshare comm. When you sign up for skill share, you get access to thousands of classes there, including over 250 of mine in the description below as a skill share coupon for you, which is at least as good as the current skill share offer and typically, mine will be better. I also have Illustrator training at Udemy calm and there’s a referral link for each of these courses in the description below, Please feel free to share these with family friends and co-workers. I hope that you’ve enjoyed this video. I hope that you’ve learned things about illustrator of which you were previously unaware. If you did enjoy the video, give it a thumbs up, hit the subscribe button and that notification Bell. So you’ll be alerted when new videos are released until next time my names. Helen Bradley. Thank you so much for joining me here on my Youtube channel.