15 최고의 무료 Favicon 발전기

무료 Favicon 생성기


웹 사이트와 관련하여 방문자를 고객으로 전환하는 데 브랜딩 전략이 중요합니다. 작은 세부 사항도 간과해서는 안됩니다. 여기에는 파비콘 아이콘을 생성 할 필요가 있으며 무료 파비콘 생성기는이를 만드는 데 도움이됩니다..

Favicons는 브라우저 창의 탭에서 웹 사이트 제목 옆에 나타나는 작은 이미지 아이콘입니다..

데스크톱 앱 아이콘으로도 사용할 수 있기 때문에 즐겨 찾기 아이콘 ICO 파일 형식에 포함 할 수있는 크기가 최소한 몇 가지 필요합니다. 대부분의 경우 PNG 파일을 즐겨 찾기 아이콘으로 설정할 수도 있습니다.

Favicons는 사용자가 탭에서 한 번에 여러 웹 사이트의 정보를 지속적으로 찾고 있기 때문에 필수적입니다. Favicons는 사용자가보다 매력적인 사용자 경험을 위해 컨텐츠와 브랜드를 더 빨리 식별하도록 도와줍니다..

여기 15 개의 무료 파비콘 생성기 온라인 도구와 파비콘 아이콘을 생성하고 설치하는 방법에 대한 자세한 내용이 있습니다..

파헤쳐 보자.

온라인 Favicon Generator ICO 파일 모범 사례

파비콘 아이콘을 만들려면 첫 번째 단계는 요구 사항 및 모범 사례를 포함하여 아이콘에 대해 자세히 배우는 것입니다..

“favicon”이라는 용어는 “favorite icon”의 포트 맨토입니다. 이것들은 오늘날과 마찬가지로 브라우저 상단에 웹 사이트 제목과 함께 표시되는 아이콘이었습니다.

단, 사용자가 웹 사이트를 “즐겨 찾기”폴더에 추가 할 때 원래 표시되었습니다. 최신 브라우저는이 폴더를 북마크라고합니다..

파비콘 아이콘은 특정 크기 여야합니다. 그렇지 않으면 브라우저와 기기에서 사용하지 않습니다.

필요한 최소 크기는 다음과 같습니다.

  • 브라우저 용 16 × 16 픽셀
  • 데스크탑 작업 표시 줄을위한 32 × 32 픽셀
  • 데스크탑 앱 파비콘 아이콘 용 96 × 96 픽셀
  • iOS 및 Android 기기의 경우 180 × 180 픽셀

16 × 16px와 32 × 32px 중에서 선택할 수 있습니다. 브랜딩에 대해 너무 걱정하지 않으면 해당 이미지 크기 중 하나로 충분합니다..

자세한 내용은 파비콘 치트 시트.

파비콘 아이콘을 만들 때는 다음 모범 사례를 따르는 것이 좋습니다.

  • 작은 크기로 쉽게 볼 수 있도록 단순하고 지나치게 스타일이 지정되지 않아야합니다..
  • 색 구성표에 대해 하나 또는 두 개의 색을 선택하십시오. 기껏해야 세 가지 색상 이상.
  • Favicon 아이콘은 8 비트 또는 24 비트 색상이어야합니다..
  • 파비콘 아이콘 디자인에는 많은 줄이나 문자가 포함되어서는 안됩니다.
  • 투명한 배경을 가질 수는 있지만 Apple 기기에서는 배경을 허용하지 않습니다..
  • Favicon 아이콘은 기존 브랜드 및 로고와 일치해야합니다.

로고가 없으면 신속하게 로고 만들기

앞에서 언급했듯이 파비콘 아이콘을 브랜드와 현재 로고에 묶는 것이 좋습니다. 아직없는 경우 예를 들어 TailorBrand 로고 메이커.

