본문 바로가기

일상이야기

쉽고 간단한 파비콘 (Favicon) 만들기

반응형

 

 

 

쉽고 간단하게 파비콘 (Favicon) 만들기

 

 

안녕하세요.

딸기향구름 🍓☁️  이예요.

 

오늘은 티스토리에 들어갈 파비콘을 만들어 봤어요.

 

파비콘 (Favicon) 이란

 

파비콘은 사이트 상단에 표시되는 대표 아이콘으로 즐겨찾기 (favorites)와 아이콘(icon)의 합성어예요.

1995년 인터넷 익스플로러 5에 처음 도입된 이래 현재까지도 계속 적용되고 있어요.

 

 

적용된 모습

 

 

파비콘을 사용하는 이유

 

파비콘이 중요한 이유는 파비콘을 통해 사용자에게 자신의 브랜드 로고를 좀 더 쉽게 인식시킬 수 있다는 점 때문이에요. 그리고 탭에서 사이트명이 가려질 경우 파비콘만으로도 쉽게 사이트를 식별할 수 있기 때문에, 사용자의 편리성을 위해서라도 파비콘은 넣어주시는 것이 좋아요.

 

 

파비콘 사이즈

 

파비콘 사이즈는 보통 16X16, 32X32(px)를 가장 많이 사용해요.

웹 브라우저나 모바일 디바이스에 따라 최적화 사이즈가 다르게 나오기도 하지만, 다 맞추기는 어려우니 많이 선호되는 사이즈로 만드시는 게 좋아요.

 

 

아래는 파비콘을 만드는데 유용한 사이트를 안내해 드리니 잘 활용하셔서 본인만의 아이텐티티를 가진 사이트로 만들어 보시기 바랍니다. :)

 

 

Png를 ICO 파일로 무료 변환해 주는 사이트 

 

https://www.hipdf.com/kr/png-to-ico

 

PNG를 ICO로 변환 - PNG에서 아이콘 생성하기 - HiPDF

PNG에서 빠르게 아이콘 파일을 생성합니다. 16x16에서 256x256까지 아이콘 사이즈 지정이 가능합니다. 설치 또는 가입이 필요하지 않습니다. PNG를 ICO로 온라인에서 무료로 일관 변환하십시오.

www.hipdf.com

 

 

파비콘 만들기

 

https://favicon.io/favicon-generator/

 

Favicon.io - The Ultimate Favicon Generator (Free)

With Favicon.io you can quickly generate a favicon for your website for free!

favicon.io

 

반응형