티스토리 아이콘 파비콘 변경 방법

티스토리를 사용하는 최대 장점 중 하나는 바로 커스터마이징일 것이다. 주인장 입맛대로 꾸밀 수 있다는 최대 장점이 더욱 티스토리를 사용할 수 밖에 없는 매력으로 다가온다. 이번 시간에는 티스토리의 기초 공사라 할 수 있는 아이콘 및 파비콘을 설명을 드리고, 어떻게 적용시키는지를 알아보겠다.


참고로 아이콘과 파비콘의 개념 설명과 적용 방법에 대한 내용일 뿐, 아이콘 만들기 부분은 그래픽 관련 콘텐츠 이므로 나중에 따로 글을 작성해 보려고 한다.



피가되고 살이되는 블로그, 친절한효자손 취미생활!

글, 사진 및 이미지 ▶ CopyLeft(C) 유길용

#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다#

#공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다#

#사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다#


티스토리 아이콘 파비콘 변경 방법


우선 아이콘 이라는 단어는 많이 들어봐서 잘 알 것이다. 스마트폰의 앱 디자인도 일종의 아이콘이며 가장 흔하게 사용되어지는 부분은 PC에서의 바로가기 아이콘이다. 티스토리에서 아이콘 부분은 댓글을 남길 때 프로필 사진으로 적용되어지는 부분이 있는데 바로 그곳에 적용시키는 방법이다.




바로 이 부분에 적용되어지는 것이 아이콘 부분이다.


파비콘은 브라우저의 상단 부분에 적용되어지는 부분이다. 보통 홈페이지 아이콘이라고도 불리운다. 글로 설명하기 어려우니, 아래의 참고 스샷을 보면 될 것 같다.



  


이 부분들에 적용되어지는 아이콘이 바로 파비콘 이다.




적용방법은 의외로 간단하다. 원하는 이미지를 우선 준비해둔다. 아무래도 아이콘 이미지에 적용되어질 부분이므로 기왕이면 정사각형 형태의 사이즈가 좋다. 설명에도 나와있듯, 아이콘이나 파비콘이나 똑같은 이미지여도 상관 없을 것 같다. 16x16 정도가 가장 이상적이다. 파일 형식은 jpg/gif/png 모두 지원한다.


아이콘에 쓸 이미지는 확장자가 저 셋 중 아무거나 상관이 없지만, 파비콘은 오로지 ico 확장자만 지원한다. 따라서 기존 아이콘 이미지를 ico 으로 변환을 해줘야 한다.




JPG > ICO : http://convertico.com/jpg-to-ico/

PNG > ICO : http://convertico.com/

GIF > ICO : https://www.coolutils.com/online/GIF-to-ICO#


위의 세가지 사이트가 바로 이미지를 ICO 형식으로 변환해주는 곳이다. JPG와 PNG는 같은 방식으로 변환하고자 하는 파일을 드래그해서 올려놓기만 하면 끝이다. GIF만 다른 방식인데, 먼저 파일을 찾고, 변환 파일 형식을 ICO으로 맞추고, 마지막으로 다운로드를 클릭하면 된다. 간단한 작업으로 원하는 ICO 이미지를 얻을 수 있다.


ICO 파일로 변경 후, 티스토리의 기본 정보로 다시 와서 아이콘과 파비콘에 각각 맞는 이미지를 넣어주기만 하면 끝이다. 무척 쉽다. 끝.


블로그관리 노하우 : 블로그 문체의 중요성

블로그 검색엔진 알고리즘 C-RANK 리브라 전혀 신경쓰지 말라

블로그를 하는 이유 : 당신은 블로거인가? 리뷰어인가?


"친절한효자손 취미생활" 을 검색!


저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로
  1. 몰랐는데 파비콘 수정하는게 있었네요.. 블로그 10년정도했는지 꼼꼼히 못본것 감사합니다. 저도 낼름만들어서 적용해야겟어요..
  2. 블로그를 시작한지 몇 일 되지 않았습니다. 모르는것도 많고, 궁금한것도 많아서 이곳저곳 돌아다니고 있고요.
    아이콘은 알겠는데, 파비콘이 뭔지 몰라 궁금해 하던 차에 우연히 알게 되었네요. 만들어서 적용했는데 아직 바뀌지 않은 것 같네요^^
    둘러보니 좋은 정보가 너무 많은거 같습니다. 자주 방문해서 공부해도 되죠?
    • 안녕하세요~! 네 얼마든지방문하셔서 도움 얻어가시기를 바랍니다^^

티스토리 툴바