AI의 도움으로 로고를 생성 할 수 있습니다. 글꼴을 포함하여 원하는 로고 스타일에 대한 몇 가지 간단하고 빠른 질문에 답한 후 무료 계정에 가입하면 여러 가지 고품질의 전문적이고 현대적인 로고가 생성됩니다..

TailorBrand 웹 사이트에서 생성 된 로고 예.
TailorBrand 로고 메이커로 만든 예제 로고 및 대체품.

원하는 로고를 찾으면 프리미엄 계정으로 업그레이드하여 다운로드 할 수 있습니다. 하지만 로고의 파비콘 아이콘 버전은 무료로 다운로드 할 수 있습니다..

다른 옵션도 확인하려면 15 개의 무료 온라인 로고 메이커를 나열했습니다.

최고의 무료 Favicon 발전기 : 온라인 도구

좀 더 단순한 파비콘 아이콘을 만들고 싶거나 이미지를 업로드하여 적절한 크기로 ICO 이미지 파일로 변환하려면 여기에 무료 파비콘 생성기가 몇 가지 있습니다..

몇 번의 클릭만으로 파비콘 아이콘을 만들 수있는 훌륭한 옵션이기 때문에 특별한 순서가 아닙니다. 이러한 온라인 옵션 중 하나를 사용하여 즐겨 찾기 아이콘을 만든 후에는 무료로 다운로드하여 사용할 수 있습니다.

1) Favicon.io

Favicon.io 무료 파비콘 생성기

이 무료 파비콘 생성기를 사용하면 텍스트, 이미지 또는 이모티콘에서 파비콘 아이콘을 만들 수 있습니다.

텍스트 기반 옵션을 사용하면 배경색 및 모양, 글꼴 모음 및 크기 및 글꼴 색을 선택할 수 있습니다. Favicon 생성기는 800 개 이상의 글꼴을 사용할 수있는 Google 글꼴을 사용합니다..

또는 파비콘 생성기를위한 파일을 업로드하여 적절한 크기로 변환하도록 선택할 수 있습니다. 또는 거대한 옵션 목록에서 이모티콘 파비콘 아이콘을 다운로드 할 수 있습니다.

생성 된 파비콘은 모든 브라우저와 여러 플랫폼에서 작동합니다.

2) Favicon-Generator.org

즐겨 찾기 아이콘을 만드는 Favicon Generator 웹 사이트.

이 무료 파비콘 생성기는 이미지 파일을 업로드하고 웹 브라우저의 경우 표준 16 × 16 px 크기 또는 Android, Microsoft 및 iOS에 적합한 더 큰 크기 중에서 선택할 수있는 옵션을 제공합니다..

현재 이미지 크기를 정사각형으로 조정하는 대신 크기를 유지하는 옵션이 있습니다. 이 옵션을 선택하거나 선택하지 않으면 favicon의 최종 결과가 왜곡 될 수 있습니다..

따라서 이미지가 이미 정사각형에 가깝도록하는 것이 가장 좋습니다..

삼) 리얼 파비콘 생성기

파비콘 아이콘을 생성하는 Real Favicon Generator 웹 사이트.

이 무료 파비콘 생성기는 브라우저 시뮬레이터 미리보기 섹션을 포함하는 목록 중 몇 안되는 것 중 하나이므로 크기와 변환이 완료되면 파비콘 아이콘이 어떻게 보이는지 확인할 수 있습니다..

또한 모든 브라우저, 플랫폼 및 대부분의 기술에 대한 크기를 얻을 수 있습니다.

그러나이 파비콘 생성기는 파비콘 아이콘으로 변환 할 이미지를 선택하는 옵션 만 있습니다..

4) Favicon.cc

Favicon.cc 웹 사이트

이 무료 파비콘 생성기를 사용하면 이미지를 업로드하여 파비콘을 만들거나 마우스로 그림을 그려 자신 만의 파비콘 아이콘을 만들 수 있습니다.

색상 선택기와 함께 사용하려는 색상을 선택하고 파비콘 아이콘의 투명도를 전환 할 수 있습니다.

