728x90
반응형
728x90
반응형
파비콘 아이콘 생성하는 법
1. 아이패드를 사용해서 우선 원하는 아이콘을 그려주고, 배경 없는 png 파일로 저장한다.
2. 그리고 ico 파일로 변환하기 위해 아래의 웹 사이트를 사용한다.
Favicon & App Icon Generator
Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.
www.favicon-generator.org
3. 파일을 선택하고, Create Favicon을 클릭한다.
- Generate icons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps: 일반 웹사이트, 안드로이드, 애플에서 적용되는 아이콘을 만들 때 사용
- Generate only 16x16 favicon.ico: 브라우저 파비콘 ico만 만들 때 사용
- Maintain Image Dimensions (don't resize to be square): 업로드한 이미지 사이즈 그대로 사용할건지
- Include your favicon.ico in the public gallery: 만든 파비콘을 해당 사이트의 갤러리에 게시할건지
4. Download the generated favicon을 클릭하면 이미지가 압축 파일로 저장된다. 압축을 해제한 뒤 사용하면 된다.
5. 만들어진 파비콘을 사용하여 index.html에 작성해주면 나의 웹 사이트에 파비콘을 보여줄 수 있다!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./images/logo/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Interview Book</title>
</head>
<body>
<div id="root"></div>
</body>
</html>
참고자료
728x90
반응형
'etc' 카테고리의 다른 글
| 카카오 소셜 로그인(oAuth2.0) 과정 알아보기 (0) | 2023.03.23 |
|---|---|
| 시험 단골 문제 정규표현식 정리해보기! (0) | 2023.03.06 |
댓글