1
00:00:02,000 --> 00:00:03,000
Now for our purposes,

2
00:00:03,000 --> 00:00:05,000
we are using the next/image component

3
00:00:05,000 --> 00:00:08,000
exactly as we want, but I also want to point you

4
00:00:08,000 --> 00:00:11,000
at the official next/image documentation,

5
00:00:11,000 --> 00:00:14,000
because besides the way we are using the image,

6
00:00:14,000 --> 00:00:16,000
which is a very common way and a great way,

7
00:00:16,000 --> 00:00:19,000
there are a lot of props, which you can configure

8
00:00:19,000 --> 00:00:23,000
to fine tune how the images load it.

9
00:00:23,000 --> 00:00:25,000
You can change how it's being resized

10
00:00:25,000 --> 00:00:29,000
on smaller or bigger screens, or if it's resized at all,

11
00:00:29,000 --> 00:00:31,000
how it's being loaded,

12
00:00:31,000 --> 00:00:33,000
you can make it work with cloud image providers,

13
00:00:33,000 --> 00:00:35,000
and much more.

14
00:00:35,000 --> 00:00:37,000
You can also fine tune the quality decrease

15
00:00:37,000 --> 00:00:40,000
which is being used, for example.

16
00:00:40,000 --> 00:00:42,000
So definitely have a look at those Docs at all

17
00:00:42,000 --> 00:00:44,000
to make sure that you are loading images

18
00:00:44,000 --> 00:00:47,000
in exactly the way you need to load them

19
00:00:47,000 --> 00:00:49,000
for your applications.