favicon (파비콘) 이란 favorites + icon 을 뜻하는 말로 인터넷 웹 브라우저의 주소창에 표시되는 대표 아이콘이다.
지금 이 블로그에 적용되어있는 파비콘 이미지 이다.
주소 표시줄에 위와 같이 적용되어 있는것을 볼 수 있다.
적용하는 방법은 간단하다.
티스토리 설정에서 '관리' 아래 있는 '블로그' 메뉴에 들어간다.
그 다음 '불러오기' 버튼을 클릭하고 적용하고싶은 이미지를 넣으면 된다.
파비콘을 만드는 방법은 다양하다.
1. 내가 가진 이미지를 그냥 사용한다.
2. 내가 가진 이미지를 파비콘 크기에 맞도록 조절한 다음 사용한다.
3. 파비콘을 만들어주는 사이트를 통해서 만든다.
개인적으로 3번을 추천하는데, 이 3번도 두 가지가 있다.
되도록 사이트 이용을 추천하는 이유는, 정말 간단하고 또 크기별로 알아서 만들어 주기 때문이다.
사실 나만 그런지 모르겠지만, 파비콘을 만들고 나면 거슬리는게 있다.
바로 배경이다.
일부러 넣는 경우도 있지만, 대부분 사이트를 보면 배경이 없는 경우가 많다.
만약 배경을 지우지 않으면 아래처럼 나올 수 있다.
시크릿모드를 사용하면 좀 더 심하게 눈에 거슬린다.
이런 결과를 원했을리 없다고 생각한다.
간혹 모서리를 라운드 처리 해준다거나, 원형 파비콘을 만들면 해결 될 문제기도 하지만
그렇지 않은 경우 배경을 아주 간단한 방법이 있다.
포토샵을 할 줄 알고 포토샵이 있다면 간단히 해결 될 문제지만
대부분 포토샵이 없다고 생각한다.
그런 사람들을 위해서 간단한 작업을 할 수 있는 온라인 사이트가 있다.
오른쪽의 PIXLR E 를 시작한다.
이미지 열기를 선택하고 작업할 이미지를 첨부한다.
꽤 다양한 기능들을 제공해주고 있어서 그림판으로는 벅차고, 그렇다고 포토샵은 없고 인터넷은 연결 되어있을 때 사용하면 딱 좋다고 생각한다.
다양한 기능 중에 가장 쉽게 배경을 지우는 도구로 '마술봉'을 선택한다.
마술봉 도구는 인접한 같은 색상 영역을 자동으로 인식해서 선택해주는 도구이다.
배경이라고 생각되는 부분에 마우스 커서를 올리고 클릭한다.
그러면 위와 같이 '연결된' 같은 색상으로 판단되는 영역이 선택 된다.
그 상태에서 키보드 'Del' 키를 누르면 선택된 영역이 지워지는 것을 볼 수 있다.
다른 영역도 선택해서 삭제해준 모습이다.
디테일한 부분까지 모두 지우려면 조금 더 많은 노력이 필요하겠지만, 파비콘은 정말 작은 이미지이기때문에 개인이 사용하기에 이정도는 가볍게 넘어갈 수 있는 정도라고 생각한다.
작업을 끝냈으면 저장을 한다.
파일명을 적고 '다운로드' 버튼을 누르면 브라우저 기본 설정 저장 경로에 이미지가 저장 된다.
다운받은 이미지를 열면 위와 같이 보이는데, 뒤에 배경이 남아있는게 아닌가 생각하겠지만
저 타일 모양이 투명하다는것을 뜻하는 표시다.
걱정하지말고 이 이미지로 파비콘을 적용하면 배경 없이 올라가는 것을 볼 수 있다.
시크릿 모드에서 보면 더 확실하게 차이를 느낄 수 있다.
사실 이걸 보고 좀 당황하긴 했다.
검정색 대신 다른 색을 사용할지.. 아니면 가운데 영역만 색을 채워야할지..
하지만 그냥 냅두기로 했다.
깃헙도 검정색 그냥 쓰는데 굳이? 싶은 생각이 들었기 때문이다.
누가 물어보면 깃헙 느낌모르냐고..
'Archive > tistory' 카테고리의 다른 글
| 티스토리 코드블럭 삽입시 스타일, 라인넘버 적용 방법 아주 자세하게 (1) | 2021.05.06 |
|---|
