본문으로 바로가기

이미지 예제(placehold) 제공 웹서비스

category 웹코딩/App,Plugin 2015. 8. 4. 11:00

웹 개발시에 초안으로 작성하는 목업에 사용될 이미지나 예제로 사용되는 이미지를 제공하는 웹서비스들이 있습니다. 이에 관하여 간단히 살펴봅니다.

PLACEHOLD.IT

PLACEHOLD.IT은 디자인 혹은 코드 작성시에 사용될 이미지를 빠르고 간단하게 삽입하는 서비스이다. 제공되는 URL과 지정할 이미지의 너비 및 높이를 입력하는 것으로 모든 것이 완료된다.

<img src="http://placehold.it/300x150">


lorempixel

lorempixel은 디자인 혹은 코드 작성시에 사용될 이미지를 빠르고 간단하게 삽입하는 서비스이다. PLACEHOLD.IT 서비스보다 좀 더 많은 기능을 제공한다.

<!-- 기본형 -->
<img src="http://lorempixel.com/280/150">

<!-- 흑백형 -->
<img src="http://lorempixel.com/g/250/200">

<!-- 카테고리 -->
<img src="http://lorempixel.com/150/150/sports">

<!-- 카테고리 이미지 지정 -->
<img src="http://lorempixel.com/250/150/animals/7">

<!-- 커스텀 텍스트를 삽입 -->
<img src="http://lorempixel.com/250/150/Dummy-Text">
  • 기본형 : 랜덤으로 지정한 크기의 이미지가 출력된다.

  • 흑백형 : 랜덤으로 지정한 크기의 이미지가 흑백으로 출력된다.

  • 카테고리 : 랜덤으로 지정한 카테고리의 이미지가 출력된다.

  • 카테고리 이미지 지정 : 지정한 카테고리에서 해당하는 이미지를 출력한다.

  • 랜덤으로 지정한 크기의 이미지와 텍스가 출력된다.

카테고리는 아래의 그림처럼 홈페이지의 images 메뉴버튼을 클릭하면, 카테고리와 해당하는 이미지들을 확인할 수 있다.

홈페이지에서는 또한 생성기를 통해 원하는 이미지의 크기와 카테고리를 지정해서 이미지를 획득 할 수 있다.