티스토리 파비콘 이미지 제작 부터 png > ico 변환까지

티스토리 파비콘 이미지 제작 부터

png > ico 변환까지

파비스콘 :  웹사이트를 대표하는 작은 아이콘

▼ ▼ ▼ ▼

 

브라우저 탭, 즐겨찾기 등에 표시되어서

웹사이트를 쉽게 식별하고 브랜드 인지도를 높이는 역할을 해준다.

 

 

위에 보여지는 것 처럼

아주 작은 이미지이기 때문에 단순한 이미지 추천.

 

프로필 아이콘과 겸용으로 사용하는 경우가 많으니

이미지 크기는 가로세로 64px , png파일로 저장.

 

파비스콘 이미지 제작

직접 그리는 것도 좋고, Ai 이용해서 쉽게 제작 가능.

 

구글 Ai  [ Gemini ] 이용 방법

 

1. 크롬에서 점 9개 아이콘 Clik

2. 생성된 팝업 창에서 Gemini Click

 

처음 사용 하는 경우,

 

이렇게 'Gemini와 채팅하기' 클릭후

'Gemini 사용하기' 후 이용 가능

 

이곳에 원하는 내용을 넣어서 이미지를 생성

 

 

친구에게 말하 듯 편하게 적어주기.

 

기존 내용에 추가로 요청해서 새로운 이미지를 계속해서 얻을 수 있다.

 

최종으로 마음에 드는 이미지를 고르시고

[이미지를 다른 이름으로 저장]

 

포토샵, 그림판을 이용해서 이미지를 편집해도 되고.

아무것도 없는 경우 아래 주소에서 이미지 편집 가능.

https://www.photopea.com/

Photopea | Online Photo Editor

 

포토샵 처럼 편집이 가능한

무료 온라인 웹 사진 편집툴

 

Start using Photopea Click!

 

PNG > ICO 변환

https://www.freeconvert.com/ko/png-to-ico

ICO PNG 으로 변환기 - FreeConvert.com

 

1.파일 선택 - 장치에서 ( 이전 작업에서 저장한 이미지.png 파일 선택)

2. 고급설정 (톱니바퀴)  Click

3. 형식 및 크기 32x32 선택

4. 다운로드 Click

 

파비스콘 등록

1. 프로필 Click

2. 파비콘 등록하려는 블로그 톱니바퀴 Click

3. 블로그관리 홈 왼쪽 메뉴 하단에  '관리-블로그' Click

 

[블로그 설정] 창 하단에 '파비콘' 파일형식 ICO 등록

 

아이콘에는 64px png 파일, 파비콘에는 32px ico 파일 불러오기 후 저장

 

 

변경사항 저장 후 블로그로 돌아오면

이렇게 적용된 모습이 확인 된다.