상세 컨텐츠

본문 제목

112024 til

TIL

by 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 다운 받은 파일 을 넣어준다 

 

파이콘 이렇게 보임 .

 

 

 

 

아직 반응형은 못해서 반응형도 시도해볼 예정이다 .

 

 

'TIL' 카테고리의 다른 글

112124 til 트위터 클론 코딩 배포  (0) 2024.11.21
111924 til  (0) 2024.11.19
111824 til 배포  (1) 2024.11.18
111524 til  (0) 2024.11.15
111424 til  (0) 2024.11.14

관련글 더보기