It's vital to the performance of your app or website that you make sure your images are clean, crisp, and quick to load in mobile or on the web. In this video, Renata talks through how to do image compression.
- [Narrator] Users expected pages and apps to load quickly.…Yet the load of an average website is increasing…year over year.…This is especially painful for mobile users…who are likely to abandon a website if it takes longer…than three seconds to load on their mobile device.…Therefore it's vital to optimize your images…as much as possible without losing image quality…along the way.…One way in which you can do this is if we select…our bridge icon and make it exportable.…
We can go ahead and remove all the 1X sizes…and we can retain the larger sizes and then export…either at a jpeg or png.…Then we can utilize those as they will still work…even on high resolution devices without losing…too much of that quality.…One way of doing that is if we select our bridge icon…and then make it exportable.…You'll note that Sketch has kept our preferences…from the last time we exported.…
So what we want to do in order to keep our image…at the higher resolution, when we export we want…to go ahead and make sure that we're exporting…
In this course, discover how to create icons with Sketch. Renata Phillippi takes you through each stage of the process, explaining how to set up a file, create and combine shapes, add color and depth to your artwork, and finally, export your design. Upon wrapping up this course, you'll have created several simple icons, and have the knowledge you need to start bringing more of your design ideas to life.
- Conceiving the design
- Setting up the file
- Building initial shapes and outlines
- Adding color and shadows
- Manipulating type
- Preparing and exporting your icon for developers to integrate