티스토리 아이콘, 파비콘 설정방법
개요
빙이미지크리에이터로 나만의 사진 및 로고 생성
이미지 사이즈 변경을 통한 아이콘 생성
이미지로 파비콘 포맷 변경하여 생성
티스토리에서 아이콘과 파비콘은 다음과 같습니다.
아이콘
- 티스토리 블로그 우측 상단에 위치한 작은 아이콘으로, 블로그의 대표 이미지 역할을 합니다.
- ico 또는 png 확장자의 이미지 파일을 사용할 수 있습니다.
- 아이콘은 파비콘보다 크기가 크며, 일반적으로 64x64 이상의 크기를 사용합니다.
- 아이콘은 블로그나 웹사이트의 상단이나 하단에 위치합니다.
파비콘
- 즐겨찾기 아이콘의 줄임말로, 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘입니다.
- ico 확장자의 이미지 파일을 사용할 수 있습니다.
- 파비콘은 16x16 또는 32x32 크기의 ico 확장자 이미지 파일을 사용합니다.
- 파비콘은 인터넷 웹 브라우저의 주소창에 표시됩니다.
일반적으로 아이콘과 파비콘은 자신만의 브랜드를 운영할 때 많이 사용되는 방식입니다. 아이콘과 파비콘이 같을 수 도 있고, 다를 수도 있습니다.
파비콘과 아이콘은 웹사이트나 블로그의 개성을 표현하고, 방문자들에게 쉽게 인식될 수 있도록 도와줍니다. 따라서 파비콘과 아이콘을 잘 디자인하고 설정하는 것이 중요합니다.
플러그인 세팅
티스토리 - 플러그인에서 홈페이지 아이콘 표시, 블로그 아이콘 표시 사용중으로 표시하기를 선택합니다.
빙 이미지크리에이터를 이용해 나만의 사진/로고 만들기
빙 이미지크리에이터에 접속하여 프롬프트에 자신이 원하는 그림과 로고에 대해 만들어달라고 요청한뒤 다운받아 사용하는 방법 입니다.
빙 이미지크리에이터는 무료로 사용할 수 있으며, 다양한 디자인 요소와 템플릿을 제공하여 쉽게 로고를 만들 수 있습니다.
로고를 만든 후에는 웹사이트나 앱에 적용하여 사용할 수 있습니다. 로고를 적용할 때는 적절한 크기와 위치를 고려해야 합니다.
자신이 원하는 그림과 로고가 보이지 않을 때에는 프롬프트에 잘 만들어진 샘플을 참고하여 텍스트를 바꿔주어가며 작업하면 쉽게 만들 수 있습니다.
아이콘 및 파비콘 제작
일반적으로 티스토리 아이콘과 파비콘을 만드는 방법은 다음과 같습니다.
제작 프로그램 이용하기 : 아이콘/파비콘 제작 프로그램을 이용하여 원하는 아이콘/파비콘을 만들 수 있습니다. 대표적인 아이콘 제작 프로그램으로는 Adobe Illustrator, Inkscape 등이 있습니다.
무료 제공 사이트 이용하기 : 아이콘/파비콘 무료 제공 사이트를 이용하여 원하는 아이콘/파비콘 을 다운로드할 수 있습니다. 대표적인 아이콘 무료 제공 사이트로는 Flaticon, Icons8 등이 있습니다.
사진 편집 프로그램 이용하기 : 사진 편집 프로그램을 이용하여 원하는 사진을 아이콘/파비콘 으로 만들 수 있습니다. 대표적인 사진 편집 프로그램으로는 Adobe Photoshop, GIMP 등이 있습니다.
저장한 이미지 파일을 티스토리 블로그 관리자 페이지에서 업로드하여 아이콘을 설정할 수 있습니다.
티스토리 블로그 관리자 페이지에서 '꾸미기' 메뉴를 클릭한 후, '아이콘' 탭에서 아이콘 이미지를 업로드하고 크기와 위치를 설정합니다.
아이콘의 최적 사이즈는 32x32, 64x64 픽셀이며, 파일형식 JPG, PNG입니다.
아이콘 이미지를 업로드할 때는 ico 확장자의 이미지 파일을 사용하는 것이 좋습니다. ico 확장자의 이미지 파일은 다양한 크기의 이미지를 포함하고 있어서, 웹 브라우저에서 자동으로 적절한 크기의 이미지를 보여줍니다.
웹사이트에서 쉽게 아이콘/파비콘 만들기
자신의 사진과 로고가 있다면 아이콘과 파비콘은 각각의 포맷으로 만들어주어야 합니다.
저는 위에서 빙 이미지크리에이터를 통해 만들어둔 이미지로 사이즈를 변경하였습니다. 만들어진 그림으로 ico 포맷으로 만들어 사용하였습니다.
그리고 만들어진 파일을 티스토리 - 관리 - 블로그 항목에 파일만 넣어주시면 어렵지 않게 됩니다.
출처
아이콘 만들기 - 이미지 사이즈 줄이기
https://www.iloveimg.com/ko/compress-image
최상의 해상도로 쉽고 신속하게 이미지를 압축하세요
여러 JPG, PNG, GIF 이미지 선택 후, 신속하게 무료로 압축하세요! 단 몇 번의 클릭으로 쉽게 압축할 수 있습니다!
www.iloveimg.com
파비콘 만들기 - ico 포맷 변환
https://wizlogo.com/ko/favicon-generator
무료 Favicon 생성기, 이미지 변환-Wizlogo
무료로 몇 초 안에 귀하의 웹 사이트에 대한 즐겨 찾기 아이콘을 생성하십시오. 이미지 파일 (GIF, JPG 및 PNG)을 업로드하고 즐겨 찾기 아이콘 (ICO) 또는 앱 아이콘으로 변환하십시오.
wizlogo.com
'블로그 > 팁' 카테고리의 다른 글
| HTTP와 HTTPS 차이점 (0) | 2023.11.20 |
|---|---|
| 미리캔버스와 디자인허브 (0) | 2023.11.19 |
| 디지털노마드와 직장인부업 10가지 (0) | 2023.11.18 |
| 티스토리 구글트렌드 사이드바 설치 (0) | 2023.11.18 |
| ChatGPT, BARD, CLOBA X 인공지능 비교 (0) | 2023.11.17 |