블로그에 파비콘을 만드는 방법

블로그에 사용자 정의 파비콘이 있습니까? 그렇지 않으면,그것은 진짜로 일 것인다. 오늘 우리는 당신이 하나를 필요로하는 이유 파비콘이 무엇인지 배우고,마지막으로 어떻게 블로그 또는 웹 사이트에 대한 파비콘을 만들 수 있습니다.

나는 아직도 하나없이 블로그의 톤을 참조,그래서 블로그는 그들 중 하나 인 경우,자신에게 부탁을하고 지금 아래의 튜토리얼을 사용하여 하나를 만들. 나는 그것이 오래 걸리지 않을 것을 약속하고 그것은 또한 일종의 재미입니다!

업데이트: 11/4/2020

공개:이 게시물에는 제휴사 링크(*로 표시)가 포함될 수 있으며,이는 귀하가 내 링크로 구매를 선택해야 작은 수수료를받을 수 있음을 의미합니다. 나는 당신의 지원에 감사하고 나 자신에 의해 서 있지 않는 제품을 추천하지 않습니다.

우선,파비콘이란 무엇인가?

파비콘,발음 페이브 아이콘,그들은 웹 사이트 북마크 목록에 표시하기 때문에 명명 된 즐겨 찾기 아이콘에 대한 짧은,즉,즐겨 찾는 웹 사이트. 파비콘은 브라우저 탭 아이콘,책갈피 아이콘 또는 바로 가기 아이콘으로 나타나는 로고 마크의 작은 버전입니다.

파비콘은 사용자가 첫눈에 당신의 웹 사이트를 인식 할 수있는 빠른 방법입니다. 아래 내 브라우저 탭을 살펴 보자. 내가 열어 놓은 대부분의 웹 사이트를 알고 있습니까?

왜 파비콘을 만들 필요가 있습니까?

블로그 또는 웹 사이트에 사용자 정의 파비콘을 할당하지 않으면 일반 아이콘 또는 전혀 아이콘이 할당되지 않습니다. 최악의 경우 블로그는 호스팅 회사의 파비콘을 사용합니다. 크롬(위 이미지 참조)작은 지구를 추가,사파리(아래 이미지 참조)회색 상자에 귀하의 웹사이트의 첫 번째 초기 추가,파이어 폭스는 전혀 아무것도 추가:기껏해야,각 브라우저는 당신을 위해 자신의 일을 할당합니다. 어느 쪽이든,지루한 이야기!

위의 브라우저 탭을 다시 살펴보십시오. 인식 할 수있는 아이콘을 갖는 것은 쉽게 앞뒤로 빠르게 웹 사이트 사이를 클릭 할 수 있습니다하지 않습니다? 당신이 당신의 북마크에 웹 사이트를 저장하는 경우,당신은 또한 당신의 북마크 목록에 파비콘을 볼 수 있습니다. 이것은 쉽게 빨리 당신이 찾고있는 것을 찾을 수 있습니다. 당신의 독자가 신속하게 파비콘을 통합하여 자신의 탭 또는 북마크에 블로그를 찾을 수 있도록.

난 당신이 파비콘이 나타나는 곳을 생각하지 않았다 내기 또 다른 장소가있다:당신은 당신이 휴대 전화에 자주 방문하는 웹 사이트가있는 경우,당신은 항상 바로 가기로 휴대 전화의 홈 화면에 추가 할 수 있습니다. 당신의 독자가 자주 사이트를 방문 사랑한다면 당신은 확실히 그들이 이미 추가 한 다른 응용 프로그램 아이콘에서 눈에 띄는 좋은 찾고 아이콘을 갖고 싶어,그래서 그들은 자신의 홈 화면에서 바로 가기를 추가 할 수 있습니다.

사파리의 새 탭 페이지가 있습니다. 여기에 귀하의 웹 사이트 바로 가기를 그림. 당신은 당신의 블로그는 다음과 같은 지루한 회색 아이콘으로 표현 싶지 않아”기음”아이콘 당신은?

블로그에 대한 파비콘을 설계하는 방법

파비콘을 만들기위한 몇 가지 디자인 규칙

먼저,당신의 파비콘을 설계하기위한 몇 가지 모범 사례에 대해 이야기 할 수 있습니다.

