파비콘 만드는 사이트 정리
웹사이트를 운영하다 보면 작은 아이콘 하나도 생각보다 중요하게 느껴질 때가 있습니다.
파비콘은 브라우저 탭이나 북마크, 주소창 등에서 표시되는 작은 아이콘을 말합니다.
사이트를 구분해 주는 역할을 하기 때문에 블로그나 홈페이지를 만들 때 함께 준비해 두시면 좋습니다.
파비콘은 보통 16x16 크기로 많이 알려져 있지만, 실제로는 32x32, 48x48, 64x64처럼 여러 크기로 사용될 수 있습니다.
요즘은 PC뿐만 아니라 모바일, 태블릿 등 다양한 환경에서 사이트가 열리기 때문에 상황에 맞는 아이콘 파일을 준비하는 것이 좋습니다.
이번 글에서는 준비된 이미지 파일을 파비콘 파일로 만들 수 있는 사이트를 알아보겠습니다.
파비콘이란 무엇인가요?
파비콘은 웹사이트를 대표하는 작은 아이콘입니다.
브라우저에서 여러 사이트를 동시에 열어두었을 때 탭 옆에 작은 이미지가 보이는 경우가 있습니다. 이 아이콘이 바로 파비콘입니다.
작은 이미지이지만 사이트를 구분하는 데 도움이 되고, 북마크에 저장했을 때도 사이트를 조금 더 쉽게 알아볼 수 있습니다.
특히 블로그나 개인 사이트를 운영하는 경우 기본 아이콘을 그대로 두는 것보다 직접 만든 파비콘을 넣어두면 사이트가 조금 더 정돈되어 보입니다.
복잡한 디자인이 아니더라도 사이트 이름의 첫 글자나 로고 이미지를 활용하면 충분히 만들 수 있습니다.
1. favicon.io
첫 번째로 알아볼 사이트는 favicon.io입니다.
이 사이트는 파비콘을 간단하게 만들 수 있는 사이트로, 이미지 파일을 이용하거나 텍스트, 이모지 등을 활용해서 파비콘을 만들 수 있습니다.
이미 만들어둔 로고 이미지나 png 파일이 있다면 이미지 변환 기능을 사용하시면 됩니다.
이미지 파일을 파비콘으로 바꾸려면 PNG to Favicon Converter 페이지로 들어갑니다.
그다음 준비한 이미지 파일을 업로드하면 ico 형식의 파비콘 파일을 만들 수 있습니다.
favicon.io의 변환 도구는 PNG, JPG, BMP 파일 업로드를 안내하고 있으며, 결과물로 ICO 파일을 만들 수 있습니다.
방법은 어렵지가 않습니다. 사이트에 들어간 뒤 이미지 파일을 올리고 변환된 파일을 다운로드하면 됩니다.
블로그나 사이트에 사용할 간단한 파비콘을 빠르게 만들고 싶을 때 사용하기 좋습니다.
2. Favicon & App Icon Generator
두 번째로 알아볼 사이트는 favicon-generator입니다.
이 사이트는 준비된 이미지 파일을 업로드해서 favicon.ico 파일과 앱 아이콘용 이미지를 만들 수 있는 사이트입니다.
PNG, JPG, GIF 파일을 ICO 형식으로 변환할 수 있다고 안내되어 있습니다.
사이트에 들어가면 이미지 파일을 선택하는 항목이 있습니다.
준비한 이미지 파일을 선택한 뒤 필요한 옵션을 확인하고, Create Favicon 버튼을 누르면 파비콘 파일이 생성됩니다.
생성이 끝나면 Download the generated favicon 항목을 통해 압축 파일을 받을 수 있습니다.
압축 파일을 열어보면 다양한 크기의 이미지 파일과 ico 형식의 파비콘 파일이 함께 들어 있는 것을 확인할 수 있습니다.
웹사이트뿐만 아니라 앱 아이콘용 이미지까지 같이 준비하고 싶다면 이 사이트를 활용해 볼 수 있습니다.
3. ConvertICO
세 번째로 알아볼 사이트는 convertico.com입니다.
ConvertICO는 PNG 이미지를 ICO 파일로 변환할 수 있는 온라인 아이콘 변환 사이트입니다.
사이트 설명에 따르면 회원가입 없이 이미지를 드래그하거나 직접 선택해서 변환할 수 있습니다.
사용 방법은 간단합니다. 사이트에 들어간 뒤 준비한 png 파일을 업로드합니다.
그다음 원하는 아이콘 크기를 선택하고 변환을 진행하면 됩니다.
변환이 끝나면 다운로드 버튼을 통해 ico 파일을 받을 수 있습니다.
ConvertICO는 여러 개의 PNG 파일을 한 번에 올릴 수 있는 기능도 안내하고 있습니다.
단순히 한 개의 파비콘만 만드는 경우에도 사용할 수 있고, 여러 아이콘 파일을 정리해서 변환해야 할 때도 활용할 수 있습니다.
어떤 사이트를 쓰면 좋을까요?
간단하게 파비콘을 만들고 싶다면 favicon.io를 먼저 사용해 보시면 됩니다.
텍스트나 이모지 기반으로도 파비콘을 만들 수 있어서 별도의 로고 이미지가 없을 때도 활용하기 쉽습니다.
이미 준비된 로고 이미지가 있고, 여러 크기의 아이콘 파일을 함께 받고 싶다면 Favicon & App Icon Generator도 괜찮습니다.
웹사이트용 파비콘뿐만 아니라 앱 아이콘용 파일까지 같이 생성할 수 있기 때문입니다.
PNG 파일을 ICO 파일로 단순 변환하는 목적이라면 ConvertICO도 충분히 사용할 수 있습니다.
원하는 크기를 골라서 변환할 수 있으므로 필요한 아이콘 크기가 정해져 있을 때 편합니다.
파비콘 만들 때 알아둘 점
파비콘은 크기가 작기 때문에 너무 복잡한 이미지를 사용하면 잘 보이지 않을 수 있습니다.
글자가 많이 들어간 이미지보다는 단순한 로고, 한 글자, 상징적인 아이콘을 사용하는 것이 좋습니다.
배경이 투명한 png 파일을 준비하면 여러 화면에서 조금 더 깔끔하게 보일 수 있습니다.
또한 파비콘을 만든 뒤에는 실제 사이트에 적용해서 브라우저 탭에서 어떻게 보이는지 확인해 보는 것이 좋습니다.
작은 크기에서는 이미지가 뭉개져 보일 수 있으므로 적용 후 한 번 더 확인하면 좋습니다.
파비콘은 사이트를 대표하는 작은 이미지입니다.
크기는 작지만 방문자가 사이트를 기억하는 데 도움이 될 수 있으므로 블로그나 홈페이지를 운영한다면 미리 만들어두시면 좋겠습니다.