From the course: Creating Optimized Graphics for the Web

Unlock the full course today

Join today to access over 25,000 courses taught by industry experts.

Optimizing SVGs

Optimizing SVGs - Photoshop Tutorial

From the course: Creating Optimized Graphics for the Web

Start my 1-month free trial Buy for my team

Optimizing SVGs

“

- [Instructor] Now let's go ahead and optimize and export an SVG for the web. Now, like I said before, an SVG is not an image with pixels. It's an image with math calculations that tells whichever tool that reads it there's a line here from this point to this point and this is the reason why these files are resolution free. So, you can basically have this on a building versus a website. In this case, we're talking about websites, so mobile, desktop and so on, so forth. All these resolutions would be covered with just one file. So, let's go ahead and load our SVG. We don't have an SVG right now. I'm going to show you how to create one. So, basically in the exercise files, you have an Illustrator file. This one here, Machine Learning. So, I'm going to open Adobe Illustrator and it's going to be very simple. All you have to do is grab the whole file or if you want to export anything else here, it could be just this…

Contents