1. 당신의 파비콘은 눈에 띄고 즉시 인식 할 수 있어야합니다
   당신의 파비콘을 인식 할 수 있도록하는 가장 좋은 방법은 시작점으로 로고를 사용하는 것입니다. 블로그가 아직 유명하지 않더라도 괜찮습니다. 브랜딩 전반에 걸쳐 일관된 디자인 요소와 테마를 사용하면 나머지 부분에서 눈에 띄고 사람들이 결국 브랜드를 인식하는 데 도움이됩니다.다음은 파비콘을 디자인할 때 고려해야 할 몇 가지 옵션입니다:
   • 로고 또는 로고 마크
   • 로고의 간단한 변화
   • 브랜드를 나타내는 기호 또는 아이콘
   • 브랜드 이름의 이니셜(또는 첫 번째 이니셜)-이니셜의 스타일이 초기 로고의 디자인과 스타일과 일치하는지 확인
   • 간단한 사진-최근에 나는 블로거가 자신의 프로필 사진을 사용하여 브랜드를 만드는 것을 보았습니다.파비콘
2. 귀하의 파비콘은 매우 단순한 디자인을 사용해야합니다
   지금 파비콘 브라우저 탭에서 좋은 모습을 가져 가라. 당신은 무엇을 알 수 있습니까? 그들은 작다! 일반적인 파비콘에 표시됩니다 16 엑스 16 픽셀. 이런 이유로,당신이 당신의 로고 상표를 붙이는 성분의 아주 단순화된 버전을 사용한다는 것을 확인하는 것이 중요하다. 상세하고 정교한 그래픽은 작은 크기로 잘 확장되지 않습니다. 그들은 흐릿한 혼란처럼 보일 것입니다.
3. 파비콘이 밝고 어두운 배경과 잘 대조되는지 확인하십시오
   독자의 선호도에 따라 브라우저 탭은 흰색,검은 색,밝은 색 또는 어두운 회색이 될 수 있습니다. 이러한 이유로,당신은 빛과 어두운 배경 모두에 잘 대비 색상으로 파비콘을 만들 수 있는지 확인하는 것이 좋습니다.일부 파비콘은 투명한 배경을 가지고 있으며 색상이 어떤 배경에서도 잘 대조되기 때문에 작동합니다. 그래픽이 너무 밝거나 너무 어두운 경우,그것은 눈에 띄는 어떤 색깔의 탭에서 읽을 수 있도록 그래픽 또는 로고 뒤에 단색 원 또는 사각형을 추가하는 데 도움이 될 수 있습니다.
4. 영감을위한 브라우저 탭을 봐
   웹 주위를 클릭하고 즐겨 찾는 웹 사이트에 사용되는 파비콘을 봐주세요. 그들은 밝거나 어두운 배경에서 작동 할 경우 알 수 있습니다. 그래픽은 투명한 배경을 가지고 있습니까,아니면 컬러 사각형 또는 원에 있습니까?

파비콘 영감

투명도를 사용하는 파비콘

마지막 배경을 제외하고 어둡거나 밝은 배경에서 이러한 아이콘이 어떻게 돋보일 수 있는지 주목하십시오.”그 하나는 아마 흰색 사각형에 배치 했어야했다. 하지만 네 번째 아이콘인 연꽃은 아주 미세한 검은 윤곽선을 가지고 있습니다. 이 방법은 밝은 색의 탭에서 볼 경우에도 쉽게 볼 수 있습니다.

컬러 배경 사용 파비콘

이 파비콘은 어두운 탭과 밝은 탭 모두에서 명확하게 볼 수 있도록 정사각형 또는 둥근 사각형 배경으로 설계되었습니다.

이니셜을 사용하는 파비콘

이 이니셜 아이콘 중 일부는 컬러 백라운드를 사용하고 일부는 투명한 백라운드를 사용합니다. 어느 쪽이든,그것이 읽을 수 있는지 확인하십시오.

프로필 사진을 사용하는 파비콘

프로필 사진을 사용하는 것은 새로운 트렌드 인 것 같습니다. 이 경로를 이동하는 경우,즉시 인식 할 수 있도록 모든 온라인 프로필에 동일한 프로필 사진을 사용해야합니다.

블로그에 파비콘을 만드는 방법

파비콘 파일 만들기 단계별

1. 이미지 편집기에서 그래픽 만들기
   포토샵과 같은 이미지 편집기를 사용하여. 이 브라우저 탭에서 16,000,000 16 에 표시되지만,그것은 또한 내가 위에서 언급 한 다른 응용 프로그램의 일부에서 더 큰 크기로 표시됩니다.
