API | 링크로 저작권 없는 이미지 연결
개요
코딩을 위해 랜덤 이미지가 필요한 경우가 있습니다. 이 때는 무언가 채워넣어야 느낌을 잡을 수 있기에 랜덤 이미지를 활용하거나, 색상값만 있는 이미지가 있어야 하는데, 저는 이 두가지 방법을 모두 말씀드리도록 하겠습니다.
아래의 사이트 이미지는 레이아웃 잡는데만 저작권이 허락되었으며
상업적이나 개인적으로 사용할 때에는 반드시 저작권자에게 허락을 맡아야 합니다.
랜덤 이미지 사이트
주소 : PlaceIMG | Easy FPO and Dummy Images for Any Project
첫번째는 스톡 이미지를 랜덤으로 채워주는 서비스입니다. 무료이며 카테고리를 선택하여 랜덤으로 이미지를 전송받을 수 있게 됩니다. 사용방법은 아래와 같습니다
사용법
<img src="https://placeimg.com/가로픽셀/세로픽셀/카테고리/필터" />지원 카테고리 : any animals arch people tech
필터 종류 : grayscale sepia
위의 카테고리에 맞추어 이미지 파일을 만들어 전송해줍니다. 랜덤으로 주는 것이기 때문에 새로고침을 하면 다른 이미지가 들어오게 됩니다.
저작권 또한 우리가 가지고 있는 것이 아니기 때문에 만약 이미지를 쓰고 싶다면 사용권 허락을 받아야 합니다
단색 이미지 사이트
주소 : http://Placehold.it
사용법
/* 150x150 */
https://via.placeholder.com/150x150
/* 100x100 */
https://via.placeholder.com/100
https://via.placeholder.com/300.png/09f/fff https://via.placeholder.com/300/09f.png/fff https://via.placeholder.com/300/09f/fff.png수많은 사이즈의 회색 사이즈 이미지를 제공합니다. 영역을 잡는데 도움이 됩니다.
지원 포맷 : .gif .jpg .jpeg .png
글자 변경
https://via.placeholder.com/468x60?text=www.light-coding.com+good
https://via.placeholder.com/728x90.png?text=rdg+kr링크를 통해 내부 글자를 넣을 수도 있습니다. + 는 띄어쓰기 역할을 하며, 그 외의 단어는 여러가지로 활용이 가능합니다. 아쉬운 점은 영어만 가능하며, 한글은 지원하지 않습니다
글자 배경색 변경
https://via.placeholder.com/150/0000FF/808080?Text=rdg+kr
https://via.placeholder.com/150/FF0000/FFFFFF?Text=rdg+kr
https://via.placeholder.com/150/FFFF00/000000?Text=www.light-coding.com
https://via.placeholder.com/150/000000/FFFFFF/?text=www.light-coding.com플레이스 홀더는 배경 이미지 뿐만 아니라 폰트의 색상도 변경할 수 있습니다. /사이즈/배경색상/글자색상?Text=글자 로 활용할 수 있습니다.