두근거리는 마음으로
블로그를 생성 후
블로그 설정을
하려고 들어갔는데..
갑자기
아이콘과 파비콘을
넣으라고 합니다.
엥..
아이콘은 좀 알겠는데
파비콘은 무엇인지
잘 모르겠다아..ㅠㅠ
파비콘이란?
Favicon =
favorites(즐겨찾기) + icon(아이콘)의
합성어로,
쉽게 얘기해서
즐겨찾기 했던
사이트를 나타내는 그림(아이콘)이라고
생각하시면 되겠습니다.
사진으로 보시면
더 이해가 빠릅니다.
네이버는 N으로
유튜브는 빨간색 재생 버튼
모양으로 되어있는 게
파비콘입니다.
티스토리 아이콘 및
파비콘 만들기?
파비콘이 무엇인지
알았으면, 이제 만드는 방법을
알아봅니다.
파비콘은 보통
png파일을 ico형식으로
파일을 변환하여
생성합니다.
1.
우선 준비물로
배경이 투명한
png 파일이 필요합니다.
이 부분이 굉장히
중요합니다.
배경이 투명하지
않으면, 배경색도 함께
포함되어 자연스럽지
못한 파비콘이
만들어집니다.
따로 준비된
배경이 투명한
png파일이 없다면
구글에서 검색할
수 있습니다.
구글에서 키워드를..
'(내가 원하는 그림) + 일러스트 + png'
라고 써서 검색을 합니다.
저는 구름 그림을
파비콘으로 만들고 싶어
'구름 일러스트 png'
라고 구글 이미지에
검색했습니다.
(보통, 그림을 사용할 때
저작권 문제가 혹시나
발생할 수 있으니
직접 디자인하시는 것을
추천드립니다.)
그림을 찾다 보면
이렇게 배경이 점박이
되어있는 파일이 있는데,
이것이 바로
배경이 투명한 png파일을
뜻합니다.
오른쪽 마우스 클릭 후
'이미지를 다른 이름으로 저장'
기능을 이용하여 저장합니다.
2.
구글에서 'ico 변환'을 검색합니다.
상위에 노출된 사이트 중
적당한 사이트에 접속합니다.
저는 가장 상단에 있는
사이트를 접속하였습니다.
https://www.hipdf.com/kr/png-to-ico
3.
상위에 노출된
거의 모든 사이트가
비슷한 방법으로
파비콘을 만들어줍니다.
'png -> ico'
'png 변환 ico'
등등
비슷한 문구로 된
메뉴를 찾아 클릭합니다.
4.
클릭과 동시에
png파일을 선택할 수
있는 창이 뜹니다.
png파일을 선택하고
열기를 누릅니다.
5.
업로드 완료가 되었다고
뜨면, '사용자 정의 크기'를
지정합니다.
티스토리에서
권장하는 크기는 32x32이면서
아이콘과 파비콘을
함께 사용할 수 있는
크기입니다.
6.
완성된 파비콘을
'다운도르' 버튼을 눌러
다운로드합니다.
자.. 이제
파비콘이 준비가
되었습니다.
티스토리 설정에서
불러오기 기능을 통해
업로드해보겠습니다.
업로드가 잘 된 것을
볼 수 있습니다.
변경사항 저장을 눌러
저장하고 블로그를 들어가면
짠~! 멋지게 적용된 것을
볼 수 있습니다.
여러분도
다양한 파비콘 만들기에
도전해 보시기 바랍니다.
'일반 IT' 카테고리의 다른 글
| 크롬 원하는 문장만 번역하기 - 번역 확장 기능 사용 (0) | 2019.05.24 |
|---|---|
| 크롬 즐겨찾기 심플 버전 초간단 설정 방법 (0) | 2019.05.23 |
