이번 글은 로딩중 이미지 쉽게 만들기 입니다. 포토샵 같은 프로그램에 익숙한 분들은 로딩중 이미지 만드는거야 쉽게 할 수 있겠지만, 그렇지 않은 분들은 쉽지 않을 텐데요. 그런 분들을 위해서 로딩중 이미지를 쉽게 만들 수 있는 방법을 소개 하고자 합니다.

  로딩 중 이미지를 쉽게 만들 수 있는 방법은 바로 http://www.ajaxload.info/ 이 사이트를 이용하는 것입니다.

  사이트에 들어가면 왼쪽 위에서 위와 같은 것을 볼 수 있습니다. Indicator type 은 이미지의 종류를 정하는 것이고 Background color 은 배경색을 정하는 것입니다. 그리고 Transparent background 항목에 체크를 하면 배경을 투명하게 할 수 있으며 Foreground color 은 이미지의 색을 정하는 것입니다.

  여기서 주의할 점은 색은 색상코드로 지정을 해 줘야 하는데 색상코드는 인터넷 검색을 해보면 쉽게 찾을 수 있으니 인터넷 검색을 해서 찾아 보시기 바랍니다.

  다 정했으면 Generate it! 버튼을 누릅니다.


  그러면 아래 빨간색 Preview 박스에 설정해준 로딩중 이미지가 나타납니다. 원하는 대로 됬는지 확인을 한 뒤에 원하는 대로 됬으면 아래 있는 Download it! 버튼을 눌러 줍니다. 그 다음에 오른쪽 클릭 -> 다른 이름으로 사진 저장을 눌러 주면 됩니다.

  만일 여기서 만든 이미지를 바로 블로그 로딩중 이미지로 사용 하고 싶으시다면 Download it! 버튼을 눌러서 나오는 인터넷 주소를 이용하셔도 됩니다.

  <img src="로딩중 이미지 경로" /></div>
  여기서 로딩중 이미지 경로 부분에다가 Download it! 버튼을 눌러서 나오는 인터넷 주소를 넣는 것이죠.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.