Webi Blog

웹아이에서 운영되고 있는 블로그입니다.

Web/Design

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

웹아이 2018. 7. 3. 21:52



안녕하세요 

웹아이_디혜입니다:D 

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

파비콘은요




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


 만드는 방법은 생각보다 아주 간단해요!! 

 일단 만들고 싶은 이미지를 
16*16px로 만들어 줍니다. 

 저는 포토샵에서 했어요.

 



이렇게 16*16px로 새창을 열고 
파비콘 만들 이미지를 그려주거나 불러와줍니다. 

 저는 고양이 발바닥으로 할거에요

 



요런식으로 작은 이미지를 만들어줍니다. 
(참고로 배경 투명하게 해도 가능하답니다.^^)



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

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


 www.convertico.com

 



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


 




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


 



제대로 변환되었는지 속성을 봤어요. 
파일형식이 ico로 잘 변화되었죠? 

 이렇게 해서 업로드 후에 메타 태그를 추가해주면 끝~~~~ 
실제로 적용하는 방법은 다음 포스팅에서 진행할께요^^ 

 도움이 되었는지 모르겠네요 :P



반응형

'Web > Design' 카테고리의 다른 글

[무료이미지] 해외 무료이미지 다운 사이트 16개  (4) 2018.07.09