In this Creating Optimized Web Graphics tutorial you’ll explore web image optimization. Many of the images we generate from Photoshop, Illustrator, and other applications require further compression. Using online tools, command line tools, or desktop tools you can greatly reduce the size of images leading to faster downloads.
- View Offline
- After you've optimized your web images…and you've got them,…one thing that you're gonna probably want to do…is optimize them further.…Programs like Photoshop, Illustrator, Sketch,…all these different image-editing applications…usually don't do a good enough job, I gotta be honest.…So let's take a look at what that means.…I'd say at least half the time, when you make a web image,…it can actually be further optimized, without looking bad.…That's what this says right here.…And there are a lot of ways to do this.…You can use downloaded apps that you work with.…
You can use websites that you can upload images to and,…you know, they'll compress them for you.…You can also use command line, you can use a server,…you can use a paid service,…there's five million ways to do this.…Some of these are Mac, some of these are Windows only,…I'm gonna show you a few.…Because this is a really important step of the…optimization process.…One of my favorite websites is tinyjpg or tinypng.com,…and this is just an example of the 50 million…
These tutorials use programs like Photoshop, Illustrator, and Sketch, but the tips apply equally well to any other graphics software.