티스토리 뷰

design

파비콘(Favicon) 생성

CheeseChaos 2020. 11. 25. 13:59

1. Favicon Generator

260x260이상(최소 70x70)의 PNG, JPG, SVG 등 이미지를 업로드하면 파비콘을 만들 수 있다.

 

https://realfavicongenerator.net/

 

Favicon Generator for perfect icons on all browsers

The ultimate favicon generator. Design your icons platform per platform and make them look great everywhere. Including in Google results pages.

realfavicongenerator.net

 

옵션들을 선택하고 [Generate your Favicons and HTML code] 버튼을 누르면 

 

 

 

파비콘 이미지와 소스코드가 생성된다.

[Favicon package] 를 눌러 이미지를 다운하고 소스 코드를 복사해 적용하면 된다.

 

 

2. Favicon Checker

브라우저별로 파비콘이 적용되면 어떻게 보일지 미리 확인해 볼 수 있는 사이트

 

http://www.colinkeany.com/favicon-checker/

 

Favicon Checker

Compare your favicons on all major web browsers, including native dark and light modes.

www.colinkeany.com

 

'design' 카테고리의 다른 글

디자인에서 폰트 사용(Fonts in use)  (0) 2020.12.01
이미지 용량 줄이기(Image compression)  (0) 2020.11.30
뉴모피즘(Neumorphism) 디자인  (0) 2020.11.25
폰트 찾기  (1) 2020.11.24
독특한 컬러 추천 사이트  (0) 2020.11.23
댓글
최근에 올라온 글
최근에 달린 댓글
글 보관함