png
-
favicon 추가는 어떻게? ico, png 확장자 차이HTML 2021. 6. 8. 13:27
브라우저 탭에 제목은 title 태그를 head태그안에 넣는 걸로 나타낼 수 있고 그 제목 옆에 작은 아이콘은 link 태그를 head태그안에 넣는 걸로 나타낼 수 있다. 내 포트폴리오를 점검해 보면서 이 부분을 항상 빠뜨려서 뭔지모를 허전함을 주었는데 ico png차이와 그에 따른 살짝 다른 표기법에 대해 찾아보면서 정리해 보았다. 1.표기법 ico파일은 png파일과 비교해보면 rel속성에 shortcut을 추가해주고 type속성은 image/png대신 image/x-icon으로 변경해준다. 2.차이점 이 파비콘은 브라우저 탭에 작은 아이콘뿐아니라 북마크, 바로가기 아이콘 등등 활용되는데 png의 경우 16픽셀 사이즈만 덜렁 올려놓게 되면 다른곳에 활용될때 저해상도라 깨져보일 수 있어서 아래와 같이 s..