파비콘, 3분이면 완성됩니다
- 공유 링크 만들기
- X
- 이메일
- 기타 앱
파비콘, 3분이면 완성됩니다
이미지 하나 또는 이모지 하나로 브라우저 탭부터 홈 화면 아이콘까지, 사이트에 필요한 모든 크기의 파비콘을 만드는 방법을 정리했습니다.
파비콘을 새로 만들려고 하면 크기를 몇 가지나 준비해야 하는지부터 헷갈립니다. 브라우저 탭용, 윈도우 바로가기용, 아이폰과 안드로이드 홈 화면용까지 요구하는 크기가 전부 다르기 때문입니다. 이 가이드는 그 과정을 세 단계로 줄인 사용법을 안내합니다.
사용법3단계로 끝납니다
이미지를 올리거나 이모지를 고르기
로고나 사진 이미지를 끌어다 놓거나, 자주 쓰는 이모지 중 하나를 고릅니다. 정사각형이 아니어도 가운데 기준으로 자동으로 맞춰집니다.
생성하기 버튼 누르기
16, 32, 48, 180, 192, 512픽셀까지 여섯 가지 크기가 한 번에 만들어지고, 각 크기가 어디에 쓰이는지도 함께 표시됩니다.
다운로드하고 코드 붙여넣기
필요한 크기를 각각 다운로드한 뒤, 함께 생성된 코드를 사이트의 <head> 태그 안에 붙여넣으면 적용이 끝납니다.
크기 가이드어디에 어떤 크기가 쓰이나요
브라우저 탭
탭과 즐겨찾기에 표시되는 기본 크기
윈도우 바로가기
바탕화면, 작업 표시줄용
아이폰 홈 화면
사파리 홈 화면 추가용
안드로이드, PWA
안드로이드 홈 화면, 웹앱용
자주 묻는 질문시작 전에 알아두면 좋은 것
블로그스팟에는 어떻게 적용하나요?
블로그스팟 관리 화면의 테마, HTML 편집으로 들어가서 <head> 태그를 찾은 뒤, 그 바로 아래에 생성된 코드를 붙여넣으면 됩니다. 이미지 파일은 블로그스팟의 이미지 업로드 기능이나 별도 이미지 호스팅에 올린 뒤, 코드의 파일 경로를 실제 업로드 주소로 바꿔주면 됩니다.
이미지 대신 텍스트나 로고를 쓰고 싶어요.
로고 이미지 파일을 그대로 업로드하면 됩니다. 텍스트 한두 글자로 만들고 싶다면, 원하는 글자를 정사각형 이미지로 미리 만들어서 올리는 방법을 추천합니다.
여러 번 다시 만들어도 되나요?
네, 횟수 제한이 없습니다. 마음에 드는 결과가 나올 때까지 이미지나 이모지를 바꿔가며 여러 번 시도해볼 수 있습니다.
본 가이드는 파비콘 생성기 도구의 사용법을 안내하는 참고용 콘텐츠입니다.
댓글
댓글 쓰기