#파비콘만드는법 | Explore Tumblr posts and blogs

webikr · 7 years ago

Text

파비콘 만드는 법 | 이미지 파일을 ico 파일로 변환 방법

안녕하세요

웹아이입니다:D

**파비콘?? **

파비콘이 뭔지도 몰랐던 저... 그런데 이제 파비콘 만드는 법까지 포스팅하는 날이 오네요

파비콘은요

조기 보이시는거 저겁니다..ㅋㅋㅋ

만드는 방법은 생각보다 아주 간단해요!! 일단 만들고 싶은 이미지를 1616px*로 만들어 줍니다. 저는 포토샵에서 했어요.

이렇게 16*16px로 새창을 열고

파비콘 만들 이미지를 그려주거나 불러와줍니다. 저는 고양이 발바닥으로 할거에요

요런식으로 작은 이미지를 만들어줍니다.

(참고로 배경 투명하게 해도 가능하답니다.^^)

웹으로 저장 (Ctrl + Shift + Alt + S) 을 해줍니다. 저는 PNG로 저장했어요.

이렇게 만든 후 ico파일로 변환해주는 사이트에 들어갑니다.

www.convertico.com

저기 동그라미 친 부분을 클릭해서 아까 만들어 둔 PNG 파일을 선��하세요~

바로 변환되는거 보이시죠? 오른쪽에 저렇게 ��시가 됩니다. 화살표 버튼을 클릭하면 바로 다운로드가 됩니다. :)

제대로 변환되었는지 속성을 봤어요. 파일형식이 ico로 잘 변화되었죠? 이렇게 해서 업로드 후에 메타 태그를 추가해주면 끝~~~~ 실제로 적용하는 방법은 다음 포스팅에서 진행할께요^^ 도움이 되었는지 모르겠네요 :P

0 notes

seojeeee-blog · 12 years ago

Text

favicon (파비콘) 추가하기

요게 바로 파비콘!

파비콘 만들수 있는 사이트들..

http://favicon-generator.org/

http://www.favicon.cc/ << 애니메이션으로도 가능!

Generator 혹은 Editor를 이용하여 알맞은 이미지 생성한 다음, 이미지를 다운받아서 프로젝트에 넣어주고 아래 소스를 <head>...</head> 안에 넣어주면 된다.

ex. 텀블러 파비콘

<head>

.....

</head>

1 note · View note