2. 파비콘을 작은 크기로 미리 보기
   그래픽 파비콘을 만들려면 브라우저에서 볼 수 있는 파비콘 크기만큼 그래픽이 작아 질 때까지 이미지를 축소합니다. 그것은 여전히 읽을 수 있습니까? 그것은 이해 되는가? 그것이,중대하면,다음 단계로 위에 이동하십시요.
3. 파일 저장
   먼저 그래픽을 소프트웨어 프로그램에 편집 가능한 파일로 저장하여 필요한 경우 다시 돌아가서 미세 조정할 수 있습니다.그런 다음 파일로 저장합니다.
4. 파비콘을 생성합니다.파비콘 생성기를 사용하여 파일을 변환 할 수 있습니다. 이 단계는 일부 브라우저가 파일 만 읽을 수 있기 때문에 필요합니다.

처음부터 자신의 디자인에 대한 대안

당신은 텍스트 또는 이니셜 파비콘을 만들 수있는 빠르고 쉬운 방법을 원하는 경우,텍스트>이코 파비콘 생성기를 사용합니다. 나는 빨리 딥를 위해이 하나를 만들었습니다:

신속하게 이코 파비콘 생성기에 텍스트를 사용하여 블로그에 대한 쉬운 파비콘을 만들 수 있습니다. 이 튜토리얼에서 파비콘을 디자인하고 만드는 방법에 대해 알아보십시오.당신이 정말로 자신에 쉽게 확인하려면 당신은 또한 이모티콘>이코 파비콘 생성기를 사용할 수 있습니다.

마지막으로,블로그 또는 웹 사이트에 새 파비콘을 추가

워드 프레스

자체 호스팅 워드 프레스 블로그에 파비콘을 추가하는 가장 쉬운 방법은 대시 보드에 로그인하는 것입니다. 그런 다음 모양>사용자 정의로 이동 한 다음 사이트 아이덴티티 탭을 클릭하십시오. 사이트 아이콘 섹션에서 새 파비콘을 선택합니다.업로드 할 파일.

붐,당신은 완료,브라우저에서 체크 아웃! 몇 번 새로 고치거나 브라우저에서 캐시를 지워야 나타날 수 있습니다.

에 파비콘을 추가하는 방법 WordPress.com 블로그.

정사각형 공간

정사각형 공간에도 파비콘을 추가하는 것은 매우 쉽습니다.

블로거

블로그에 로그인하고 왼쪽 열에서 설정을 클릭합니다. 그런 다음 기본 섹션에서 파비콘을 클릭합니다. 그런 다음 파비콘을 업로드하십시오.이코 파일,저장 및 붐!

새 파비콘 테스트

다양한 플랫폼과 설정에서 파비콘의 모양을 테스트하려면 이 파비콘 검사기를 사용하십시오. 당신은 당신의 아이콘이 플랫폼 중 하나에서 보는 방식을 편집 할 경우,이오스 말(아이폰),각 설정을 최적화하기 위해 발전기를 사용할 수 있습니다. 그런 다음 지침에 따라 블로그에 모두 추가하십시오.

당신은 파비콘을 만드는 방법을 배웠습니다

축하합니다! 자신의 블로그를 디자인 할 때,당신은 당신이 어떤 세부 사항,심지어 가장 작은 것들을 떠나지 않도록하고 싶습니다. 그것에 사용자 정의 파비콘을 추가하는 것은 당신의 독자가 신속하게 탭이나 북마크에 블로그를 찾을 수 있습니다뿐만 아니라,그것은 당신이 일관된 브랜드를 유지에 대한 관심을 보여줍니다.

이제 네 차례 야

당신이 파비콘을 만드는 방법에 대한 질문이있는 경우 나 코멘트에 알려 또는 당신이 당신의 브랜드에 대한 만들 파비콘의 유형을 식별하는 데 도움이 필요한 경우. 그렇지 않으면,코멘트에 우리와 함께 당신의 파비콘을 공유하시기 바랍니다!
이 튜토리얼을 즐겼다면 내 서명 아래의 아이콘 중 하나를 클릭하여 공유하십시오!
이 게시물은 원래 8/14/2013 에 게시되어 2/11/2015 에 업데이트 된 다음 11/4/2020 에 다시 업데이트되었습니다.