[Laravel] 파비콘(favicon:웹페이지 아이콘) 만들고 등록하기

▶ 세팅 환경

OS: Linux

Framework: Laravel 8

 

▶ 설정 방법

1. favicon 이미지를 만들어주는 사이트로 접속합니다.

https://www.favicon-generator.org/

Favicon & App Icon Generator

 

 

2. 파비콘 이미지를 만듭니다.

① 파비콘으로 제작할 이미지를 선택합니다.

② Generate icons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps: 사이즈별로 여러가지의 이미지를 제공합니다.

    Generate only 16x16 favicon.ico: 오직 파비콘 사이즈의 이미지만 제공합니다

③ 버튼을 클릭하여 이미지를 만듭니다.

* Generate icons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps 선택 시 종류

favicon ico 파일, 36x36 사이즈부터 310x310 사이즈까지의 png 파일로 다양한 크기의 이미지를 제공합니다.

 

 

3. "Download the generated favicon" 을 클릭하여 이미지를 다운로드합니다.

 

 

4. 위처럼 HTML 예시 코드를 활용해도 되지만, 만약 Laravel을 사용하고 있다면 우선 public 폴더 아래에 있는 favicon.ico 파일에 해당 이미지를 덮어씌웁니다.

[Laravel 프로젝트]/public/favicon.ico

* 만약 파비콘이 아니라 일반 이미지이더라도, 이후에 사용할 url() 명령어는 기본 대상 디렉토리가 public/ 아래여서 해당 폴더 아래에 image 폴더를 추가하든지 해서 이동시켜줍니다.

 

 

5. resource/views/index.blade.php 파일에 아래 코드를 추가합니다.

<link rel="icon" href="{{ url('/favicon.ico') }}">

 

 

6. 이후에 페이지를 새로고침 해보면 바뀐 걸 확인할 수 있습니다.

 

 

 

 

 

 

 

- 문의와 피드백은 언제나 환영입니다 ( •̀ .̫ •́ )✧ -