애니메이션으로 파비콘 아이콘을 만드는 옵션도 있습니다. 또한 루프에 애니메이션 배치, 프레임 편집 및 삭제와 같은 설정을 사용할 수 있습니다..

이 파비콘 생성기에는 미리보기 모드도있어 준비가되면 파비콘이 어떻게 보이는지 확인할 수 있습니다.

5) FaviconGenerator.com

무료 파비콘 생성기 옵션.

이것은 이미지를 업로드 한 다음 원하는 크기를 선택할 수있는 간단한 무료 파비콘 생성기입니다. 매우 기본적이지만 설정 및 옵션을 사용하지 않고 파비콘 아이콘을 빠르게 만들고 싶을 때 유용한 옵션.

이 생성기를 사용하면 Apple touch 장치에서 작동하는 망막 파비콘을 만들 수도 있습니다. 약간의 추가 작업이 필요하지만 모든 지침은 웹 페이지에 자세히 나와 있습니다..

6) 공압

무료 파비콘 생성기 인 Favicomatic 웹 사이트.

Favic-o-Matic은 ICO 및 PNG (또한 투명한 것)의 즐겨 찾기 아이콘을 생성합니다..

이 무료 파비콘 생성기로 이미지를 업로드 한 다음 16 × 16 및 32 × 32 픽셀 ICO 파일을 다운로드할지 또는 모든 장치와 호환되는 다른 크기를 포함할지 여부를 선택할 수 있습니다.

배경색 편집 및 일부 고급 호환성 옵션과 같은 고급 설정도 있습니다..

7) 이오 노스 파비콘 제너레이터

Sonos 무료 파비콘 생성기 웹 사이트

Ionos Favicon Generator를 사용하면 파비콘 아이콘을 그리거나 이니셜을 사용하거나 파비콘을 만드는 데 사용할 이미지를 업로드 할 수 있습니다.

그 결과 모든 브라우저와 장치에서 작동하는 즐겨 찾기 아이콘이됩니다. 또한 즐겨 찾기 아이콘이 실제로 어떻게 생겼는지 빠르게 볼 수있는 멋진 미리보기 영역이 있습니다..

8) 웹 사이트 Planet Favicon Generator

favicon을 만들기위한 Website Planet 웹 사이트의 무료 favicon 생성기.

이 무료 파비콘 생성기는 이미지 (JPG, PNG 또는 GIF)를 업로드하거나 사전 제작 된 파비콘의 무료 갤러리에서 선택할 수있는 옵션을 제공합니다..

비즈니스 용 파비콘 아이콘을 만들려는 경우 로고 또는 이와 비슷한 파비콘을 만들고 싶을 수 있습니다. 이렇게하면 더 기억에 남는보다 응집력있는 모양을 제공합니다.

따라서 미리 만들어진 이미지 중 하나를 선택하면 적합하지 않을 수 있습니다. 특히 다른 사이트에서 선택한 것과 동일한 이미지를 사용할 수 있기 때문입니다..

9) RedKetchup Favicon 생성기

Red Ketchup Favicon Generator 웹 사이트

이 생성기에는 이미지를 업로드하거나 텍스트로 이미지를 생성하는 옵션이 있습니다.

텍스트가 포함 된 파비콘 아이콘을 만드는 경우 글꼴 모음, 글꼴 크기, 배경색, 텍스트 색 변경을 포함하여 많은 설정이 있으며 사각형과 원 사이의 경계를 전환 할 수 있도록 배율을 조정할 수 있습니다. 따라서 다양한 진원도의 둥근 모서리를 갖도록 테두리의 크기를 조정할 수 있습니다..

장치 간 호환성을위한 추가 옵션도 있습니다.

10) 젠 파비콘

Genfavicon 웹 사이트의 무료 파비콘 생성기로 파비콘 아이콘을 생성하십시오.

이 무료 파비콘 생성기는 이미지를 업로드 할 때 파비콘을 사용하여 파비콘으로 만들 수있는 옵션이 있기 때문에 고유합니다..

