Join Brian Wood for an in-depth discussion in this video Optimizing SVG, part of Making Your Site Retina-Ready.
- Creating SVG is really pretty easy.…The harder part, I guess you could say,…is to actually optimise it and it's really not that hard.…Optimising SVG is important because everything…we create on the web we want to have be smaller,…(laugh) that's the idea.…Download speed, a lot of different reasons.…SVG is not any different, so what we're going to do…is we're going to go in this video…and we're going to show you how to optimise SVG.…Now there are a million ways to optimise SVG.…I'm going to show you the method that I use sometimes.…
This is a web-based optimisation.…As a matter of fact, if you go to your browser and you go to…petercollingridge.appspot.com/svg-optimiser,…you can also just go to Google and search for SVG Optimser,…and you'll find this website.…This is a web-based version of an optimiser.…Now I actually do a lot of command line as well…working locally and I have a node package manager…NPM version of this kind of optimiser which is a lot faster…but just for the sake of argument…we're going to use this one.…
- What is HiDPI?
- Adding your first icon font
- Adding hover states and animation
- Working with SVG files
- Creating favicons
- Displaying HiDPI images
Skill Level Intermediate
Creating Icon Fonts for the Webwith James Williamson3h 55m Intermediate
Design the Web: SVG Rollovers with CSSwith Chris Converse23m 43s Beginner
Design the Web: Using Symbols in SVGwith Chris Converse20m 27s Intermediate
Photoshop and Illustrator: Creating Retina Graphicswith Justin Seeley1h 11m Intermediate
1. Introducing HiDPI or Retina
What is HiDPI (retina)?9m 16s
2. Icon Fonts
5. HiDPI Images
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.