개발/테스트용 가짜 이미지 > 자유게시판

자유게시판

개발/테스트용 가짜 이미지 정보

개발/테스트용 가짜 이미지

본문

이게 퍼블리셔 일인지 디자이너 일인지 모르겠지만..

사이트 디자인할때 목업이나 와이어프레임작업을 할때,
아직 정해지지 않은 자리에 이미지를 넣고 전체 레이아웃등을 봐야 할때가 있습니다.
그럴때 사용하는 서비스? 로
placehold.it ( http://placehold.it/ ) 과 lorempixel ( http://lorempixel.com/ ) 을 종종 사용합니다.
둘다 이미지의 src 에, 웹사이트 주소 뒤에 적절한 문법에 따른 이미지 생성 주소를 사용합니다.
(예: <img src="http://lorempixel.com/400/200" /> ==> 400x200 짜리 랜덤 이미지 )

placehold.it이 단색의 이미지(와 글자) 를 제공해서 와이어프레임 작업에 좋은 반면,
lorempixel은 실제 이미지를 넣어주어서 최종 레이아웃 작업등에 좋은것 같습니다.

###
placehold.it의 문법은 http://placehold.it/400x200/eaa/aee&text=placehold.it
첫번째가 크기 (400x200, 만일 숫자 하나면 정사각형), 두번째가 bg 색, 세번째가 글자색, 그리고 &text= 뒤에 영문자로 글자를 넣을수 있습니다. 글자를 넣지 않으면 원 이미지의 크기가 글자로 나옵니다.

[위 링크의 결과]
aee&text=placehold.it
[에디터?가 이미지 주소안의 &를 자꾸 html 문자로 바꿔버리네요.. 위 링크를 직접 클릭해보세요.]

###
lorempixel.com 도 비슷한 문법을 사용하는데, http://lorempixel.com/400/200/sports/lorempixel-com/
여기서는 빠져있지만, 첫번째에 'g'를 사용하면 그레이스케일 이미지를, 안쓰면 컬러이미지를,
그다음부터 가로, 세로는 꼭 써줘야 하고,
그 뒤에 특정 카테고리를 지정할 수 있고 (자세한 내용은 홈피를..)
마지막에 넣는 영문자/숫자 (-를 제외한 기호도 안됨)가 이미지의 왼쪽에 눕혀져서 나옵니다.

[위 링크의 결과]
lorempixel-com

###

혹시 여러분들이 사용하는 비슷한 사이트/서비스/기법이 있으면 같이 공유해요 !!

###사족###
아무 뜻없는 글씨로 유명한 lorem ipsum 등을 만들어주는 사이트도 있기는 한데, 한글이 아니고 매번 생성해서 붙이기도 그렇게 해서 많이 쓰지는 않네요..
추천
0
  • 복사

댓글 8개

© SIRSOFT
현재 페이지 제일 처음으로