iiPNG 서비스 소개


기본 사용법

사용법은 아주 간단합니다. 다음의 HTML 태그와 같이 URL 뒤에 원하는 이미지의 크기와 속성을 작성한 다음 <img> 태그의 <src> 속성에 지정해주면 원하는 크기의 이미지가 출력됩니다.

크기

크기는 첫 번째 옵션 입니다. 가로 크기 또는 세로 높이를 나타내는 값이 반드시 하나 이상 입력되어야 합니다.
세로 높이가 지정되지 않은 경우 이미지는 가로 크기에 맞추어 정사각형으로 출력됩니다.

<img src="http://bibaram.com/iipng/d/{width}">
<img src="http://bibaram.com/iipng/d/{width}x{height}">

색상

색상 속성은 CSS에서처럼 HEX 코드로 입력되어야 합니다. (예. #ffffff는 흰색).
사이즈 옵션 뒤에 따라오는 첫 번째 옵션은 배경 색상이며, 두 번째 옵션은 텍스트 색상 입니다.
기본으로 설정된 배경 색상은 #cccccc, 텍스트 색상은 #666666 입니다.

<img src="http://bibaram.com/iipng/d/300/{background-color}/{text-color}">

속성값을 "random"으로 지정하면 배경, 글자색을 랜덤한 색상을 불러올 수 있습니다.

<img src="http://bibaram.com/iipng/d/300/random/ffffff">

텍스트

텍스트 글자를 포함해야 한다면 맨뒤에 텍스트를 입력 합니다. 글자가 없을때 기본값은 사이즈가 명칭으로 들어갑니다.

<img src="http://bibaram.com/iipng/d/300/random/ffffff/Color">

전체형식

<img src="http://bibaram.com/iipng/d/300/{background-color}/{text-color}/{text}">

예제

<img src="http://bibaram.com/iipng/d/150">
		<img src="http://bibaram.com/iipng/d/150/333333/ffffff/Colors">
		<img src="http://bibaram.com/iipng/d/150/random/ffffff/Random">
		<img src="http://bibaram.com/iipng/d/150/random/random//Random background text color">