0 0
Read Time34 Second

—— RESPONSIVE IMAGE
1. art direction
siapin 3 gambar yg di crop beda beda
1.1. send different image per resolution
# # # # #

<picture>
<source srcset=”img/dog-crop-large.jpg” media=”(min-width:1200px)” /></picture>
<picture>
<source srcset=”img/dog-crop-medium.jpg” media=”(min-width:760px)” /></picture>
<picture>
<img src=”img/dog-crop-small.jpg” alt=”puppy sand” /></picture>

# # # # #

2. file size – speed load
2.1. siapin 3 gambar dengan ukuran proporsional yg sama.
# # # # #

<img srcset=”img/dog-res-small.jpg 570w, img/dog-res-med.jpg 1200w, img/dog-res-large.jpg 1920w” />
# # # # #

About Post Author

TahuBanyak

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %
Previous post slick js display none onload
Next post CSS GRID NOTES

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Leave a Reply

Your email address will not be published. Required fields are marked *