@@ -60,8 +60,10 @@ exports[`Image explicit sizes renders correctly 1`] = `
6060 />
6161 <img
6262 alt = " "
63+ loading = " lazy"
6364 onLoad = { [Function ]}
6465 referrerPolicy = " no-referrer-when-downgrade"
66+ sizes = " (max-width: 600px) 200px, 50vw"
6567 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
6668 style = {
6769 {
@@ -205,8 +207,10 @@ exports[`Image layout=fill visible image loaded shows the image 1`] = `
205207 />
206208 <img
207209 alt = " DatoCMS swag"
210+ loading = " lazy"
208211 onLoad = { [Function ]}
209212 referrerPolicy = " no-referrer-when-downgrade"
213+ sizes = " (max-width: 750px) 100vw, 750px"
210214 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
211215 style = {
212216 {
@@ -282,12 +286,15 @@ exports[`Image layout=fill visible renders the image (minimal data) 1`] = `
282286 />
283287 <picture >
284288 <source
289+ sizes = " auto, 100vw"
285290 srcSet = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.25 187w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.5 375w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.75 562w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750 750w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=1.5 1125w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=2 1500w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=3 2250w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=4 3000w"
286291 />
287292 <img
288293 alt = " "
294+ loading = " lazy"
289295 onLoad = { [Function ]}
290296 referrerPolicy = " no-referrer-when-downgrade"
297+ sizes = " auto, 100vw"
291298 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
292299 style = {
293300 {
@@ -362,12 +369,15 @@ exports[`Image layout=fill visible renders the image (relative URL) 1`] = `
362369 />
363370 <picture >
364371 <source
372+ sizes = " auto, 100vw"
365373 srcSet = " /205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.25 187w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.5 375w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.75 562w,/205/image.png?ar=16%3A9& fit=crop& w=750 750w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=1.5 1125w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=2 1500w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=3 2250w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=4 3000w"
366374 />
367375 <img
368376 alt = " "
377+ loading = " lazy"
369378 onLoad = { [Function ]}
370379 referrerPolicy = " no-referrer-when-downgrade"
380+ sizes = " auto, 100vw"
371381 src = " /205/image.png?ar=16%3A9& fit=crop& w=750"
372382 style = {
373383 {
@@ -452,8 +462,10 @@ exports[`Image layout=fill visible renders the image 1`] = `
452462 />
453463 <img
454464 alt = " DatoCMS swag"
465+ loading = " lazy"
455466 onLoad = { [Function ]}
456467 referrerPolicy = " no-referrer-when-downgrade"
468+ sizes = " (max-width: 750px) 100vw, 750px"
457469 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
458470 style = {
459471 {
@@ -610,8 +622,10 @@ exports[`Image layout=fixed visible image loaded shows the image 1`] = `
610622 />
611623 <img
612624 alt = " DatoCMS swag"
625+ loading = " lazy"
613626 onLoad = { [Function ]}
614627 referrerPolicy = " no-referrer-when-downgrade"
628+ sizes = " (max-width: 750px) 100vw, 750px"
615629 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
616630 style = {
617631 {
@@ -693,12 +707,15 @@ exports[`Image layout=fixed visible renders the image (minimal data) 1`] = `
693707 />
694708 <picture >
695709 <source
710+ sizes = " auto, 100vw"
696711 srcSet = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.25 187w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.5 375w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.75 562w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750 750w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=1.5 1125w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=2 1500w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=3 2250w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=4 3000w"
697712 />
698713 <img
699714 alt = " "
715+ loading = " lazy"
700716 onLoad = { [Function ]}
701717 referrerPolicy = " no-referrer-when-downgrade"
718+ sizes = " auto, 100vw"
702719 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
703720 style = {
704721 {
@@ -779,12 +796,15 @@ exports[`Image layout=fixed visible renders the image (relative URL) 1`] = `
779796 />
780797 <picture >
781798 <source
799+ sizes = " auto, 100vw"
782800 srcSet = " /205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.25 187w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.5 375w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.75 562w,/205/image.png?ar=16%3A9& fit=crop& w=750 750w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=1.5 1125w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=2 1500w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=3 2250w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=4 3000w"
783801 />
784802 <img
785803 alt = " "
804+ loading = " lazy"
786805 onLoad = { [Function ]}
787806 referrerPolicy = " no-referrer-when-downgrade"
807+ sizes = " auto, 100vw"
788808 src = " /205/image.png?ar=16%3A9& fit=crop& w=750"
789809 style = {
790810 {
@@ -875,8 +895,10 @@ exports[`Image layout=fixed visible renders the image 1`] = `
875895 />
876896 <img
877897 alt = " DatoCMS swag"
898+ loading = " lazy"
878899 onLoad = { [Function ]}
879900 referrerPolicy = " no-referrer-when-downgrade"
901+ sizes = " (max-width: 750px) 100vw, 750px"
880902 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
881903 style = {
882904 {
@@ -1035,8 +1057,10 @@ exports[`Image layout=intrinsic visible image loaded shows the image 1`] = `
10351057 />
10361058 <img
10371059 alt = " DatoCMS swag"
1060+ loading = " lazy"
10381061 onLoad = { [Function ]}
10391062 referrerPolicy = " no-referrer-when-downgrade"
1063+ sizes = " (max-width: 750px) 100vw, 750px"
10401064 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
10411065 style = {
10421066 {
@@ -1119,12 +1143,15 @@ exports[`Image layout=intrinsic visible renders the image (minimal data) 1`] = `
11191143 />
11201144 <picture >
11211145 <source
1146+ sizes = " auto, 100vw"
11221147 srcSet = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.25 187w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.5 375w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.75 562w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750 750w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=1.5 1125w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=2 1500w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=3 2250w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=4 3000w"
11231148 />
11241149 <img
11251150 alt = " "
1151+ loading = " lazy"
11261152 onLoad = { [Function ]}
11271153 referrerPolicy = " no-referrer-when-downgrade"
1154+ sizes = " auto, 100vw"
11281155 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
11291156 style = {
11301157 {
@@ -1206,12 +1233,15 @@ exports[`Image layout=intrinsic visible renders the image (relative URL) 1`] = `
12061233 />
12071234 <picture >
12081235 <source
1236+ sizes = " auto, 100vw"
12091237 srcSet = " /205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.25 187w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.5 375w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.75 562w,/205/image.png?ar=16%3A9& fit=crop& w=750 750w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=1.5 1125w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=2 1500w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=3 2250w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=4 3000w"
12101238 />
12111239 <img
12121240 alt = " "
1241+ loading = " lazy"
12131242 onLoad = { [Function ]}
12141243 referrerPolicy = " no-referrer-when-downgrade"
1244+ sizes = " auto, 100vw"
12151245 src = " /205/image.png?ar=16%3A9& fit=crop& w=750"
12161246 style = {
12171247 {
@@ -1303,8 +1333,10 @@ exports[`Image layout=intrinsic visible renders the image 1`] = `
13031333 />
13041334 <img
13051335 alt = " DatoCMS swag"
1336+ loading = " lazy"
13061337 onLoad = { [Function ]}
13071338 referrerPolicy = " no-referrer-when-downgrade"
1339+ sizes = " (max-width: 750px) 100vw, 750px"
13081340 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
13091341 style = {
13101342 {
@@ -1461,8 +1493,10 @@ exports[`Image layout=responsive visible image loaded shows the image 1`] = `
14611493 />
14621494 <img
14631495 alt = " DatoCMS swag"
1496+ loading = " lazy"
14641497 onLoad = { [Function ]}
14651498 referrerPolicy = " no-referrer-when-downgrade"
1499+ sizes = " (max-width: 750px) 100vw, 750px"
14661500 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
14671501 style = {
14681502 {
@@ -1544,12 +1578,15 @@ exports[`Image layout=responsive visible renders the image (minimal data) 1`] =
15441578 />
15451579 <picture >
15461580 <source
1581+ sizes = " auto, 100vw"
15471582 srcSet = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.25 187w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.5 375w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.75 562w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750 750w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=1.5 1125w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=2 1500w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=3 2250w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=4 3000w"
15481583 />
15491584 <img
15501585 alt = " "
1586+ loading = " lazy"
15511587 onLoad = { [Function ]}
15521588 referrerPolicy = " no-referrer-when-downgrade"
1589+ sizes = " auto, 100vw"
15531590 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
15541591 style = {
15551592 {
@@ -1630,12 +1667,15 @@ exports[`Image layout=responsive visible renders the image (relative URL) 1`] =
16301667 />
16311668 <picture >
16321669 <source
1670+ sizes = " auto, 100vw"
16331671 srcSet = " /205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.25 187w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.5 375w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.75 562w,/205/image.png?ar=16%3A9& fit=crop& w=750 750w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=1.5 1125w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=2 1500w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=3 2250w,/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=4 3000w"
16341672 />
16351673 <img
16361674 alt = " "
1675+ loading = " lazy"
16371676 onLoad = { [Function ]}
16381677 referrerPolicy = " no-referrer-when-downgrade"
1678+ sizes = " auto, 100vw"
16391679 src = " /205/image.png?ar=16%3A9& fit=crop& w=750"
16401680 style = {
16411681 {
@@ -1726,8 +1766,10 @@ exports[`Image layout=responsive visible renders the image 1`] = `
17261766 />
17271767 <img
17281768 alt = " DatoCMS swag"
1769+ loading = " lazy"
17291770 onLoad = { [Function ]}
17301771 referrerPolicy = " no-referrer-when-downgrade"
1772+ sizes = " (max-width: 750px) 100vw, 750px"
17311773 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
17321774 style = {
17331775 {
@@ -1845,13 +1887,16 @@ exports[`Image passing className and/or style renders correctly 1`] = `
18451887 }
18461888 >
18471889 <source
1890+ sizes = " auto, 100vw"
18481891 srcSet = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.25 187w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.5 375w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.75 562w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750 750w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=1.5 1125w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=2 1500w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=3 2250w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=4 3000w"
18491892 />
18501893 <img
18511894 alt = " "
18521895 className = " img-class-name"
1896+ loading = " lazy"
18531897 onLoad = { [Function ]}
18541898 referrerPolicy = " no-referrer-when-downgrade"
1899+ sizes = " auto, 100vw"
18551900 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
18561901 style = {
18571902 {
@@ -2007,12 +2052,15 @@ exports[`Image usePlaceholder=false renders correctly 1`] = `
20072052 />
20082053 <picture >
20092054 <source
2055+ sizes = " auto, 100vw"
20102056 srcSet = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.25 187w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.5 375w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=0.75 562w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750 750w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=1.5 1125w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=2 1500w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=3 2250w,https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750& dpr=4 3000w"
20112057 />
20122058 <img
20132059 alt = " "
2060+ loading = " lazy"
20142061 onLoad = { [Function ]}
20152062 referrerPolicy = " no-referrer-when-downgrade"
2063+ sizes = " auto, 100vw"
20162064 src = " https://www.datocms-assets.com/205/image.png?ar=16%3A9& fit=crop& w=750"
20172065 style = {
20182066 {
0 commit comments