본문 바로가기

필요해요

파비콘 만들기 사이트 (Favicon Generator) 및 뜻 적용 방법 '상세설명'

파비콘 만들기 방법에 대해서 알아보려고 합니다. 워드프레스, 티스토리 그리고 개인 웹 홈페이지를 가지고 계시면 파비콘 생성을 고민하셨을 거예요. 왜냐하면 파비콘이 있으면 나의 사이트를 방문하는 검색 이용자 또는 고객에게 작은 어필이 될 수 있거든요. 

 

게다가 오래 지나 브랜딩되어 눈에 익은 파비콘은 상대방으로 하여금 언제 어디서라 만나더라도 나의 사이트를 연상하게 될 것이고 이를 통해서 다시 한번 더 웹사이트를 방문하는 효과도 더불어 얻을 수 있습니다. 

 

단순 비교해 볼까요. 

 

이름 모를 티스토리
누군가의 웹사이트
어느 분의 네이버

 

 

구글 블로그, 유튜브, 애플, 구글플레이, 엑셀 다음, 트렌드

 

제가 처음 가보거나 이제 막 열게 된 곳일지라도 이름까지 해당 사이트 이름까지도 외우게 됩니다. 

 

이미 위 그림만으로도 충분히 파비콘이 무엇인지 아셨으리라 생각됩니다. 

그래도 한번 알아보고 파비콘 생성 방법을 알아보도록 하겠습니다. 

 

 

 

파비콘 만들기 사이트 (Favicon Generator) 및 뜻 적용 방법 [상세설명]

 

파비콘이란? 

파비콘은 웹사이트를 대표하는 작은 아이콘입니다. 웹 브라우저에 파비콘이 표시되는데요. 

 

- 주소창

- 탭

- 북마크 (즐겨찾기)

- 검색 결과

 

다양한 곳에서 파비콘을 볼 수 있습니다. 

 

파비콘 이름은 어떻게 지어진 것일까요? 

 

그것은 즐겨찾기와 아이콘의 합성어입니다. 

favorites + icon = favicon 이렇게 된 것이죠. 

 

파비콘은 즐겨찾기의 아이콘인 만큼 식별성, 브랜드 인식에 있어 높은 중요도가 있는 요소입니다. 

 

 

파비콘 역할과 중요성 간략 요약

- 브랜드 인식 강화: 웹사이트 앱을 대표하는 아이덴티티 (로고로 인식하기도 함)

- 웹사이트 식별: 사용자로 하여금 쉽게 식별하고 관리까지 도움

- 모바일 호환성: 브랜딩과 가시성 유지 가능

- SEO 영향: 검색 엔진에서 파비콘을 인덱싱하여 웹사이트 신뢰성과 전문성을 평가하는 요소로도 활용됨.

 

파비콘 꼭 만드셔야겠죠. 

 

어떤 사이트나 블로그 주제를 정해져도 금방 떠오르지 않을 수 있어요. 그때는 요즘 유행하는 ChatGPT와 같은 Ai에게 프롬프트로 질문하면 좋을 거 같으네요. 

 

 

파비콘 만들기 아이디어로 그림을 그려줄 Ai 사이트 

 

- 뤼튼Ai 바로가기

- 코파일러 바로가기

 

두 곳 모두 아시는 분도 계시겠죠? 
이 외에도 다양한 Ai 이미지 생성 사이트가 있겠지만요. 저는 2곳에서 필요하면 만드는데요. 

 

간단히 프롬프트에 'IT를 다룰 블로그 파비콘을 그려줘'라고 하시기보다는 보다 상세하게 질문하시는 게 좋은데요. 

 

- 연필을 가진 꼬마를 그려줘

- 만년필이 꼬리인 고래를 그려줘

 

라든지 이보다 더 상세한 내용으로 프롬프트를 통해 Ai에 명령을 내려 보세요. 

 

Ai가 그려준 그림 - 코파일럿 작 (Copilot)
Ai가 그려준 그림

 

만약 잘 그려지지 않았거나, 마음에 들지 않는다면 추가적인 명령어를 더 내리세요. 
혹은 다시 그려달라고 하셔도 됩니다. 

 

이렇게 만들어진 파일을 다운로드해주세요. 

혹은 캡쳐하셔도 됩니다. 

 

> 많이들 사용하는 캡쳐 프로그램 픽픽! 다운받기! 

 

 

파비콘 생성 사이트 (Favicon Generator)

실제 파비콘을 만들기 위해서는 이미지 준비를 하셔야 합니다. 

파일 형식은 png, jpg 이면 괜찮을 거 같습니다. 

 

준비된 이미지 파일을 다음 사이트 업로드하여 다양한 사이즈의 png 파일과 ico 파일을 다운로드하시면 됩니다. 

 

