블로그나, 웹사이트 옆에 작게 보이는 아이콘이 바로 파비콘입니다.
내 블로그나 사이트 제목 옆에 계속 따라다니기 때문에 내 온라인 공간의 아이덴티티를 나타낸다고 할 수 있어요.
파피콘은 즐겨찾기탭에서 사이트를 구분하는 데 사용됩니다.
그래서 사이트의 로고나 대표적인 이미지를 사용해서 만드는 것이 일반적입니다.
하지만 많은 분들이 중요성을 잘 모르시는 것 같습니다.
오늘은 지난 시간에 아이디오그램AI을 활용하여 만든
대표이미지로 "파비콘 만들기"를 해보겠습니다.
파비콘이란?
① 파비콘(Favicon)은 웹사이트 또는 웹페이지를 대표하는 작은 아이콘입니다.
● 즐겨찾기 탭에 표시되거나 사용자가 웹페이지를 북마크 할 때 사용되며 웹사이트의 로고와 같은 역할을 합니다.
② 웹사이트를 방문했을 때, 파비콘을 통해 어느 사이트인지 쉽게 식별할 수 있습니다.
● 파비콘은 즐겨찾기 탭에 사용되기에 웹사이트를 다시 방문할 때 기억을 되살리는데 도움이 됩니다.
● 아래 이미지들이 파비콘의 예입니다. 우리가 아래 사이트들을 이용할 때 같이 많이 보던 이미지들이죠?
대표이미지 만들기
① 로고 만들기AI를 활용하여 대표이미지를 생성합니다.
● 지난 시간에 아이디오 그램AI를 활용하여 만든 이미지들 중에 내 블로그 혹은 사이트를 대표할만한 이미지를 선택합니다.
---->>> 아이디오그램 바로가기 클릭
② 대표 이미지 사이즈를 192X192 픽셀로 수정합니다.
※ 파비콘은 어떤 이미지로 해야 하나?
● 파비콘은 아주 작은 크기로 표시됩니다. 따라서 간결하고 선명한 이미지로 하는 것이 좋습니다.
● 또한 파비코은 여러 기기와 브라우저에서 표시되고 있습니다. 때문에 어느 페이지에도 눈에 띄는 이미지로 하는 것이 좋습니다.
● 파비콘은 웹사이트를 대표하는 이미지입니다. 때문에 웹사이트의 분위기와 잘 어울리는 이미지를 사용합니다.
파비콘 만들기
파비콘은 다양한 브라우저와 기기에서 사용되는 것이므로 한 가지 사이즈로 제작하는 것은 유용하지 않습니다.
따라서 다양한 사이즈를 한번에 제작해 주는 사이트에서 만들어보겠습니다.
해당 사이트에서는 별도의 그래픽 디자인 툴 없이도 1분 만에 바로 다양한 사이즈들의 파비콘을 만들어줍니다.
① 홈페이지에 접속합니다.
회원가입이나 로그인도 필요없고 바로 업로드하여 생성이 가능합니다.
② 파일선택을 클릭하여 이미지를 업로드합니다.
③ 파비콘 만들기를 클릭하여 생성합니다.
④ 아래 다운로드를 클릭하여 다운로드합니다.
⑤ 다운된 폴더에서 압출풀기를 하면 아래와 같이 나타납니다. 바로 사용가능합니다.
✅ 파비콘 적용하기
① 티스토리에 적용하기
● 티스토리에도 파비콘 적용이 가능합니다.
● 관리 > 블로그 > 파비콘 항목에 업로드를 해줍니다.
② 워드프레스에 적용하기
● 워드프레스에도 파비콘 적용이 가능합니다.
● Appearance > Customize > Site Identity > Favicon 항목에 업로드를 해줍니다.
③ 홈페이지에 적용하기
● 홈페이지의 HTML 파일을 열고, head 태그 영역에 다운로드 밑에 있는 코드를 추가합니다.
● 파비콘을 적용한 후에는 브라우저를 새 로고침하여 변경 사항을 확인합니다.
마무리하며
아이디오그램 AI로 만든 대표이미지로 파비콘 만들기까지 해 보았습니다.
파비콘은 사이트 아이덴티티를 나타내는 중요한 요소입니다.
분위기에 맞는 이미지를 AI로 생성하여서
파비콘 사이트를 이용하면 만들면 정말 쉽게 가능합니다.
온라인 공간은 이제 나를 상징하는 공간으로 꾸며가야합니다.
인공지능을 활용하여 이런 부분들을 잘 관리해서 경쟁력을 키워나가시길 바랍니다.
파비콘은 사람들이 생각하는 것보다 중요한 의미를 갖고 있습니다.
나의 온라인 공간을 각인시키기 위해서 강렬하고 눈에 띄는 이미지로
파비콘을 만들어보세요~
남들과 차별화된 공간으로 인식될 것입니다~
'인공지능' 카테고리의 다른 글
| 마인드맵ai 윔시컬로 생각정리하기 (0) | 2024.01.20 |
|---|---|
| 오토드로우(Auto Draw)로 쉽게 AI그림 그리기 (0) | 2024.01.19 |
| AI 감마앱으로 1분만에 무료 PPT 만들기 (0) | 2024.01.19 |
| 아이디오그램 ai로 로고 만들기 (0) | 2024.01.18 |
| AI로 그림 그리기 퀵드로우 (0) | 2024.01.18 |
