초보자도 할 수 있다! 포토샵 없이 무료로 아이콘과 파비콘 만들기

파비콘이 뭐지?

 

파비콘은 영어 favorites와 icon 가 합쳐져서 만든 합성어로 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘입니다. (위키백과 한국어 참조)

 

두 번째 도메인 티스토리 블로그 승인이 잘 되지 않자 제가 듣고 있는 강의 강사님께서 조언을 해주셨어요.

 

 

파비콘????

처음 듣는 단어에 생소했던 1인..

부랴부랴 구글 검색을 했답니다.

포토샵도 모르는 1인.. 지금 제 블로그 창을 보시면 아시겠지만 생각보다 아주 쉽게 성공했는데요.

 

지금부터 왕왕 초보자도 할 수 있는, 포토샵 없이 무료로 아이콘과 파비콘을 만들 수 있는 방법을 공유해 볼게요!

 

파워포인트 활용하자

포토샵을 모르는 초보자.

알파벳으로 간단하게 만들어보았어요.

바로 파워포인트로요.

파워포인트에서 네모 모양 넣고, 글자 붙여 넣기! 그리고 art+shift+s를 눌러 알캡처 저장을 해두었답니다.

 

캐릭터를 이용하셔도 되고 글자를 이용하셔도 되는데요.

개인적으론 최대한 깔끔하고 단순하게 만드는 게 좋을 거 같다는 생각이 들어요.

 

미리캔버스에서 32x32 사이즈로

 

그다음, 미리캔버스에 들어가셔서 새로 만들기를 눌러서 사이즈를 조정해주셔야 해요.

찾아보니 16x16 px로 만들라고 하던데..

미리캔버스는 16px로 조정하려고 해도 최소가 32인지 자동으로 저렇게 변하더라고요.

근데 걱정하지 않으셔도 된답니다! 저도 저렇게 32px로 했는 데 성공했거든요!

 

 

그럼, 이렇게 작은 화면이 뜰 텐데요.

여기다가 제가 저장해 두었던 이미지 파일을 넣으시면 돼요.

 

어떻게 하냐고요?

저기 왼쪽 끝 쪽에 길게 메뉴들이 나와있는 거 보이시나요?

저기서 '업로드'를 눌러보시면 캡처로 저장해 두었던 이미지가 나오는데 그걸 업로드하시면 돼요.

 

그리고 미리캔버스에서 투명이나 배경제거.. 등.. 필요하신 부분들을 적용하셔서 저장을 하시면 된답니다.

 

 

근데 이때 저장할 때 주의할 건, 인쇄용으로 선택해야 해요!

기본적으로는 PNG형식으로 저장이 되게 되어있는데 이걸로 하면 화질이 깨진다고 하더라고요.

그래서 저도 인쇄용으로 저장을 했답니다!. 다들 잊지 마시길!

 

티스토리블로그 관리자페이지에서 설정

 

그다음, 티스토리 관리자페이지에 들어가서 '블로그' 탭 부분으로 들어가시면 돼요.

아래쪽에 이렇게 아이콘과 파비콘을 변경하는 부분이 나오는데요.

거기서 '불러오기'를 누르셔서 저장해 놨던 이미지파일을 올리시면 된답니다.

 

근데, 파비콘 부분은 불러오기를 눌러도 이미지가 뜨지 않았는데요.

찾아보니 이건 파일형식을 변환해주어야 하더라고요.

 

파비콘 파일형식 변환하기

 

구글에서 ico 변환을 검색하시면 제일 처음 뜨는 convertio를 누르시면 돼요.

거기서 이미지파일을 올려 확장자명을 변경할 수 있어요.

변경한 다음 꼭 '다운로드'를 눌러주셔야 해요. 그것도 모르고 변환만 하고 창을 껐더니 저장이 안 되어 있더라고요^^;;

 

확장자 변환까지 하셨다면 다시 블로그 관리자 페이지에서 파비콘 부분에 불러오기를 누르셔서 변환된 이미지파일을 올리면 됩니다.

 

그리고 진~~ 짜 마지막으로 해주어야 할 게 있는데요.

 

 

블로그 관리자페이지-플러그인-블로그아이콘표시 부분을 눌러주셔서 적용을 눌러주셔야 해요.

전 미리캔버스에서 32x32 px로 저장했지만 여기서는 아이콘을 16x16 px 크기로 표시되게 설정해 주었어요.

(그래도 표시되는 데는 크게 문제가 없더라고요)

 

그럼 진짜 끝이랍니다!

그리고 제 블로그를 들어가 봤더니 변경이 아주 잘 되어 있더라고요.

 

 

보이시나요?

사실 전 이런 거까지 생각은 못하고 있었는데..

분에 딱 봐도 제 블로그임을 알 수도 있고, 뭔가 기분도 좋아지네요.

---

파워포인트에서 원하는 이미지 만들기 (이미지 캡쳐 후 저장)

미리캔버스에서 32x32px로 이미지 업로드 후 꾸미고 다운로드

블로그 관리자페이지-블로그 들어가서 아이콘 이미지 불러오기 후 저장

구글에서 ico 변환 검색해서 이미지 확장명 변경 후 저장

블로그 관리자페에지-블로그 들어가서 파비콘 이미지 불러오기 후 저장

블로그 관리자페이지-플러그인 -블로그아이콘표시에서 16x16 사이즈로 저장

다시 한번 간단히 정리해 보았어요.

왕왕 초보자인 제가 할 때도 생각보다 간단하고 시간도 얼마 걸리지 않았는데요.

아직 파비콘 변경 전이신 분들은, 이번 기회에 한 번 해보시길 추천드립니다^^