关于此课程

你知道吗?加载网页时,平均 60% 以上的流量都来加载图片。

在这门课程里,你将学习如何在现代网络环境中使用图片,以便你的图片在任何设备上都看起来效果更棒,并且快速加载。

在学习期间,你将掌握各种技能和技巧,能够轻松地将响应式图片整合到你的开发流程中。学完这门课程后,你将能够开发可以适应不同的视口尺寸及使用场景的图片。此课程提供中文版本。

喜欢这门课程?你可以继续学习“前端开发工程师”纳米学位!

学费
免费
学习时间
大约 2 weeks
难度
中级
你将获得

Rich Learning Content

Interactive Quizzes

Taught by Industry Pros

Self-Paced Learning

Student Support Community

开始你的旅程

学习这门免费课程,迈出通往前端开发(进阶)职业道路的第一步。

免费课程

响应式图片(中/英)

合作企业 Google

通过创新性的自主学习方式,掌握新技能,提升竞争力。

Icon steps 54aa753742d05d598baf005f2bb1b5bb6339a7d544b84089a1eee6acd5a8543d
 
 

课程讲师

Cameron Pittman

Cameron Pittman

优达学城讲师,高级内容策划

Sam Dutton

Sam Dutton

讲师

你将学到什么

先修知识及要求

你应该掌握简单的 HTML、CSS 和 JavaScript。具有图片制作和处理工具使用经验更佳。

查看使用优达学城的技术要求

为什么学习这门课程?

快速加载和自适应内容可以提高转化率。网络上的图片远不止 <img> 这么简单。srcset 等属性、使用 CSS 的标记技巧、字体和内嵌图片以及全新的 <picture> 元素现在可以帮助你为用户打造最棒的体验。这门课程将帮助你制作最高品质的图片,同时图片大小非常小。

我将获得什么?
Instructor videos Learn by doing exercises Taught by industry professionals