• 파비콘.ico & 앱 아이콘 생성기 [바로가기] [1]

파비콘.io [바로가기] [2]

 

1번 파비콘 생성 사이트, 이미지 파일 업로드, 파비콘 생성 버튼 표시

 

 

다양한 파일 사이즈를 지원해줍니다.

 

 

같은 이미지를 업로드해도 다운로드가 되는 파일의 수와 종류가 다릅니다. 바로 만들어준 ico 파일의 크기다 다른 만큼 결과물도 다르죠. 작은 공간을 채우는 만큼 간결하고 심플하고 보면 딱 기억나는 것이 좋을 거 같습니다. 거기에 선명함이 더 해지면 더 좋을 거란 생각이 듭니다.

 

 

 

 

만약 좀 더 고퀄의 ico 파일을 만드시고 싶다면 ConvertICO 사이트를 이용해 보세요. png 파일을 업로드하시고 원하시는 아이콘 사이즈를 선택하고 생성 요청 버튼을 누르세요. 그리고 ico 확장자 파일을 다운로드하시면 됩니다. 

 

 

 

티스토리 파비콘 설정 적용하기

파비콘을 만드셨다면 티스토리에도 파비콘을 적용할 수 있는데요. 

 

방법은 티스토리 관리자 페이지로 들어가 주세요. 

 

티스토리 관리자 페이지는 나의 티스토리 주소에 매니저를 붙이면 되는데요. 

예를 들면, https://j-buja2227.tistory.com/manage 이렇게 말이죠. 

 

HTTPS:// + 티스토리 주소 + manager  <- 형식입니다. 

 

티스토리 블로그 관리 페이지 접근 메뉴

 

티스토리 관리자 페이지에 접속하셨다면 하단에 [관리> 블로그] 메뉴로 접속해 주세요. 

 

 

해당 메뉴를 누르면 오른쪽에 블로그 관리할 수 있는 메뉴들이 보이실 건데요. 
아래쪽에 보시면 파비콘이라고 보이지요. 여기에 만드신 파비콘을 올리면 됩니다. 

 

파일 사이즈가 작아야 하기 때문에 때론 시간이 많이 걸리기도 했었는데요. 

위 사이트를 이용하시면 다양한 사이즈로 파비콘을 만들어 주기 때문에 무리 없이 그냥 바로 해결되실 거예요. 

 

 

지금까지 파비콘 생성 사이트를 기준으로 파비콘이 무엇이며, 어떻게 생성하고 적용하면 되는지에 대한 소개해드렸습니다. 이 내용을 보시고 생각하신 것보다 빠른 적용도 해보셨으면 좋겠습니다. 그리고 잘 안되더라도 바로 또 변경할 수 있었음 좋겠고요. 

 

읽어주셔서 감사합니다. 

 

이쁜 파비콘 만드셔요.~

 

 

- 함께 보면 좋은 글 모음 - 

 

 

큐알코드 스캔 방법으로 앱 설치 qr코드 만들기 통해 다운로드 하기

큐알코드 스캔 방법만 알면 눈 깜짝할 사이에 다양한 정보를 쉽고 빠르고 보안적으로 안전하게 볼 수 있습니다. 하지만, 이렇게 안전하더라도 사용하실 줄 아셔야겠죠? 별도 앱으로 큐알코드 스

j-buja2227.tistory.com

 

 

멜론 PC 버전 다운로드 멜론차트 100 홈페이지 바로가기

음악 애호가는 멜론이죠. PC에서 듣던 재생목록 그대로 나의 스마트폰에서도 듣기 원하는 것은 너무나도 당연하죠. 게다가 좋은 음질로 즐기는 것은 귀 호강은 물론, 내 삶의 호강으로도 이어질

j-buja2227.tistory.com

 

 

클린마이맥 가격 쿠폰 할인 그리고 공유 하기

클린마이맥을 오랫동안 봐 왔어요. 아시는 것처럼 저렴한 가격은 아니잖아요? 그래도 맥북프로를 보다 안정적으로 처음 느낌 그대로, 빠릿빠릿한 느낌 꾸준할 수 있도록 사용하고 싶은 욕심이

j-buja2227.tistory.com

 

 

네이버 qr코드 스캔 방법

  일상생활 속 곳곳에 새롭게 생겨나는 것들이 있죠. 때론 생긴 지 시간이 조금은 지났음에도 어느 순간 눈에 들어오는 것이 있습니다. 그것 중 하나가 QR코드가 아닐까 생각되는데요. qr코드는

j-buja2227.tistory.com

 

 

 

 

  • 네이버 블러그 공유하기 네이버 밴드에 공유하기 페이스북 공유하기 트위터 공유하기 링크 복사하기