새로운 브라우저 아이콘이 사용자의 브라우저에서 생생하게 보이는지 확인할 수있는 미리보기 창이 있습니다..

16 × 16, 32 × 32, 48 × 48, 64 × 64 및 128 × 128 픽셀 사이징 옵션 중에서 선택할 수 있습니다..

11) FavIcon.pro

Favicon.pro 웹 사이트의 무료 파비콘 생성기로 파비콘 아이콘을 생성하십시오.

무료 파비콘 생성기에 관한 또 다른 빠른 옵션이 있습니다. 파비콘을 만들기 위해 이미지를 업로드 할 때 사용하려는 이미지 크기 (16 × 16, 32 × 32, 48 × 48, 64 × 64 및 128 × 128 픽셀)를 선택할 수 있습니다.

FavIcon을 사용하면 JPG, GIF, PNG를 ICO 파일 형식으로 변환하고이를 사용하여 앱 아이콘, 바탕 화면 아이콘 및 즐겨 찾기 아이콘을 웹 사이트로 변환 할 수 있습니다.

12) 파비콘

Faviconr의 무료 파비콘 생성기를 사용하여 파비콘 아이콘을 만들 수 있습니다.

Faviconr는 무료 파비콘 생성기를위한 또 다른 간단하고 빠른 옵션입니다.

JPG, PNG 또는 GIF 파일을 업로드하고 투명한 배경을 원하는지 여부를 선택하십시오 (소스 파일이 투명한 PNG 또는 GIF 파일 인 경우에만 투명 파비콘을 만들 수 있습니다). 버튼을 클릭하고 파일을 저장하면 완료됩니다.

13) ICO 전환

IcoConvert 웹 사이트

이 무료 파비콘 생성기는 파비콘을 만드는 데 사용할 이미지를 업로드 한 후 자르고 스타일을 지정할 수 있기 때문에 매우 독특합니다..

정사각형, 하트 모양, 중심을 벗어난 사각형, 원, 기울어 진 하트 모양 또는 사각형, 흰색 테두리를 선택하는 옵션을 포함하여 테두리를 다른 형태로 형성하는 옵션이 있습니다..

16 × 16, 24 × 24, 32 × 32, 48 × 48, 64 × 64, 96 × 96, 128 × 128, 192 × 192를 포함한 여러 크기 옵션이있는 즐겨 찾기 아이콘을 ICO 또는 PNG 파일로 다운로드 할 수도 있습니다. , 256 × 256 픽셀. Windows 7, 8, Vista 및 XP 컴퓨터 용 파비콘 아이콘을 생성하는 옵션도 있습니다.

이 무료 파비콘 생성기는 파일을 PNG에서 SVG로 압축 및 변환하는 옵션도 포함합니다.

14) Wizlogo Favicon 발전기

파비콘 아이콘을 생성하는 Wizlogo 무료 파비콘 생성기

Wizlogo는 무료 파비콘 생성기를위한 또 다른 간단한 옵션입니다. 업로드 할 이미지를 선택한 다음 32 × 32 ICO 파일 또는 웹, iOS, Windows 및 Android 용 즐겨 찾기 아이콘을 선택하기 만하면됩니다. 그리고 끝났어.

Wizlogo는 무료 로고 메이커로도 사용할 수 있습니다.

15) 파 비코

Favico 웹 사이트

FavICO는 무료 파비콘 생성기의 기본 옵션 중 하나입니다. 파비콘을 만드는 데 사용할 이미지를 업로드하십시오. 그런 다음 16×16 또는 32×32 픽셀 크기 중에서 선택하고 만들기를 누릅니다. 그리고 그게 다야.

Favicon 아이콘을 설치하는 방법

무료 파비콘 생성기 중 하나를 사용하여 파비콘 아이콘을 만든 후에는이를 설치하여 웹 사이트에 표시 할 수 있습니다.

