2025년 1월 18일 토요일

티스토리 파비콘 만드는 방법 및 블로그에 적용하기

파비콘은 웹사이트의 첫인상을 좌우하는 중요한 요소이자, SEO에도 긍정적인 영향을 미치는 요소예요. 

그런데, 많은 분들이 파비콘을 '패비콘', '바비콘', '파피콘' 등으로 다양하게 부르시더라고요. 정확한 명칭은 '파비콘(Favicon)'입니다. 


블로그로 부업을 하시는 분들이 많아지면서 파비콘을 이용하시는 분들도 부쩍 늘었더라구요. 

그래서, 오늘은 5분만에 파비콘을 직접 만들고 티스토리 블로그와 구글 블로그스팟에 적용하는 방법을 자세히 알려드릴게요.

👇 아래의 버튼으로 빠르게 확인할 수 있습니다. 👇










아래의 포스팅에는 구체적인 파비콘 이미지 만드는 방법과 확장자 변환방법, 그리고 블로그에 적용하는 방법에 대한 구체적인 설명이 쓰여있습니다. 


내가 쓴 블로그가 상위노출 되는 것은 정말 어려운 일입니다. 하지만 더 어려운 것은 상위노출된 글을 계속 상단에 머무르게 하는 일입니다. 


검색화면 상단에 오래 머무르기 위해서는 많은 사람들이 내 글을 클릭을 해줘야 하는데, 선택을 받는 글이 되기 위해서는 썸네일과 파비콘이 중요하다는거 다들 알고 계시죠?


마지막 한끗 차이로 내 블로그 지수를 올릴 수 있습니다.





아래의 버튼을 통해 많은 사람들에게 정보를 공유해주세요. 




파비콘 무료 사이트

블로그에 개성을 더하고 싶다면 파비콘을 빼놓을 수 없죠!


파비콘을 만들기 위해서는 먼저 나만의 개성 넘치는 이미지를 준비해야 합니다.


여러 디자인 도구 중에서도 누구나 쉽게 사용할 수 있는 미리캔버스를 활용하여 파비콘을 만들어 보는 건 어떨까요?


미리캔버스는 파비콘 이미지를 만들때 뿐만 아니라 블로그 게시글에 없어서는 안될 썸네일 제작에도 가장 많이 사용되는 플랫폼 입니다. 


무료로 사용할 수 있는 탬플릿과 디자인 요소들이 가득하기 때문에 남들과 다른 차별화된 디자인이 얼마든지 가능해요. 




미리캔버스 파비콘 만들기

1. 미리캔버스 접속

미리캔버스 홈페이지에 접속하여 계정을 생성하거나 로그인합니다.



2. 새 디자인 생성

파비콘은 정사각형 이미지로 제작해야 가장 보기 좋습니다. 


미리캔버스에서는 이미 정사각형 캔버스가 기본 설정되어 있지만, 더욱 정확한 크기로 설정하고 싶다면 다음과 같이 해보세요.


먼저, 디자인 화면에서 사이즈를 변경하는 버튼을 클릭해주세요. 


나타나는 창에서 가로와 세로 크기를 동일하게 입력하여 정사각형으로 만들고, 단위를 px(픽셀)로 설정합니다. 


일반적으로 파비콘은 16x16px 또는 32x32px 크기로 제작하니까 참고하세요.


3. 디자인 편집

좌측 중간에 있는 [요소] 메뉴를 클릭하면 다양한 이미지를 찾을 수 있습니다. 



'돋보기' 아이콘을 통해 '불꽃', '별' 등 원하는 키워드로 이미지를 검색하고, 이를 활용하여 독창적인 파비콘을 디자인해 보세요.


참고로, 미리캔버스는 저작권 문제를 방지하기 위해 최소 2가지 이상의 요소를 결합하여 이미지를 만들도록 권장합니다. 


예를 들어, '불꽃' 이미지 위에 '별' 이미지를 겹쳐놓거나, 다양한 색상과 형태의 요소를 조합하여 새로운 이미지를 만들 수 있습니다.




4. 이미지 저장

이제 나만의 개성 넘치는 파비콘을 만들었으니, 이제 저장해 볼까요?


디자인 작업이 완료되면 화면 오른쪽 상단에 있는 다운로드 버튼을 클릭합니다.




다운로드 창이 뜨면, 파일 형식과 배경을 선택할 수 있는데,  PNG 형식을 선택하면 투명 배경으로 저장되요.


흰색 배경으로 저장하고 싶다면, 투명 배경 옵션을 선택하지 않으면 됩니다.


팁을 드리자면, 파비콘은 투명 배경으로 저장하는 것이 일반적입니다. 


투명 배경으로 저장하면 다른 배경과 자연스럽게 어우러져 더욱 깔끔한 디자인을 연출할 수 있거든요. 



5. ICO 파일 변환

저장한 이미지를 ICO 파일 형식으로 변환해주는 온라인 도구를 활용하여 파비콘 파일을 생성합니다.




6. 블로그에 적용

생성된 ICO 파일을 블로그 관리자 페이지에서 설정해주면 완료됩니다.