파비콘 만들기, ico 파일 변환 및 사이트 적용 방법

티스토리|2018. 1. 6. 20:45



안녕하세요. 일생팁프린스화니입니다 :)


이번 시간에는 파비콘 만들기로 ico 파일 변환

가능한 방법을 알려 드리는 포스팅을 해볼텐데요.


favicon은 favorites과 아이콘의 합성어이며,

사이트 상단 도메인 주소창에 표시된 아이콘을

의미하는데 운영하는 웹사이트의 컨셉에 맞게

개성 표현을 위해 관리자가 설정하는 것 입니다.


그래서 적용이 되면 브라우저 주소창뿐만 아니라

탭, 즐겨찾기에도 아이콘이 표시되는 걸 불 수가

있는데 네이버와 달리 티스토리 블로그는 오픈형


Blog 유형이어서 나만의 스타일에 맞게 바꾸는

게 수월하여 선호하는 분들이 꽤 많이 계십니다.


 

 

 



그렇기 때문에 이번 포스팅을 통해서 favicon을

만들어 적용하는 방법 설명해 드릴 텐데 필요한

분들은 참고해서 직접 설정해 보면 좋을 거예요.





사이트도 그렇겠지만 티스토리 블로그를 운영하면

배우는 즐거움도 있어 나 자신도 발전하는 느낌이

드는데 파비콘 만들기는 에디터 프로그램과 같은

도구를 이용해 만들어낼 수가 있으니 시작하실 때


폭과 높이를 16x16, 해상도는 300, 백그라운드

배경은 투명으로 맞춰 PNG로 저장하시면 됩니다.





http://www.convertico.com


그리고 위에 알려드린 주소를 브라우저 상단 주소

창에 복사 붙여넣은 후 엔터를 치면 사이트로

이동하여 CONVERTICO 페이지가 열릴 겁니다.


이제 표시한 곳을 눌러 PNG 파일을 업로드하고

나서 우측 버튼을 클릭해 다운받으시면 되세요.





성공적으로 ico 파일 변환이 완료가 되면 자신이

관리하는 사이트에 지정해 주면 되는데 저의 경우

티스토리를 운영하고 있으므로 로그인해서 계정

관리로 들어와 메뉴에서 [블로그]를 눌렀습니다.





그러면 Blog 설정이 나타나는데 화면을 밑으로

내리면 파비콘 [불러오기]가 있으니 눌러 주세요.


그리고 파비콘 만들기 위해 변환한 파일을 찾아

선택하시면 되는데 참고로 티스토리에서는 File

크기가 100KB 이하일 경우 올릴 수 있으니 알고

계시면 되겠고 [변경사항 저장] 버튼을 누릅니다.





이제 다시 새로고침을 하거나 창을 따로 열어보면

성공적으로 적용된 걸 볼 수 있을 것이며, 다른

사이트와 차별화된 느낌을 줄 수 있을 것 입니다.


이렇게 어렵지 않고 간단한 방법을 통해 자신이

관리하는 사이트를 꾸밀 수 있으니 필요한 분들은

적용해서 멋지고 예쁘게 운영해 보면 될 거예요.


아무쪼록 이 내용을 보고 도움이 됐다면 밑에

공감 (♥)하트 또는 옆에 공유 부탁드리겠구요.

이 내용이 유익한 정보가 되셨기를 바랍니다.


이상으로 파비콘 만들기와 적용 방법을 설명한

정보성 포스팅 내용을 여기서 마치도록 할게요.



댓글()