티스토리 : 10분만에 웹사이트 아이콘 '파비콘' 만드는 방법 정리

 

파비콘이란?

구피넌스. 왼쪽 상단의 아이콘.

티스토리 블로그의 파비콘을 만드는 것은 웹사이트의 전체적인 외관을 향상시킬 뿐만 아니라 사용자가 브랜드를 쉽게 알아볼 수 있도록 도와주기 때문에 여유가 된다면 꼭 적용하는 것이 좋습니다. 파비콘은 브라우저의 주소 표시줄, 탭, 북마크 및 기타 위치에 표시되는 작은 아이콘입니다. 이 블로그 게시물에서는 웹사이트의 파비콘을 만드는 방법에 대해 설명합니다.

 

파비콘을 만드려면?

1. 파비콘 형식

파비콘을 만들려면 먼저 적절한 파일 형식과 크기를 선택해야 합니다. 확장자가 PNG 및 ICO인 파일 형식을 파비콘으로 사용할 수 있지만, ICO 형식이 대부분의 웹 브라우저에서 지원되므로 ICO 파일을 사용하는 것이 좋습니다. 또한, 파비콘 이미지는 정사각형으로 출력되므로 선택한 이미지 파일(PNG, JPG, GIF)이 정사각형인지 꼭 확인해야합니다.

이 이미지는 제 블로그의 파비콘 이미지입니다. 가로세로 1000PX, 상업적 이용이 가능한 무료 폰트를 활용해 포토샵으로

만들었습니다. 무료 폰트를 찾는 방법은 하단 링크에 넣어드리겠습니다.

 

2. 파비콘 만들기 : favicon.io ↓

favicon.io : 파비콘 이미지 변환 사이트

Favicon.io - The Ultimate Favicon Generator (Free)

PNG -> ICO

이미 파비콘으로 쓸 이미지가 있는 경우 favicon.io와 같은 온라인 도구를 사용하여 쉽게 파비콘을 만들 수 있습니다.

 

다운로드 받은 모습.

이미지 파일(PNG)을 화면에 표시된 점선 사각형에 끌어다 놓은 다음 다운로드 버튼을 클릭하여 favicon_io.zip 파일을 다운로드할 수 있습니다. 파일의 압축을 풀면 다양한 유형의 파비콘 파일을 찾을 수 있습니다.

 

우리가 사용할 파일은 favicon.ico 입니다.

3. 파비콘 이미지 적용하기

티스토리 블로그 설정으로 들어갑니다. 블로그 설명 아래 아이콘, 파비콘을 확인할 수 있습니다. 

 

이렇게 아이콘, 파비콘을 넣으면, 10분 이내에 다음과 같이 특색있는 블로그를 만들 수 있습니다.

관련 링크

블로그에 대한 다양한 기능을 알고싶다면? ↓

'Tech./블로그' 카테고리의 글 목록

영어 무료 폰트 사이트 정리 ↓

 

이 글은 특정 종목에 대한 매수 및 매도 추천이 아니며, 투자의 책임은 모두 본인에게 귀속됨을 명시합니다.

 

구피넌스, GUFI 제공