본문 바로가기
  • 인공지능
  • 블록체인
  • 정보보안
코딩 알로하 :: one/HTML&CSS

Placehold.it

by nathan03 2019. 3. 28.
반응형

웹페이지를 디자인 하다보면 이미지를 아직 완성하지 못해 넣을 수 없는 경우가 있다. 이미지 크기는 아는데 아직 이미지가 없을 때 사용할수 있는 좋은 방법을 공유 하고자 한다. 

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 도 있다. 

반응형

댓글