🦄 나만의 귀여운 favicon 만들기

---

나의 포트폴리오 사이트를 만들기에 앞서 나만의 로고를 만들고
그것으로 귀여운 파비콘도 만들어볼 것이다!

1. 이미지 png파일 준비하기

나는 아래의 'canva'라는 사이트에서 템플릿을 사용해서 로고를 만들었다.
칸바 사이트 링크
(pro라고 적힌 템플릿은 구매해야 사용가능한데 , 나는 무료체험하기로 사용함)

검색창에서 'logo'라고 검색한 후 마음에 드는 템플릿을 찾았다.
이것저것 엄청나게 만들었는데 최종 결과물은!!

이걸로 결정!!!
png 파일로 저장하기

2. 이미지 크롭

큰 사이즈로 해도 되긴 되던데 나는 일단 192X192로 사이즈를 자름.
이미지 크롭 사이트
simple mode 눌러서 간단하게 자르기만 했다.
요렇게 짠🐥

3. 이미지 파일 넣어주기

나는 vscode를 사용하여 작업하고자 한다.
imgs폴더 안에 해당 로고 png파일을 드래그 해서 넣어주었다.

4. head에 링크 정보 넣어주기

 <link rel="icon" type="image/png" href="imgs/mylogo.png" />

이렇게 type과 경로를 적어주면 끝

5. 내 favicon 완성작✨

세상에 너무 귀엽고 깜직하다 어머🙊
멀리서 보면 마치 평화의 상징 비둘기🕊 같고 아주 쏘큐트하다 캬캬

⭐️ 주의사항 ⭐️

내가 해당 글을 기록하고 싶었던 이유 중 하나이다.
처음에는 잘 되다가 이미지 사이즈 변경하고 다시 넣으니까 안되는 것이다.
그래서 꽤나 오랫동안 이런저런 오만떼만 방법을 시도해보았음에도 계속 안됐다.
정말 속이 터져나갔다. 잘못된 게 없는 것 같은데 안되니까,,

이런 경우에 체크해볼 것!!!
1. 캐시 삭제하기
2. 파일명 변경해보기

나는 2번의 방법으로 제대로 다시 나왔다.
그런데 다른 파일명으로 바꾸고 다시 이전 파일명으로 다시 바꾸니까 또 안됐음..ㅎㅎ 다시 안바꿀 것이다 흑,,
별것 아닌 것 같은데 내 속을 터지게 했으니까 내 벨로그에 기록해놔야지,,
아무튼 내 파비콘 너무 귀엽다 아주 귀여워 흑흑..