일반 또는 비 WordPress 사이트의 경우 먼저 파비콘 아이콘을 서버의 루트에 업로드하십시오..

그런 다음 index.html 파일의 태그, 아래의 공식 코드를 사용하십시오 W3C에서:

...


...

즐겨 찾기 아이콘에 대한 실제 링크로“https://example.com/myicon.png”를 변경하십시오..

또한 favicon에 사용중인 이미지 파일 유형을 반영하도록“image / png”를 변경하십시오..

즐겨 찾기 아이콘을 만들 때 호환되는 “image / png”를 대체 할 이미지 유형은 다음과 같습니다.

  • PNG 이미지 파일 – 이미지 / png
  • GIF 이미지 파일 – 이미지 / gif
  • ICO 이미지 파일 – 이미지 / x- 아이콘
  • SVG 이미지 파일 – 이미지 / svg + xml

파일을 저장하는 것을 잊지 마십시오.

대부분의 경우 위에 나열된 무료 파비콘 생성기는 애니메이션 또는 호환성과 같이 선택한 설정에 따라 필요한 코드를 생성합니다. 이 코드가 작동하지 않으면 웹 사이트에서 즐겨 찾기 아이콘을 만드는 데 사용한 즐겨 찾기 아이콘 생성기를 참조 할 수 있습니다..

WordPress에서 Favicon 아이콘 자동 설치

WordPress 사이트의 경우 위에 나열된 무료 파비콘 생성기 중 하나를 사용하지 않고도 파비콘 아이콘을 만들 수 있습니다.

너비가 최소 512 픽셀 인 경우 원하는 이미지를 사용할 수 있습니다..

자동으로 설치하려면 자체 호스팅 WordPress 사이트에 로그인하고 관리 대시 보드에서 모양> 사용자 화.

커 스터 마이저가로드 된 후 사이트 정체성 왼쪽 메뉴에서 그런 다음 아래 사이트 아이콘, 딸깍 하는 소리 이미지 선택.

워드 프레스의 커 스터 마이저
WordPress에서 즐겨 찾기 아이콘을 자동으로 만들 수 있습니다.

팝업 창에서 파일 올리기 탭을 켠 다음 파일 선택. 컴퓨터에서 원하는 이미지를 선택하십시오.

딸깍 하는 소리 고르다, 필요한 경우 이미지를 자르고 클릭하십시오. 이미지 자르기. 또는 이미지를 그대로두고 클릭 할 수 있습니다 자르기 건너 뛰기.

그런 다음 게시 커 스터 마이저의 버튼.

WordPress 사이트 용 Favicon 수동 설치

WordPress 용 ICO 파일 인 즐겨 찾기 아이콘을 수동으로 설치하려면 먼저 즐겨 찾기 아이콘을 웹 사이트의 루트와 현재 테마의 루트에 업로드하십시오.

파일 이름이 “favicon.ico”인지 확인하십시오. 그렇지 않으면 즐겨 찾기 아이콘이 표시되지 않습니다.

이것은 트릭을 수행해야하지만 일부 구형 브라우저는 파비콘을 인식하지 못할 수 있으므로 호환성을 보장하기 위해 취할 수있는 추가 단계가 있습니다..

SFTP 또는 호스팅 제공 업체의 제어판을 통해 header.php 파일을 찾으십시오..

그것을 열고 아래 예제와 유사한 코드 줄을 검색하십시오.

...

...

그때, 아래 코드로 바꾸십시오. 또는없는 경우 추가하십시오.

...

...

파일을 저장하면 완료.

마무리

파비콘 아이콘처럼 작은 것이 처음에는 중요하지 않은 것처럼 보일 수 있지만 브랜드 인지도 및 사용자 경험에 도움이됩니다. 이 무료 파비콘 생성기는 웹 사이트에 추가 할 자신 만의 파비콘 아이콘을 만드는 트릭을 수행해야합니다..

우리가 놓친 게 있습니까? 아래에 의견을 남겨주세요.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map