파비콘 아이콘

by

파비콘 아이콘을 만드는 방법

1. 먼저 아이패드를 이용하여 원하는 아이콘을 그린 후 배경이 없는 PNG 파일로 저장합니다.

2. 다음 웹사이트를 이용하여 ico 파일로 변환합니다.

Favicon 및 앱 아이콘 생성기

이미지(ICO로 PNG, ICO로 JPG, ICO로 GIF)를 업로드하고 Windows favicon(.ico) 및 앱 아이콘으로 변환합니다. 즐겨찾기에 대해 자세히 알아보세요.

www.favicon-generator.org

3. 파일을 선택하고 파비콘 만들기를 클릭합니다.


파비콘 아이콘 1

  • 웹, 안드로이드, 마이크로소프트, iOS 앱 아이콘 생성(아이폰, 아이패드) : 일반 웹사이트, 안드로이드, 애플 아이콘 생성에 사용
  • 16×16 favicon.ico만 생성: 브라우저 favicon ico만 생성하는 데 사용됩니다.
  • 이미지 크기 유지(정사각형 크기 조정 안 함): 업로드된 이미지 크기를 그대로 사용할지 여부
  • Put your favicon.ico in the public gallery: 생성된 파비콘을 웹사이트 갤러리에 게시할지 여부입니다.

4. 생성된 파비콘 다운로드를 클릭하여 이미지를 압축 파일로 저장합니다. 압축 해제 후 사용하시면 됩니다.


파비콘 아이콘 2

5. 생성된 파비콘을 사용하여 index.html에 작성하면 웹사이트에 파비콘을 표시할 수 있습니다!

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="http://1two13.m/./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>


파비콘 아이콘 3

참조