그림판으로 티스토리 파비콘을 만들어 보자 - 내 블로그 더욱 돋보이게 하기
- 블로그 만들기 팁
- 2019. 11. 6. 08:54
안녕하세요
오늘은 파비콘을 만들어 보는 것입니다.
파비콘 저도 잘 몰랐습니다만 티스토리를 하다가 파비콘을 넣는 칸이 있어서 찾아봤는데
이런 식으로 사이트 앞에 대표 이미지를 넣는 것이라고 생각하시면 이해하기 쉬울 것 같네요
지금 제가 열어놓은건 네이버 구글 다음 티스토리지만 꼭 글자를 넣어야 되는 건 아니에요
자기 원하는 그림을 넣어도 되고 자시만의 대표 이미지를 넣어도 되지만 대표 이미지는 저렇게 잘 보이게 해 줘야겠죠
네이버는 N를 살려서 녹색 바탕에 흰색 글자입니다 저건 네이버라고 설명을 안 해도 네이버라는 걸 알 수가 있죠
여러분들도 저렇게 만들 수 있습니다
제가 제목은 그림판으로 만들 수 있다고 했는데 그림판으로도 만들 수는 있습니다 하지만 대부분 포토샵을 사용하고
있습니다. 그림판으로 설명하는 건 이런 식이라고 얘기하는 것이고 크기 설정은 똑같아서 그림판으로 먼저 설명
드리겠습니다
제목에 있는 만큼 티스티에 등록하는 과정까지 알려드리겠습니다
일단 그림판을 실행시켜주시고 크기 조정을 눌러주세요
여기서 픽셀을 체크 가로 세로 비율 유지를 체크 해제 그리고 가로 16 세로 16 적어주시고
확인을 클릭합니다
실제로는 저렇게 작은 공간에 대표 이미지를 넣어야 되는 게 생각보다 쉽지가 않습니다
저 흰색 네모칸에 텍스트든 이미지든 넣어야 합니다
저는 시험용으로 올리기 위해 검은색 바탕에 흰색 글자를 넣었습니다
이런 식으로 요
자 다 만들었으면 저장을 해주시면 되는데 저장은 꼭 PNG로 해주세요
다시 한번 말하겠습니다. 꼭 저장은 PNG 확장자로 쓰셔야 합니다
위 사이트에 접속을 합니다
파비콘을 만들어주는 사이트라고 보시면 될 것 같아요
1. 파일 선택이 있습니다 그럼 아까 저장해두었던 png 파일을 선택합니다
2. upload를 클릭합니다
그럼 밑에 자기가 업로더했던 파일이 이미지가 저기에 나타납니다
스크롤을 밑으로 조금 내리면
step 4. select the icon format 부분이 나오는데 2번째 ico for windows 7 windows8 vvista and xp
여기 부분을 체크하고
convert ico를 클릭을 해줍니다
그럼 10초도 안돼서 저렇게 다운로드를 할 수 있게 되는데 저장할 때 저장 경로를 꼭 기억해두세요
자신의 티스토리에 접속을 해서 관리자 화면에 들어오면은 왼쪽에 자기 빨간색 표시해둔 부분을 클릭하면
파비콘 파일 형식 ico 이렇게 나옵니다
그럼 불러오기를 해서 아까 다운로드하였던 파일을 불러옵니다
그리고 저장을 하고 변경사항 저장을 꼭 해줘야 합니다
그럼 저렇게 아이콘이 나오고 즐겨찾기 역시 바뀌어서 나온 걸 확인할 수 있습니다
사실 지금 제가 적어 놓은 것들은 그냥 초보적인 것이고 그림판으로 하는 건 어느 정도 무리가 있다고 생각하긴 합니다
제일 중요한 건 16px로 만들어서 올리는 것이고 포토샵 같은 경우 플러그인을 사용하면 ico로 된다고도 합니다
포토샵 초보인 저로써는 잘 모르겠네요
그리고 PNG 파일을 변경해주는 사이트는 여러 개가 있고 지원해주는 기능들도 틀린 거 같네요
저처럼 포토샵이 설치가 되지 않았고 파비콘은 올리고 싶을 때 그림을 이용해도 파피콘 제작이 가능합니다
네이버 블로그는 개인 파비콘을 설정해주는 건 없나 봐요
파비콘 설정 없이 그냥 쓰셔도 아무 상관은 없습니다만 자신의 블로그를 대표하는 이미지는 자신의 블로그가
시림들에게 기억에 남기기 쉽고 즐겨찾기에도 파비콘으로 변경돼서 나오니 똑같은 T 이미지보다
눈에 더 들어오게 됩니다
저처럼 인터넷 창을 많이 띄어놓으면 저렇게 이미지만 남게 되는데 이제는 저건 자신의 블로그라는 걸
알게 되죠
조금은 부족하지만 파비콘에 대해 적어보았습니다
조금이나마 도움이 되셨으면 좋겠네요
'블로그 만들기 팁' 카테고리의 다른 글
티스토리를 네이버애널리틱스 적용하기 - 주요기능설명 (0) | 2019.11.06 |
---|---|
구글서치(웹마스터)에서 새로운 적용문제가 발견 됨 메일이 온다면 (0) | 2019.11.06 |
네이버 블로그 sns 연동하기 페이스북 트위터를 이용해서 방문자를 늘려보자 (0) | 2019.11.06 |
키자드에 대해 알아보자 네이버블로그 구글에 등록하기 (0) | 2019.11.04 |
티스토리 Bing 빙 ZUM 줌 사이트 등록하기 (0) | 2019.11.04 |