TIL
112024 til
wangmandoo1
2024. 11. 20. 16:26
favicon 넣기
favicon 이란 ?
favorites icon 의 줄임말 , 웹 브라우저 상 주소창 옆에 작게 표시 되는 아이콘 !
https://www.favicon-generator.org/
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/png" sizes="16x16" href="/public/favicon-16x16.png">
<title>TWEET</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
index.html 파일에서 meta 밑에 이런 식으로 넣는다 .
<link rel="icon" href="/파일 경로">
public 에
favion 다운 받은 파일 을 넣어준다
파이콘 이렇게 보임 .
아직 반응형은 못해서 반응형도 시도해볼 예정이다 .