From the course: Making Your Site Retina-Ready
Join today to access over 22,600 courses taught by industry experts.
Understanding the different methods available
From the course: Making Your Site Retina-Ready
Understanding the different methods available
- [Voiceover] These days, ensuring your raster images are retina ready, or HiDPI compatible, is a big deal if you decide to do it. There's a lot of methods for doing it, and in the past videos we've talked about IconFonts, SVG, Favicons, all great methods for what they are. But when it comes to raster images, another solution or two is necessary. In this video, we'll break down each of the most widely used options for making your images retina ready. Now, I've got this site up here and I've got what's called Basic, Background, Retina.js, PictureFill. These are sort of a catchall for the main methods for creating retina images and by retina, that's an Apple term, I mean HiDPI. To start with one of the basic, most basic, ways aside from IconFonts, SVG, and Favicons is to take raster images and to save it as a HiDPI version. In other words, double the pixel width if you will, and that's very generic, but actually setting a width in the CSS or the HTML for that matter and making it so…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.