이미지 자리 표시자란 단어가 다소 생소할 수 있습니다. 다른 말로 대체 이미지라면 쉽겠네요. 홈페이지 레이아웃을 구성할 때 이미지 자리에 빈 이미지를 삽입합니다. 빈 이미지를 따로 제작하면 그 만큼 시간이 들어가므로 시간을 낭비하게 됩니다.

 

이미지 자리 표시자를 실시간으로 만들어주는 사이트가 몇 군데 있습니다. 한글이나 중국어, 일본어 글자를 넣을 수 있고, 배경색이나 글자색을 넣어 이미지 자리에 넣을 수 있도록 URL을 제공합니다.

 

사용하는 방법은 크게 어렵지 않습니다. 이미지 삽입할 자리에 해당 사이트에서 제공하는 URL을 삽입하기만 하면 되니까요.

 

 

 

https://placeholder.com/

 

Placeholder.com: Placeholder Images Made For You [JPG, GIF & PNG]

What Is Placeholder.com? Placeholder.com generates custom placeholder images on the fly, like these examples:-     How To Use Our Placeholders Just specify the image size after our URL (https://via.placeholder.com/) and you'll get a placeholder image.

placeholder.com

이곳은 한글이 지원안되지만 배경색과 이미지 크기, 글자색을 지정할 수 있습니다.

 

 

 

http://placehold.jp/

 

Placehold.jp | 簡単!ダミー画像作成

簡単!ダミー画像生成、モックアップ用画像作成ツール。文字やサイズ、メモを入れた仮の画像を簡単に作成できます。

placehold.jp

일본에서 제공하는 이미지 자리 표시자입니다. 한국어를 지원하며 폰트 크기, "엔터"를 지원합니다. 그리고 CSS를 이용해 그라디언트나 모서리를 둥글게 표현할 수 있습니다.

 

 

 

https://loremflickr.com/

 

LoremFlickr.com

Go pro! When you need more functionality, like requesting your own photos, or photos taken at a particular location, go pro! Sign up and receive 10.000 credits for free. After that, top up for as little as 1 euro. Go pro Examples https://loremflickr.com/32

loremflickr.com

이곳은 사진을 랜덤으로 제공하는 곳입니다. 사진은 'Flickr'이기 때문에 라이센스에 따라 Creative Commons 를 따릅니다. 조건식을 주면 풍경이나 동물, 사람으로 제한하여 임의의 사진을 얻을 수 있습니다.

 

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요