favicon은 파워포인트로 마음에 들도록 만들었고 이미지로 저장을 이용하여 png 파일로 저장합니다.
파워포인트가 만들어준 이미지 파일은 정사각형이 아니어서 그림판으로 정사각형으로 이미지 사이즈를 조정합니다.
이렇게 해서 만든 내 사이트 로고 이미지 입니다.
favicon 만들 때 애용하는 https://favicon.io 사이트에서 무료로 만들고, 다운받은 이미지 파일들을 ftp로 워드프레스 www 폴더에 모두 업로드 합니다.
이미지 받을 때 함께 제공받은 <link> 설정을 <head> 영역에 추가해주면 마무리가 됩니다.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
이제 브라우저 타이틀 영역에 나만의 favicon이 표시됩니다.
답글 남기기