웹사이트의 로고와 파비콘을 설정하는 방법을 알아봅니다. 사이트의 직관적인 브랜딩을 위해 적절한 이미지를 선택하고, 파비콘 생성 도구를 활용해 최적화된 파일을 업로드하는 과정을 설명합니다.
Part 5-10. 로고와 파비콘 세팅하기
Sunwoo Lim
웹사이트의 로고와 파비콘을 설정하는 방법을 알아봅니다. 사이트의 직관적인 브랜딩을 위해 적절한 이미지를 선택하고, 파비콘 생성 도구를 활용해 최적화된 파일을 업로드하는 과정을 설명합니다.
Chapters
00:00
로고 및 파비콘 설정
사이트의 로고와 파비콘을 설정하는 방법을 소개합니다.
00:15
사이트 설정 메뉴
00:28
사이트명 및 파비콘 설정
01:14
파비콘 및 OG 이미지 팁
02:40
파비콘 생성 도구 활용
Transcript
00:00
네 다음은 로고랑 파비콘 세팅을 해볼텐데 제가 지금 세팅한 사이트 하나를 예시를 가지고 해보겠습니다.
00:08
여기 Edit에서 사이트 세팅을 들어가시면 이런 화면이 보이실 겁니다.
00:14
여기서 General로 들어가셔서 여기 지금 사이트명이 이제 여기는 이렇게 설정을 했습니다.
00:21
이 사이트명이 좀 중요한게 어쨌든 가장 사이트를 직관적으로 설명을 해주는 이름이기 때문에 검색 단어를 좀 고려하셔가지고 쓰셔야 됩니다 저는 이거는 노션 AI 전문 강의 용으로 서브로 세팅한 사이트이기 때문에 이렇게 이름을 했고 그리고 밑에 밑에 이 파비콘 이거 보이시죠 요게 지금 이지아의 크루라는 이미지로 들어갔습니다.
00:51
그래서 여기 사이트를 들어가면 여기 왼쪽에 보이시죠?
00:55
이게 지금 이 파비콘이 들어간 게 보입니다.
00:59
그래서 조금 더 사실 이런 글자를 넣는 것보다는 예를 들면 로고 로고 이니셜 이니셜 명이라든지 혹은 이런 로고 이미지 같은 것들이 들어가는 게 훨씬 좋습니다 작은 공간에 텍스트를 어거지로 넣으면 이게 뭔지조차 모르거든요 그래서 이거는 사실 좋은 파비코는 아니다 라고 생각이 들고 이런 로고 심볼이 들어가는 게 훨씬 좋습니다 여기는 이제 오그 이미지인데 이것도 누군가 공유를 했을 때 이 사이트가 어떤 사이트인지 직관적으로 전달이 돼야 됩니다 그래서 요것도 사실 좋은 이미지는 아니죠 여기에다가 이 이 사이트가 어떤 사이트인지 슬로건이라도 들어가야 됩니다 사실 이렇게 이브다고 이렇게 넣는 거는 좋진 않다 그래서 이 이 사이트를 직관적으로 설명해주는 것들이 들어가야 된다 라는 거구요 이렇게 이렇게 이제 체인지를 해서 업로드를 하시면 반영이 되고 이것도 세이브 버튼 누른 다음에 퍼블리싱을 해야 반영이 됩니다 세팅 세팅 이제 어렵지 않죠 그리고 제가 하나 좀 알려드릴 건 이 파비콘은 이미지가 큰 이미지가 들어갈 필요가 없거든요.
02:08
그래서 제가 노션 공유된 페이지에 여기 밑에 보면은 파비콘 생선 사이트를 링크를 넣어 놨습니다.
02:17
그래서 여기 접속을 하시면 만약에 우리 회사 이미지가 있다 그러면 그 이미지를 여기 넣고 Create Fabricon을 하면 그 엄청 작은 버전의 16x16 이라던지 32x32 이렇게 작은 사이즈의 Fabricon을 생성을 해줍니다.
02:32
그거를 넣으시면 됩니다.
02:35
파일 선택 하셔가지고 예를 들면 뭐 이런 로고를 넣었다고 했을 때 크레이트 파비콘을 선택을 선택을 하면 이렇게 이렇게 이 사이즈별로 파일을 만들어 주고요.