티스토리 아이콘 파비콘 쉽게 만들어 보기

수익형 블로그에서는 굳이 설정하실 필요가 없는 부분이긴 하지만 그래도 블로그를 꾸미시는 분들을 위해서 아이콘과  파비콘을 쉽게 만드는 방법에 대해서 설명하고자 합니다. 

 

 

 

 

아이콘 만들기

 

 

아이콘 만들기

 

블로그 플러그인

 

블로그 플러그 인에서 위 이미지처럼 블로그 아이콘 표시를 적용시켰을 때 댓글이나 방명록 등에서 글을 남기게 됐을 때 지정한 아이콘을 닉네임 앞에 보여주게 됩니다. 

 

 

아이콘을 만들어 주기 위해서는 조건이 달려 있는 걸 보실 수가 있는데요. 간단하게 설정할 수 있는 방법을 알려드리고자 합니다. 제가 알려드리는 방법을 터득하신 다음에 본인이 원하시는 것을 응용하시면 될 것 같습니다.

 

 

무료로 아이콘 쓸 수 있는 사이트를 알려드리겠습니다. 아래 링크 남겨둘게요.

 

아이콘 무료 사이트

▼▼▼▼▼▼

Icon Archive - 800,000+ free icons & stickers, PNG, SVG Downloads

 

 

사이트에 들어가게 되면 다양한 아이콘들이 있으니 마음에 드시는 것이 있으시다면 많이 활용해 보시는 것을 추천해 드립니다. 

 

 

예시 사진

 

 

제가 쉽게 설명하기 위한 예시 사진을 준비했습니다. 왼쪽 이미지에 보시면 아이콘 다운로드/512px은 사이즈가 512 ×512 사이즈의 이미지를 다운로드한다는 의미입니다. 

 

아이콘 사이즈는 32 ×32 이거나 64 ×64 사이즈가 필요하니 모든 다운로드 형식을 클릭하시면 오른쪽 이미지에 보시는 바와 같이 여러 가지의 사이즈를 선택할 수 있는 페이지가 생성되는데 여기서 64px의 파일을 다운로드하시면 됩니다. 

 

그리고 그 이미지를 아이콘 불러오기를 선택하셔서 이미지를 찾아 넣으시면 됩니다.

 

 

파비콘 ico 파일 생성하기

 

 

파비콘 만들기

 

 

파비콘은 브라우저 주소 옆에 표시되는 16 ×16 아이콘 파일로 파일형식이 ico로 변환을 해줘야 사용을 할 수 있습니다. 이미지 파일이 작은 만큼 너무 복잡한 이미지보다 간단한 이미지로 적용하는 것이 더 깔끔하게 보입니다.

 

 

 

ico파일 역시 무료로 변환할 수 있는 사이트를 알려드리겠습니다. 아래 링크 남겨둘게요.

 

파비콘 무료 사이트

▼▼▼▼▼▼

Favicon & App Icon Generator

 

 

위의 사이트로 접속하시면 바로 변환할 파일을 선택해 주시고 16 ×16 favicon.ico만 생성을 클릭하신 후 파비콘 만들기를 클릭해 주시면 됩니다.

 

 

png파일 ico파일 변환

 

 

변환이 됐다면 아래 이미지 파일을 다운로드하시면 됩니다.

 

 

ico파일 다운로드

 

이제 다운로드한 파일의 형식을 보시면 favicon.ico라고 표시가 되어 있을 것입니다. 이 파일을 블로그 파비콘 란으로 불러오기 하셔서 넣으시고 변경사항 저장을 꼭 클릭하시고 새로고침 하시면 적용된 파비콘을 보실 수 있을 것입니다.

 

이렇게 아이콘과 파비콘에 대해서 정리해 봤습니다. 저도 예전에 사진파일과 형식 그리고 사이즈에 대해서 아는 지식이 없었는데 블로그를 하면서 여러 분야를 공부하게 되니 이런 부분들을 알게 됐습니다. 앞으로도 좋은 정보를 공유할 수 있는 블로그가 되도록 노력해 보렵니다.

 

 

 

▼▼▼▼▼▼

티스토리 주소를 구글 서치 콘솔 등록하기

 

▼▼▼▼▼▼

 

티스토리 주소를 네이버 서치어드바이저 등록하기