반응형
웹페이지를 디자인 하다보면 이미지를 아직 완성하지 못해 넣을 수 없는 경우가 있다. 이미지 크기는 아는데 아직 이미지가 없을 때 사용할수 있는 좋은 방법을 공유 하고자 한다.
Placehold.it (http://placehold.it)
How To Set Image Size
Specify the width first, then height. Height is optional: if no height is specified, your placeholder image will be a square.
So this example… https://via.placeholder.com/150 …generates a 150 pixel square dummy image:-
http://placehold.it/너비x 높이 형식을 사용하면 손쉽게 원하는 크기의 이미지를 얻을수 있다.
<body>
<img src = "http://placehold.it/300x200" />
<img src = "http://placehold.it/200x150" />
<img src = "http://placehold.it/100x100" />
</body>
참고로 웹페이지를 디자인할 때 Lorem ipsum 페이지와 함께 많이 사용하므로 기억하면 될것 같다.
비슷한 사이트로 http://dummyimage.com 도 있다.
반응형
'코딩 알로하 :: one > HTML&CSS' 카테고리의 다른 글
필라멘트 그룹(Filament Group) 소스 모음 (0) | 2019.05.03 |
---|---|
웹페이지의 배색 결정 도구 (0) | 2019.04.12 |
Web Developer in 2019 기술 로드맵 (0) | 2019.04.10 |
리소스 무료 사용 사이트 (0) | 2019.03.28 |
무료 포토샵 - 픽슬러 (0) | 2019.03.28 |
댓글