Exporting design assets for web - File types & optimization

A lesson in different file types and optimizing image exports for web design. Please remember to subscribe http://bit.ly/1aE5UOT Things get nerdy today as we chat about why it's important for the image assets you're building in to a website (or passing on to a developer to use) should be as small as possible without compromising on quality. Basically, smaller files mean faster loading times. Which means happier users! In this video I show you some best practices for exporting three different file types: .svg, .png and .jpg, and I also walk you through when it's best to use each one. Hopefully this video is useful!! If you've got any questions then please feel free to ask them in the comments. Image optimization tools shown: SVGOMG: https://jakearchibald.github.io/svgomg/ ImageOptim: https://imageoptim.com Tinypng: https://tinypng.com/ Design software used: Sketch: https://www.sketchapp.com/ Photoshop: http://www.adobe.com/products/photoshop.html ----------------------------------------------- // ENJOY MY VIDEOS? My videos no longer have pre-roll ads because I think ads are annoying. That means you don't have to sit through ads, and it also means I don't earn anything from the content I put on YouTube. If you want to support me and my channel the best thing you can do is order something from my online store! I make t-shirts and printed products and you're bound to find something you like :) Check it out at: http://linernotekids.storenvy.com ----------------------------------------------- // ABOUT ME Hello there! I'm Charli and I'm a web and graphic designer from New Zealand currently living in London and posting videos every Saturday about design, fashion/beauty and DIYs and vlogs every Tuesday here on CharliMarieTV. Please subscribe and say hi in the comments so we can be friends :) ----------------------------------------------- // MORE Blog: http://www.charlimarie.com Online apparel store: http://linernotekids.com/ Design portfolio: http://charlimarie.com/portfolio Podcast: http://designlife.fm // SOCIAL Twitter: https://twitter.com/charliprangley Instagram: http://instagram.com/charliprangley Facebook: http://www.facebook.com/charlimarieTV Snapchat: charlimarietv My sister SmayJay's channel: http://www.youtube.com/frangisamme ----------------------------------------------- // MUSIC & TECH My gorgeous intro animation was created by hand lettering animator Austin Saylor, you should hire him to do yours too: http://www.austinsaylor.com/