파비콘(Favicon)이란?
파비콘(Favicon)은 웹사이트의 대표 아이콘으로,
브라우저의 탭이나 즐겨찾기 목록에서 사이트를 식별하는 데 사용됩니다.
티스토리 블로그에서도 파비콘을 설정하면 방문자가 더 쉽게 블로그를 인식할 수 있습니다.
티스토리 파비콘을 만드는 방법
티스토리 블로그에 적용할 파비콘을 만드는 과정은 다음과 같습니다.
1. 파비콘 이미지 제작
파비콘은 일반적으로 정사각형(16x16, 32x32, 48x48 픽셀) 크기의 PNG 또는 ICO파일로 제작됩니다.
간단한 이미지 편집 프로그램을 이용해 만들 수 있습니다.
- 포토샵(Photoshop) - 투명 배경 PNG로 저장 가능
- Canva - 무료 온라인 디자인 도구
- 미리캔버스-무료 온라인 디자인 도구
- favicon.io - 텍스트 또는 이미지를 기반으로 파비콘 제작 가능
**꿀팁: 위 로고를 쉽게 만드는 법은 글 하단에 있습니다.**
2. 파비콘을 ICO 파일로 변환
ICO 파일은 다양한 해상도를 포함할 수 있어 브라우저 호환성이 높습니다.
다음과 같은 무료 변환 사이트를 이용하면 쉽게 PNG를 ICO로 변환할 수 있습니다.
준비된 이미지 파일을 ico 형식의 파비콘 파일로 생성해주는 사이트 2개를 알아보겠습니다.
파비콘 만드는 사이트
Favicon & App Icon Generator
Favicon & App Icon Generator
Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.
www.favicon-generator.org
위 사이트에 들어갑니다.
1. 파일 선택
2. 문서창이 열리면 준비된 이미지 파일(png, jpg, gif)을 선택 후 열기
3.Create Favicon 버튼 클릭.
4. Download the generated favicon을 클릭
다운받은 압축파일을 열면 다양한 사이즈의
png 파일과 ico 형식의 파비콘 파일이 생성된 것을 확인할 수 있습니다.
Favicon.io
Favicon.io - The Ultimate Favicon Generator (Free)
With Favicon.io you can quickly generate a favicon for your website for free!
favicon.io
위 사이트에 들어갑니다.
1. 준비된 로고가 있는 경우
①. PNG →ICO를 클릭 후 이미지 삽입 → 다운로드 하면 끝!
2. 준비된 로고가 없는 경우 (간단하게 영문 이니셜로 만드는 법)
②. TEXT → ICO를 클릭 후
화면과 같이 Generate From Text에서 하나씩 변경하면서 적당한 로고를 만듭니다.
서체 크기부터 색상까지 다 적용한 후
1. 다운로드를 클릭합니다.
2. 저장 된 파일을 열고 적용시킵니다.
**꿀팁: 서체 변경시 Font Family창을 두번 클릭한 후
손 모양 커서를 그대로 놓고 키보드 방향키를 위 아래로 움직여서 서체 적용을 빠르게 확인할 수 있습니다.
3. 이모지로 간단하게 만드는 법
③. 😎 → ICO를 클릭 후 원하는 이모티콘 Name 선택 후 다운로드하면 끝!!
위 세가지 방법 중 잘 선택해서 만들어보세요!!
티스토리 파비콘은 블로그의 아이덴티티를 강화하는 중요한 요소입니다.
간단한 이미지 제작과 적용 과정만으로도 깔끔한 블로그 브랜딩을 완성할 수 있으니, 직접 적용해보세요!