예지로운 일상로그

[티스토리 꾸미기] 무료 아이콘 다운로드 사이트 공유 + 블로그 아이콘 (파비콘) 설정하는 방법 < 3분 컷 >✂️ 본문

티스토리

[티스토리 꾸미기] 무료 아이콘 다운로드 사이트 공유 + 블로그 아이콘 (파비콘) 설정하는 방법 < 3분 컷 >✂️

예_지 2023. 2. 2. 17:59
반응형




티스토리 꾸미기
파비콘 (Facicon) 설정하는 법

출처 : 플랫 아이콘

 

 

 

티스토리는 다양한 스킨 설정도 가능하고, 여러 방법을 통해 블로그를 다채롭게 꾸밀 수 있어요✨
요즘 티스토리 꾸미기가 한창 재밌어서 이것저것 찾아보면서 시도하고 있답니다...🫠

오늘 공유드릴 내용은 "블로그 파비콘 등록하기"

무료 아이콘을 다운받을 수 있는 사이트와 파일 형식 변환하는 방법,
마지막으로 티스토리에 적용하는 과정까지 모두 알려드릴게요😙💛

HTML이나 CSS를 건드리지 않고 블로그 내에서 쉽게 설정할 수 있습니다👏
초보 블로거분들께도 전혀 어렵지 않은 내용이니, 차근차근 포스팅 글 보시면서 따라와 주세요!


목차

- 파비콘 (Favicon) 이란?
- 무료 아이콘 다운로드 사이트 공유
- 티스토리에서 파비콘 설정 완료하기
- 맺음말


파비콘 (Favicon) 이란?

파비콘(Favicon)즐겨찾기 아이콘(Favorite Icon)의 줄임말입니다
특정 웹사이트를 방문했을 때, 주소의 왼쪽이나 브라우저 탭에 나타나는 작은 아이콘이에요

파비콘(Favicon) 예시

다음 / 네이버 / 유튜브 등 유명한 어플이나 홈페이지를 생각했을 때 떠오르는 로고나 이미지💡
보통 깔끔한 대표 알파벳으로 설정하기도 하고, 사이트와 관련된 이미지로 설정된 경우도 많습니다

대표적이면서 특색 있는 블로그로 각인시킬 수 있기 때문에 중요한 작업이에요
오늘 포스팅을 통해 여러분들도 각자의 티스토리 파비콘을 만들어 보는 시간을 가지시길 바랍니다😆

무료 아이콘 다운로드 사이트 공유

파비콘을 설정하기 위해서는 아이콘 형식인 ICO파일이 필요해요
이미지 파일 JPG, PNG, GIF와 같은 파일은 ICO로 확장자를 변환해주어야 합니다

 

➿파비콘을 만들면서 필요했던 사이트는 총 2가지!

*️⃣무료 아이콘 사이트에서 원하는 아이콘 다운로드(PNG파일)
*️⃣다운로드한 아이콘(PNG파일)을 ICO파일로 변환해 주는 사이트

대부분의 무료 아이콘 사이트는 상업적인 용도의 사용이 가능하고, 별도의 비용지출은 없어요
하지만, 각 사이트마다 명시하고 있는 저작권 내용은 꼭 준수해 주셔야 합니다★★

무료 아이콘 다운로드 사이트 바로가기
 

무료 아이콘 및 스티커 - 수백만 종의 다운로드가 가능한 리소스

귀하의 프로젝트를 위한 무료 아이콘 및 스티커를 다운로드하세요. 디자이너에 의한, 디자이너를 위한 리소스. PNG, SVG, EPS, PSD 및 CSS 포맷

www.flaticon.com

제가 사용한 "플랫 아이콘"에서는 무료로 아이콘 및 스티커 다운이 가능합니다😎

 

  • 개인 및 상업적 용도의 무료 이용 가능
  • 저작권자(출처) 표시 필요


많은 무료 아이콘 사이트 중 플랫 아이콘은 한국어가 제공되기 때문에 더 유용하게 사용하실 수 있습니다🙌
사이트 상단 검색을 통해 찾고 싶은 이미지 아이콘 모음도 보실 수 있어요

플랫 아이콘 사이트에서 PNG파일로 다운로드

✔️마음에 드는 아이콘을 발견하셨다면, PNG파일로 다운로드해 주세요!

ICO파일로 변환해 주는 사이트 바로가기
 

FavICO.com - Free Online Favicon Generator : Convert image to ico file

www.convertico.com

다음으로 플랫 아이콘에서 다운로드 한 PNG 형식의 이미지를 ICO로 변환해 주는 작업입니다

ICO파일 변환하기

✔️ICO파일로 변환되었다면, 다운로드해 주세요!

 

이제 티스토리로 넘어가서 간단한 블로그 내 설정만 거치면 완성입니다🤩

티스토리에서 파비콘 설정 완료하기

먼저, 관리자 페이지에 접속 후 플러그인 설정이 필요합니다

 

① [블로그 관리] 페이지 들어가기
② [플러그인] 선택
③ 상단에서 [아이콘] 검색
④ [홈페이지 아이콘 표시] 플러그인 적용하기

 

[아이콘] 검색 후 [홈페이지 아이콘 표시] 플러그인 적용

그리고 이제 준비된 파비콘만 설정해 주면 끝이에요

 

① [블로그 관리] 페이지 들어가기
② [관리] 탭에서 [블로그] 선택
③ 파비콘 [불러오기] 선택 후 파일 불러오기
④ [변경사항 저장]★★

 

파비콘 [불러오기] 선택 후 파일 넣기
설정된 파비콘 예시

이제 새로고침 하시면 파비콘이 적용된 모습을 보실 수 있습니다
여기까지 잘 따라오신 분들 박수~👏👏👏

맺음말

티스토리 꾸미기를 한번 시작하니까 이것저것 다 하고 싶어 져서 큰일..🥲
오늘 공유드린 파비콘 적용은 복잡한 HTML이나 CSS를 건드리지 않아도 되는 간단한 과정이었어요

여러분들도 오늘의 포스팅 따라 나만의 파비콘 설정도 해 보시고, 블로그 생활에 기분전환 되셨으면 좋겠습니다💓

728x90
반응형
LIST