티스토리 블로그 배경 투명한 파비콘 등록방법 (png ico 변환 필요없다)

티스토리 블로그에 배경 투명한 파비콘 등록하는 방법 말씀드립니다. 그동안 이 작업을 하려면 먼저 배경을 날린 png를 만들고 ico 변환해주는 사이트를 찾아서 바꾸는 작업을 했었는데요. 그럴 필요가 없습니다.

클릭도 필요없이 알아서 바로 배경 날려주는 툴과, 그렇게 해서 만든 PNG 이미지를 곧바로 업로드하기만 하면 끝입니다. 시간 아깝게 어디 뭐 무슨 포토샵을 열어서 배경을 날리는 방법 이런거 찾아보지 마시고요. 정말 30초면 할 수 있으니 보시고 따라하시기 바랍니다.

티스토리 블로그 배경 투명한 파비콘 적용방법

1. 무료 아이콘 다운로드 사이트에서 원하는 모양을 골라 하나 받아줍니다.

2. 어도비 배경제거 툴에 이미지를 올리면 곧바로 배경을 제거해줍니다. 로그인을 하시고 PNG 파일을 다운 받으시면 됩니다.

티스토리 블로그 파비콘 업로드 화면

3. 티스토리 관리메뉴 > 블로그에서 아이콘, 파비콘 두개를 모두 이 같은 PNG 파일로 업로드합니다.

💡파비콘 업로드시에는 불러오기를 하면ICO 형태로만 가능하게 보이는데, 우하단 파일형식 부분을 모든파일 (*.*)로 바꿔주면 PNG 파일도 올릴수가 있습니다. 업로드 후 저장을 누릅니다.

티스토리 블로그 배경 투명한 파비콘 적용한 모습

4. 캐쉬가 남아서 변경사항이 안보일 수 있으니, 크롬 시크릿 창을 열어서 배경 투명한 파비콘이 적용된 것을 확인합니다.

보다 빠른 적용을 하고 싶으면 skin.html에 파비콘 이미지의 경로를 직접 지정해주는 명령어를 한 줄 넣으시면 됩니다. (네이버 검색 결과에서의 적용이 빨라짐)

<link rel="shortcut icon" href="https://tistory1.daumcdn.net/tistory/이미지주소">

이미지 주소는 방금 파비콘 업로드한 관리메뉴에서 이미지에 마우스 우클릭 > 이미지 주소 복사를 누르시고 붙여넣기를 하시면 url을 얻을 수 있습니다.

티스토리 블로그 하실 때 배경 투명한 파비콘 적용 쉽게 하는 방법에 대해 말씀드렸습니다.

0 0 투표
Article Rating

0 Comments
Most Voted
Newest Oldest
Inline Feedbacks
댓글 모두 보기