티스토리 뷰

티스토리 아이콘, 파비콘 만들기

티스토리 블로그 운영 시 있으면 좋은 아이콘과 파비콘 만드는 방법을 알려드리겠습니다. 정말 너무 간단해서 이걸 블로그 포스팅으로 할까 고민이 될 정도였지만, 그래도 모르는 사람들에겐 분명히 유용할 수 있는 정보라 짧고 간략하게 정리해봤습니다.  아이콘과 파비콘 설정 방법이 궁금하다면 아래의 내용을 참조해보세요.

 

반응형

 

 

1. 아이콘/파비콘 설정 경로

  • 경로: 블로그 관리 → 관리 → 블로그

 

아이콘과 파비콘을 설정할 수 있는 곳은 [블로그관리 홈]의 여러 카테고리 중 가장 아래쪽에 위치한 관리 > 블로그에 접속해야 합니다. 아래의 캡처를 참고해주세요.

 

관리 > 블로그로 접속합니다.

 

블로그관리의 가장 아랫쪽에 위치한 블로그 관리에 접속하면 블로그 로고와 이름, 닉네임, 블로그 설명 등을 수정할 수 있습니다. 여기에 아이콘과 파비콘 파일을 업로드해 설정할 수가 있습니다. 

 

아이콘과 파비콘의 사이즈는 32x32로 동일합니다. 아이콘은 파일 형식이 jpg 또는 png라 로고 이미지의 크기를 그냥 리사이징만 해서 넣을 수가 있는데요. 파비콘은 파일 형식이 ico로 다르기 때문에 별도의 과정이 필요합니다. 

 

 

 2. 아이콘 만들기

 

사진 또는 미리캔버스, 캔바, 망고플랫폼 등의 디자인 플랫폼을 통해 블로그 로고를 만들었다면 그림판을 실행시켜 그림 사이즈를 아래와 같이 조정합니다. '사진 파일에 커서를 두고 오른쪽 마우스를 누른 후 > 연결프로그램 > 그림판' 순서로 실행하면 됩니다.

 

그림판 홈에서 '크기 조정 > 픽셀 선택 > 가로 32, 세로 32 설정 후 > 확인' 순서대로 그림 사이즈를 리사이징 할 수 있습니다. 특별히 따로 프로그램을 다운 받을 필요 없이 윈도우에 기본적으로 깔려 있는 그림판으로 사이즈를 조정할 수 있습니다. 다만, 로고 사이즈가 1:1이어야만 깨지지 않고 줄여지는 점 잊지 말아주세요.

 

 

이렇게 리사이징한 이미지는 블로그 설정의 아이콘 영역에서 '불러오기' 를 눌러 업로드 해줍니다. 그러면 아래와 같이 적용이 됩니다. 이게 끝입니다.

 

 3. 파비콘 만들기

 

파비콘 만들기도 아이콘만큼이나 쉽습니다. 1:1 비율의 로고 파일을 파비콘 생성기라는 사이트에서 별도의 가입이나 다운로드 없이 바로 변환할 수 있습니다. 

 

👉 파비콘 생성기 바로가기 👈

 

파비콘 생성기 홈페이지

 

위 링크를 누르면 바로 파비콘 생성기 홈페이지로 이동합니다. 파비콘 생성기에 파비콘으로 만들고 싶은 이미지를 업로드하고 '일으키다'를 누르면 32x32 사이즈의 ICO 파일이 바로 생성 및 다운로드 됩니다. 저장된 파비콘 파일은 아이콘과 동일한 방식으로 블로그 설정의 파비콘 영역에 업로드 시켜 줍니다. 

 

 

아이콘과 파비콘이 모두 적용된 저의 서브 블로그 입니다. 아이콘이나 파비콘이 있다고 해서 구글  SEO가 더 좋아지거나, 특별히 기술적으로 이득이 되는 건 딱히 없습니다. (제가 알기로는요) 하지만 여러개의 블로그를 운영 중이라면 좀 더 직관적으로 블로그를 구분할 수 있는 파비콘을 설정해두는 게 좋더라고요.

 

그리고 무엇보다 예쁩니다. 블로그에 애착을 가진 분들이라면 이런 소소한 설정이 꽤나 재밌고 즐거울 겁니다. 광고 수익을 위해 하시는 분들도 많겠지만, 아무리 광고 수익이라도 재미가 없으면 오래 유지하기가 어렵잖아요?

 

블로그에 애착을 가질 수록 더 좋은 글을 쓰게 되고 오랫동안 이 생활을 유지할 수 있을 거라 생각됩니다. 이 글을 읽으시는 분들도 예쁜 로고 만들어서 아이콘과 파비콘 설정해보시길 바랍니다.

 


🔗 티스토리 운영하기

 

구글 애드센스 광고 코드 html 삽입하는 방법 간단한 설명

구글 애드센스 광고코드 html 삽입방법 구글 애드센스 광고 코드 확인 및 코드 삽입 방법을 설명해보겠습니다. 구글 애드센스 광고 코드를 어떻게 확인하는지 헷갈리는 분들을 위해 구글 애드센

springcat1116.tistory.com

 

 

애드센스 광고 크롤러 오류 "호스팅 서버에 연결할 수 없음" 해결 방법

광고 크롤러 오류 해결방법 구글 애드센스 승인 이후 가장 공 들이는 것이 있다면 바로 광고 노출과 그로 인한 수익 증대 아닐까 싶은데요. 간혹 광고와 관련된 오류가 발생하면 꽤 당황스럽습

springcat1116.tistory.com

 

 

애드센스 광고 크롤러 오류 "크롤러: 호스팅 서버 과부하" 해결 방법

호스팅 서버 과부하 해결방법 티스토리 애드센스를 운영하다보니 여러 종류의 크롤러 오류를 만나게 되는데요. 이번에는 호스팅 서버 과부하로 인한 크롤러 작동 오류입니다. 어쩐지 며칠 전부

springcat1116.tistory.com

 

 

구글 애드센스 결제수단 추가하기(하나은행)

그렇다. 나에게도 드디어 수익실현의 기회가 온 것이다. 워낙 어쩌다 한 번 업데이트 하는 블로그라 여태 블로그 수익 따위 잊고 산 지 오래였으나, 새해를 맞이하여 살짝 두근거리는 마음으로

springcat1116.tistory.com

그리드형
댓글