Introduction To Web Image Performance

Focused View

Chris Dixon

1:16:54

9 View

01-welcome to the class.mp4

02:18

02-download the starter files.mp4

01:24

03-using the wrong size images.mp4

06:58

04-letting the browser decide.mp4

07:33

05-introduction to pixel density.mp4

06:29

06-the picture element.mp4

10:54

07-art direction.mp4

04:26

08-image types and compression.mp4

10:00

09-conversion tools and fallback images.mp4

06:22

10-using a cdn.mp4

09:37

11-lazy loading.mp4

09:03

12-class project.mp4

01:27

13-follow me on skillshare.mp4

00:23

Description

Many of us now visit websites on a small device, such as a phone or tablet, but do you really want to wait on an image downloading that was intended for a large monitor?

Of course, we don’t! So, here is the problem…

Smaller website images download faster on smaller, mobile devices, but when scaling up to the big screen, they can look really stretched and pixelated.

And if we start with a big image, it can take too long to download, causing a bad user experience

So, how do we efficiently add images to our websites to suit all screen sizes and devices?

In this class, we will discover some techniques to help you more efficiently load images, based on the user's device, screen size, resolution, connection speed, and many more.

This class is beginner-friendly, although it is assumed you have basic HTML experience.

What You'll Learn?

Technology
Web Development
Web Design
CSS3
HTML5
Images For Website
Connection Speed

More details

User Reviews

Rating

average 0

Total votes0

Focused display

HTML5

Chris Dixon

Instructor's Courses

Hello, My name is Chris and I am a Web Developer from the UK. I am an experienced trainer leading web development bootcamps and also teaching online courses.

My main areas of interest are Vue.js, WordPress, Shopify, Javascript, eCommerce, and business. I am passionate about what I do and about teaching others.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and I have watched the web evolve into what it is today.

I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.

Thanks for taking an interest and I look forward to you joining me.

Chris

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.