CSS/Javascript

귀여운 텍스트 로고 / 파비콘 만들기

0
Please log in or register to do it.

파비콘?
파비콘이란 웹사이트를 위한 작은 로고로 특히 PC 웹 탐색시에 확인하기 쉬운 작은 아이콘입니다.
특히 브라우저의 상단에서는 이런 파비콘으로 웹사이트 혹은 서비스를 찾기도 합니다. 네이버 등에서는 검색결과에서
조금 더 ‘눈에 띄는’ 장점이 있습니다.

텍스트로 빠르게 만들 수 있는 파비콘.

디자인등을 입히면 더 좋겠지만, 뭐 꼭 비싸고 돈들여서 디자인을 안해도 귀여운 로고, 파비콘 만드실 수 있습니다~!

파비콘 만들기 웹사이트

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

텍스트 / 컬러 / 폰트 조정으로 깔끔한 로고 / 파비콘 생성이 가능합니다.

각각 파라미터를 설명해드리자면

Text
– 파비콘에 들어갈 텍스트 (특수문자등 가능)

Background
파비콘을 원형으로 하실건지 등을 결정합니다.

Font Family
구글 폰트 기반으로 폰트를 선택할 수 있습니다.

Font Variant
폰트의 굵기를 설정할 수 있는데 보통 Normal이 사용하기가 좋습니다.

Font Size
폰트 크기입니다. 여기서는 90 ~ 110 사이가 좋은 것 같더라구요

이제 대망의 Font Color 와 Background Color를 지정해주어야 하는데……
디자인 알못에게 ‘컬러’라는 존재는 참…… 어렵습니다.

컬러 배색을 도와주는 웹사이트

https://palettable.io/

이런식으로 마음에 드는 컬러들을 골라서 배색을 결정할 수 있습니다.

좋아요만 선택하면 가장 마음에 드는 색깔 월드컵을 척척 진행할 수 있는게 엄청난 장점입니다.
전반적으로 5가지 색깔이 조화 로운지도 확인할 수 있죠.

파비콘에 써볼만한 특이한 특수문자?

𖠌ᵔᴥᵔ˙ꈊ˙·८·𐂂
ʕ¨̮ʔ

확실히 디자인을 하면 더 좋겠지만 크게 신경쓰지 않는 분들은 간단한 대소문자 및 한글로 재미있고 귀여운 파비콘을 만들 수 있을 것 같네요.
파비콘은 다운로드 받으면 각각 사이즈 별로 활용하실 수 있습니다. ico 혹은 png가 아닌 svg가 필요한 경우에는 간단한 온라인 변환기를 통해 변환하면 되니 어렵지 않게 파비콘을 만드실 수 있습니다.

스프레드시트로 인스타그램 크롤링하기
[코드_무료]파이썬으로 음성 알림만들기 feat.Naver Clova

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다