티스토리 꾸미기 (파비콘, 아이콘 만들기)
안녕하세요 쏘야입니다 : )
블로그를 공부하시는 분들을 위해 하나씩 글을 쓰고
저의 블로그 또한 변화되어가는 모습을 볼 수 있을 텐데요~
저 또한 그랬지만 블로그 공부는
초보단계를 탄탄하게 공부를 하시고 설정을 해놓으신 다음
HTML 수정과 같은 중급에서 고급 단계를 공부해 나
아가시는것이 중간에 블로그에 대한 회의감을 느끼시지 않고
공부하시기 좋을 것이라고 생각합니다.
오늘은 파비과 아이콘에 대해서 설명드리고 설정하시는 방법까지 알려드리려고 합니다.
크게 어려운 부분은 없으니 차근차근 따라오세요^^
파비콘/아이콘 정의
간단하게 파비콘과 아이콘에 대해 설명드리도록 하겠습니다.
먼저 파비콘은 즐겨찾기 (Favorites) / 아이콘 (icon) 의 합성어입니다.
보시는 것처럼 주소창 위에 표시되는 아이콘을 말하는데
개인 블로그의 개성을 조금 더 표현해주고 꾸며줄 수 있는 아이콘을 말합니다.
아이콘이란 스마트 시대에 많이 사용되는 단어인데, 프로필 사진처럼
티스토리 댓글을 작성하거나 할 때에 보이는 사진을 말합니다.
파비콘 만들기
파비콘과 아이콘을 설정을 할 건데 아이콘은
티스토리 블로그에 접속하여 [관리자 모드]로 들어가 줍니다.
좌측 하단으로 내려가보면 [블로그]를 클릭해 줍니다.
다음과 같은 화면이 보이실 텐에 이곳에서 파비콘과 아이콘을 설정하실 수 있습니다.
[불러오기]를 눌러 사진 파일을 불러온 뒤 변경사항 [저장] 버튼을 눌러주면
적용이 됩니다. (단 파비콘은 IOS의 파일 형식을 가지고 있는 파일이어야 됩니다.)
파비콘 변환 방법 아래에 설명해 놓았으니 참고하세요^^
아이콘 만들기
아이콘을 만들기 위해서 설정을 적용시켜 주어야 합니다.
[관리자 모드]로 들어가 줍니다.
[플러그인]으로 들어가 면 여러 개의 설정화면이 나오는데
[ 블로그 아이콘 표시]를 눌러주고 [적용] 버튼을 눌러 사용 중 일 수 있도록
활성화시켜 줍니다.
파비콘 설정하였던 것처럼 [관리자 모드] [블로그]로 들어가 준 뒤
아이콘 불러오기로 그림파일을 불러온 뒤 [변경사항 저장]을 눌러주면
아이콘 적용이 완료 됩니다.
파비콘 파일변환 방법
먼저 파비콘으로 만들고 싶은 이미지를 그리거나 골라줍니다.
저는 저희 집 막둥이 (껌이)를 그려서 파비콘으로 만들 거예요~!
파비콘을 설정할 때에는 그림파일에 두 가지 사향을 맞추어 주어야 설정이 가능합니다.
"16 x 16 사이즈의 'ico'형식" 으로 되어있어야 설정이 가능한데
해당 사진을 ioc 파일로 변환해주는 사이트가 많으니
한 가지 선택하셔서 변환을 해주시면 됩니다.
저는 [ FAVICO.COM ]이라는 사이트에서 변환을 하였으니
링크 첨부해 드리고 해당 사이트로 설명드릴게요!!
https://www.convertico.com/favicon/
링크에 접속하시면 다음과 같은 화면이 보이실 겁니다.
[BROWSE ] 클릭하여 적용하실 이미지를 불러온 뒤 [CREATE]를 클릭해 줍니다.
우측에 사진이 축소되어 만들어진 것을 확인할 수 있고,
아래 화살표 모양 버튼을 눌러 저장을 해주시면
기존에 PNG였던 사진 파일이 ICO 사진 파일로 변환된 것을 확인하실 수 있습니다.
파비콘은 적용에 맞는 사양을 만들기 위해 파일변환작업을 거쳐야 하는데
파일변환이라는 것 자체가 생소하여 어렵다고만 생각했는데
어렵지 않았습니다.
아이콘은 더 더욱 등록하기 쉬웠고요^^
파비콘 등록 시 파일 용량 오류
파비콘에 맞는 IOS 파일로 변환하셨는데도 불구하고
용량이 1KB를 초과하여 등록이 되지 않는 경우가 있습니다.
저 또한 이 문제를 해결하기 위해서 1시간이 넘는 시간 동안 혼자서 싸워야 했어요 ㅜㅜ
해결 방법은 간단합니다.
저는 그림판으로 들어가서 크기를 조정하여 저장을 하면 용량이 줄어든다는 것을 알게 되었습니다.
저처럼 오랜 시간 고민하시지 마시고 크기를 줄여서 등록해 보세요^^
'블로그 > 티스토리 중급과정' 카테고리의 다른 글
| 티스토리 머리말 적용및 색상변경방법 (색상코드확인방법) (0) | 2019.08.19 |
|---|---|
| 티스토리 글쓰기 서식 만들기 (0) | 2019.08.09 |