Responsive Images Getting Up and RunningSam Dutton, developer advocate at Google, explains the importance of getting responsive images right and helps you setup mobile developer tools.Units, Formats, EnvironmentsOptimize images to display beautifully on all screen sizes. Learn about the difference between Raster vs Vector images, responsive CSS units, and setting up optimization tools.Images with MarkupDive deep into image alternatives like CSS and icon fonts and learn common strategies to alleviate latency.Full ResponsivenessLearn to use the srcset attribute and the picture element to choose images of the right size for your application for every viewing context.CompanyAbout UsWhy Udacity?BlogIn the NewsJobs at UdacityBecome a MentorPartner with UdacityResourcesCatalogCareer OutcomesHelp and FAQScholarshipsResource CenterFeatured ProgramsBusiness AnalyticsSQLAWS Cloud ArchitectData AnalystIntro to ProgrammingDigital MarketingSelf Driving Car EngineerOnly at UdacityArtificial IntelligenceDeep LearningDigital MarketingFlying Car and Autonomous Flight EngineerIntro to Self-Driving CarsMachine Learning EngineerRobotics Software EngineerAI Master’sMaster of Business AdministrationMaster of Science in AIUdacity SchoolsSchool of Animation and Game DevelopmentSchool of Artificial IntelligenceSchool of Autonomous SystemsSchool of BusinessCareer ResourcesSchool of Cloud ComputingSchool of CybersecuritySchool of Data ScienceSchool of DevOpsSchool of Executive LeadershipSchool of Product ManagementSchool of Programming and Development