바탕 화면에 컴퓨터 아이콘을 추가하는 방법. 바로 가기 만들기. 사진에서 폴더 아이콘(아이콘)을 만드는 방법 아이콘이 있는 파일은 무엇이고 어디에 위치해야 하는지

파비콘(Favicon)은 "선택된 아이콘"(영어에서 번역)의 약어입니다. 이름은 즐겨찾기/즐겨찾기 목록이라는 Internet Explorer의 책갈피 목록에서 가져옵니다. 사이트를 책갈피로 지정하면 Explorer(버전 5 이상)는 리소스에 favicon.ico 파일이 있는지 서버에 묻습니다. 이러한 파일이 있는 경우 텍스트 탭 옆에 표시되는 아이콘을 제공하는 데 사용됩니다.

Mozilla와 같은 다른 브라우저도 파비콘을 지원합니다. 이 아이콘은 검색 프로그램에 따라 북마크 목록뿐만 아니라 다양한 위치에 나타날 수 있습니다(실제로는 아예 나타나지 않을 수도 있습니다). 브라우저 탭의 또는 헤더에 표시됩니다.

브라우저 탭의 아이콘

대부분의 사용자는 브라우저 창에 탭이 많이 열려 있는 경향이 있습니다. 탭 수가 증가하면 파비콘이 사라져 사용자가 링크를 식별하고 열려는 탭으로 빠르게 전환할 수 있습니다.

또한 사용자가 즐겨찾는 사이트를 모바일 장치의 바탕 화면에 추가하려는 경우 아이콘도 사용됩니다. 따라서 파비콘을 설치하기 전에 항상 패턴 선택을 결정해야 합니다. 이 사이트 아이콘은 태블릿 또는 스마트폰의 바탕 화면에 애플리케이션 아이콘으로 표시됩니다.

파비콘을 만드는 방법?

favicon.ico를 만들려면 16x16 PNG 파일을 저장하고 png2ico가 있는 리소스 아이콘으로 변환하기만 하면 됩니다. 재량에 따라 동일한 아이콘에 다른 이미지를 추가하여 대체 솔루션을 제공할 수 있습니다. 대부분의 브라우저는 이러한 이미지에 대해 16x16 형식만 사용하지만 다른 컨텍스트(예: 주소 표시줄에서 바탕 화면으로 URL을 드래그할 때)에서는 큰 아이콘이 사진에 표시될 수 있습니다. 리소스 아이콘에 16x16 이미지만 포함된 경우 올바른 크기로 조정되므로 기술적으로 대체 솔루션을 추가할 필요가 없습니다. 그러나 이렇게 하면 이미지 품질이 향상될 수 있습니다. 사이트에 파비콘을 설치하기 전에 이미지가 다양한 크기에서 어떻게 보이는지 확인하십시오.

인터넷 연결이 느린 사용자의 경우 파비콘을 사용하면 페이지 로드 시간이 몇 초 정도 늘어날 수 있습니다. 이미지 파일이 너무 크면 가능하므로 과용하지 마십시오. 32x32 형식 대안을 추가하면 큰 아이콘이 있는 상황에서도 보기 좋게 시작할 수 있습니다. 더 많은 옵션을 사용하면 사이트 개발자의 요청에 의해서만 수행되는 보너스입니다. 색상 수를 16으로 유지하고 png2ico(또는 흑백 아이콘)로 16색 아이콘을 만드십시오. 이렇게 하면 더 빨리 로드되는 더 작은 파일이 저장됩니다.

favicon.ico에 추가할 이미지를 만들 때 아이콘이 다른 배경색에 표시될 수 있음을 잊지 마십시오. 이러한 이유로 단색 배경보다는 투명도를 사용하는 것이 좋습니다. 어떤 배경과도 조화를 이루도록 파비콘을 가장 유능한 방식으로 설치하는 방법을 신중하게 생각하십시오. 백분율로 측정되는 중간 값을 설정할 수 있다는 점은 주목할 가치가 있습니다. 전문가들은 이상적인 설정은 약 30-40%의 배경 투명도라고 말합니다.

브랜드 로고, 리소스 테마 기호 또는 좋아하는 이미지를 사용하여 맞춤형 웹사이트 아이콘을 만들 수 있습니다. 권장 파비콘 크기는 너비와 높이가 최소 512픽셀입니다. 이미지는 정사각형이어야 하지만 더 큰 직사각형 사진을 사용할 수 있습니다. 많은 엔진에서 사진을 추가할 때 자를 수 있습니다(SMF의 파비콘을 큰 그림으로 설정하는 것에 대해 걱정하지 마십시오).

Photoshop을 사용하여 아이콘 만들기

전문가는 예를 들어 Adobe Photoshop 또는 GIMP를 사용할 것을 권장합니다. 이렇게 하면 정확히 512x512픽셀인 사이트 파비콘이 생성됩니다. 따라서 그림의 정확한 비율을 유지하거나 투명한 이미지를 사용하거나 원하는 배경을 채울 수 있습니다. 이 사진은 JPEG 또는 GIF 형식일 수 있습니다. 그런 다음 사이트에 파비콘을 설치하는 방법을 결정해야 합니다.

사이트에 추가하는 이유는 무엇입니까?

언급한 바와 같이 파비콘은 브라우저에서 사이트 이름 옆에 나타나는 작은 아이콘입니다. 사용자가 링크를 식별하는 데 도움이 되며 사이트를 더 자주 방문하는 사용자는 해당 작은 이미지를 즉시 인식할 수 있습니다. 이는 브랜드 인지도를 높이고 청중 간의 신뢰를 구축하는 데 도움이 됩니다. 이러한 방식으로 파비콘은 사이트의 "특성"을 정의합니다. 또한 사이트의 사용성과 사용자 경험을 향상시킵니다.

html 웹사이트에 favicon을 설치하는 방법

웹 페이지에 새 파비콘을 추가하려면 웹 페이지와 동일한 폴더의 서버에 설치해야 합니다(예: www.example.com/foo/index의 경우 www.example.com/foo/favicon.ico). .html). 이것은 모든 브라우저가 다운로드하기 위해 가장 먼저 찾는 데이터입니다. favicon을 찾지 못하면 서버의 최상위 디렉토리(서버에서 www.example.com의 경우 www.example.com/favicon.ico)를 확인합니다. 이러한 이유로 여기에서 설정하면 도메인의 모든 페이지에 대해 기본 아이콘을 가질 수 있습니다. 브라우저 및 구성에 따라 파비콘이 위의 위치 중 하나에 있고 웹 페이지에서 보더라도 파비콘이 항상 표시되지는 않습니다.

페이지 코드에 파비콘이 있는지 지정하기 위해 섹션에 다음 2줄을 추가할 수 있습니다. :

< link rel="icon" href ="favicon.ico" type= "image/x-icon" >
< link rel="shortcut icon" href ="favicon.ico" typ e="image/x-icon" >

WordPress 블로그에 Favicon을 추가하는 방법

궁금하시다면 다이렉트에서도 복잡한 것은 없습니다. 인터페이스에는 이미지를 선택하고 업로드할 수 있는 해당 메뉴 항목이 있습니다.

WordPress에 파비콘을 추가하는 방법

WordPress 4.3부터 관리 영역에서 사이트에 파비콘을 추가할 수 있습니다. "보기"/"설정"으로 이동하여 "사이트" 탭을 선택하십시오.

사용자 지정 프로그램의 사이트 ID 섹션에서 리소스 이름과 설명을 변경할 수 있습니다. 메뉴를 종료하기 전에 항상 헤더에 새 데이터를 표시할 것인지 묻는 메시지가 표시됩니다. 또한 사이트에 대한 파비콘을 업로드할 수 있습니다. "파일 선택" 버튼을 클릭하고 파비콘으로 사용할 이미지를 업로드하기만 하면 됩니다.

블로그에 파비콘 추가하기

파비콘 설치 방법에 대한 추가 지침은 다음과 같습니다. 업로드하는 이미지가 권장 크기보다 크면 워드프레스에서 자를 수 있습니다. 권장 설정과 일치하는 경우 변경 사항을 간단히 저장할 수 있습니다. Joomla 사이트에 파비콘을 설치하는 방법에 대한 지침이 비슷하다는 점은 주목할 가치가 있습니다.

그런 다음 사이트를 탐색하면 파비콘이 작동하는 것을 볼 수 있습니다. 모바일 장치에서 사이트를 방문한 다음 브라우저 메뉴에서 "정품 버전 다운로드"를 선택할 수도 있습니다. 아이콘이 전체 컴퓨터 바탕 화면에 있는 것처럼 나타납니다.

이전 WordPress 버전(4.2 이하)에 Favicon을 설치하는 방법

파비콘을 사이트의 루트 디렉토리에 업로드한 후 이 코드를 원하는 테마의 header.php 파일에 붙여넣기만 하면 됩니다.

< link rel="icon" href ="http://www.example. com/favicon.png" type= "image/x-icon" >

< link rel="shortcut icon" href ="http://www.example. com/favicon.png" type= "image/x-icon" >

wpbeginner.com을 사이트 URL로 바꾸면 완료됩니다. 블로그에 header.php 파일이 없거나 찾을 수 없으면 특수 플러그인을 사용하십시오. 사이트 설정에서 설치하고 활성화하십시오. 플러그인을 활성화한 후 "설정"으로 이동하여 "머리글 및 바닥글 삽입" 항목을 찾아 머리글 섹션에서 위의 "코드 삽입" 탭으로 이동하여 설정을 저장합니다.

FTP 작업의 복잡성을 처리하고 싶지 않지만 favicon을 설치하는 방법에 여전히 관심이 있는 경우 모든 단계에서 아이콘 로드를 조절하는 특수 플러그인을 사용할 수도 있습니다. 이러한 엔진 애드온은 WordPress뿐만 아니라 Joomla를 비롯한 다른 인기 시스템에서도 사용할 수 있습니다.

지침

바탕 화면 배경 이미지를 마우스 오른쪽 버튼으로 클릭하여 "컨텍스트 메뉴"에 액세스합니다. 여기에서 "만들기"섹션을 확장하고 "바로 가기"항목을 선택하십시오. 이 작업의 결과 바탕 화면에 바로 가기를 만들기 위한 마법사 창이 열립니다.

"찾아보기" 버튼을 클릭하고 열리는 창에서 바탕 화면에 보고 싶은 아이콘이 있는 프로그램 또는 문서 파일을 찾아 클릭합니다. 그런 다음 파일 검색 대화 상자에서 "확인" 버튼을 클릭하고 바로 가기 마법사 창에서 "다음" 버튼을 클릭합니다.

생성된 레이블 아래에 서명 텍스트를 입력하고 "마침" 버튼을 클릭합니다. 마법사 창이 닫히고 바탕 화면에 바로 가기가 나타납니다.

동시에 전체 레이블 그룹을 만들 수 있는 또 다른 방법이 있습니다. 사용하려면 Windows 탐색기를 실행해야 합니다. 이것은 바탕 화면에서 내 컴퓨터 아이콘을 두 번 클릭하거나 win+키보드 단축키를 눌러 수행할 수 있습니다. 그런 다음 탐색기의 왼쪽 창에 있는 폴더 트리를 사용하여 바탕 화면에 바로 가기를 배치할 파일이 포함된 디렉터리로 이동합니다.

원하는 파일 또는 파일 그룹을 선택합니다. 그룹을 선택하려면 목록에서 첫 번째 파일을 클릭한 다음 Shift 키를 누르고 떼지 않고 화살표 키를 사용하여 후속 파일을 선택할 수 있습니다. 그리고 ctrl 키를 누른 상태에서 필요한 모든 파일 위에 마우스를 클릭할 수 있습니다.

마우스 오른쪽 버튼을 사용하여 선택한 파일(또는 파일 그룹)을 바탕 화면으로 끕니다. 버튼을 놓으면 탐색기에 일련의 명령이 포함된 메뉴가 표시됩니다. "바로 가기 만들기"를 선택하면 작업이 완료됩니다.

바탕 화면에 필요한 아이콘이 있는 프로그램에 대한 링크가 시작 버튼의 기본 메뉴에 있는 경우 거기에서 마우스 오른쪽 버튼으로 바탕 화면으로 드래그할 수도 있습니다. 그러나 이 경우 버튼을 놓은 후 메뉴에서 "복사" 항목(메인 메뉴에 프로그램에 대한 링크도 남겨야 하는 경우) 또는 "이동"(링크에 있는 경우)을 선택해야 합니다. 메인 메뉴는 더 이상 필요하지 않습니다).

관련 동영상

바로 가기는 파일 자체에 저장되는 링크인 파일을 빠르게 실행하도록 설계되었습니다. 빠른 실행 바로 가기는 일반적으로 바탕 화면에 있습니다. 개인용 컴퓨터에 응용 프로그램(예: 게임)을 설치할 때 설치 프로그램은 일반적으로 바탕 화면에 바로 가기를 만드는 데 사용자의 동의를 요청합니다. 바탕 화면에 바로 가기가 없으면 응용 프로그램이 없어도 시작할 수 있습니다.

필요할 것이예요

기본적인 컴퓨터 기술.

지침

바탕 화면에 게임 바로 가기가 없으면 게임이 설치된 디렉터리를 엽니다. 일반적으로 게임의 위치는 운영 체제 및 모든 표준 시스템 폴더가 포함된 디스크에 있습니다. 일반적으로 게임 경로는 "C:Games<Папка с игрой>". 또한 게임 파일은 시스템 "Program Files"에 있을 수도 있습니다. 게임이 있는 폴더에는 응용 프로그램의 정상적인 작동과 시스템과의 상호 작용을 보장하는 모든 파일이 포함되어야 합니다. 이 중 하나가 있어야 합니다. 게임 자체를 직접 실행하는 실행 파일 대부분의 경우 이 파일은 게임 자체의 이름을 따서 명명되며 이름은 실행 파일에 해당합니다(즉, 끝은 ".exe"). 게임을 시작하려면 , 이 실행 파일을 마우스 왼쪽 버튼으로 두 번 클릭하기만 하면 됩니다.

다른 방법으로 바로 가기 없이 게임을 실행할 수도 있습니다. 이를 구현하려면 "시작" 메뉴(왼쪽의 작업 표시줄에 있음)를 호출하십시오. 나타나는 메뉴에서 마우스 커서를 " 전체" 줄 위로 이동합니다. 그 후 개인에 설치된 모든 프로그램 목록이 표시됩니다. 그 중 원하는 게임 이름이 있는 탭을 찾아 그 위로 마우스 커서를 이동합니다. 팝업 목록에서 게임명이 있는 라인을 선택하고 마우스 버튼을 클릭합니다. 게임이 시작됩니다.

유용한 조언

게임이 있는 폴더에는 응용 프로그램의 정상적인 작동과 시스템과의 상호 작용을 보장하는 파일이 포함되어 있음을 기억해야 합니다. 따라서 어떤 경우에도 이러한 파일의 이름을 바꾸거나 이동하거나 삭제하지 마십시오.

모든 프로그램 메뉴에서 최근에 설치된 응용 프로그램은 노란색으로 강조 표시됩니다. 따라서 게임을 설치한 지 얼마 되지 않았다면 쉽게 볼 수 있습니다.

아마도 각 PC 사용자는 매일 사용하는 고유한 프로그램 세트를 가지고 있을 것입니다. 하지만 매일 같은 것을 볼 때 그리고, 적어도 약간의 다양성을 만들고자 하는 욕구가 있습니다. 그러나 기성품 아이콘이 당신에게 어울리지 않는다면? 나만의 아이콘을 그려보세요! 시간이 많이 걸리지 않을 것입니다.

지침

자신 만의 바로 가기를 만들려면 원칙적으로 어렵지 않지만 Photoshop이나 무료 김프와 같은 다기능 그래픽 패키지를 설치할 필요가 전혀 없습니다. 보다 합리적인 솔루션은 아이콘을 만들기 위해 고도로 전문화된 프로그램을 사용하는 것입니다.

아이콘 스튜디오 프로그램을 다운로드합니다. 컴퓨터에 설치하십시오. 설치 후 처음 시작할 때 이 프로그램은 30일 동안만 무료로 사용할 수 있다는 경고가 표시됩니다. 그러나 등록 키를 즉시 구입할 필요는 없습니다. 평가판 기간이 만료된 후 프로그램을 삭제하고 다시 다운로드하면 설치 후 1개월 동안 무료로 사용할 수 있습니다.

"확인" 버튼을 클릭하여 프로그램을 처음 시작할 때 필요한 설정을 선택하십시오. 그러나 마지막 대화 상자에만 집중해야 합니다. 이 대화 상자에서 미래 그림의 크기와 색 구성표를 선택하라는 메시지가 표시됩니다. 이 설정을 선택하면 새 사진을 직접 만들 수 있는 창으로 이동합니다.

바탕 화면 영역으로 이동하여 바꿀 바로 가기를 선택합니다. 컨텍스트 메뉴를 호출하여 마우스 오른쪽 버튼으로 바로 가기를 클릭하십시오. 메뉴에서 "속성" 항목(목록의 마지막 항목)을 사용합니다. 선택한 아이콘의 매개변수를 편집할 수 있는 창이 나타납니다.

안녕하세요 여러분!

이 기사에서는 웹 사이트에 파비콘을 설치하는 방법에 대해 설명합니다. 이것은 사이트의 루트 디렉토리를 사용하거나 템플릿의 기능을 사용하여 수행할 수 있습니다. 우리는 모든 옵션을 분석하고 특정 경우에 가장 적합한 옵션을 결정할 것입니다.

그러나 그 전에 이 동일한 파비콘을 그리는 방법에 대해 이야기하겠습니다. 다음으로 로고의 크기가 어느 정도여야 하는지 알아내고, 마지막으로 생성된 아이콘을 사이트에 삽입하는 방법을 알려 드리겠습니다.

파비콘은 16 x 16 웹사이트 아이콘(또는 32 x 32이지만 더 이상은 아님)입니다. 브라우저 탭에 표시됩니다. 다음과 같습니다.

또한 아이콘은 검색 결과에 표시되며 사이트에 자체 파비콘이 없으면 사용자가주의를 기울이지 않을 것입니다. 특히 경험이 많은 사람들은 작은 것 하나하나에 진심으로 감사합니다.

Yandex 웹마스터에서 파비콘이 없는 것은 긴급 수정이 필요한 오류로 분류됩니다. 이것은 검색 엔진의 사람들이 아이콘이 없는 사이트뿐만 아니라 특정 검색 알고리즘을 신뢰하지 않을 수도 있다는 사실 때문입니다. 로봇은 이러한 기술적 단점을 발견하고 검색 결과에서 리소스를 가장 자주 낮춥니다. 모든 SEO 프로모션에 영향을 줄 수 있는 슬픈 현상입니다.

조금 요약하자면 다음과 같습니다.

Favicon은 SERP의 행동 요인 및 클릭률에 영향을 미칩니다.
검색 로봇은 파비콘의 존재 여부도 고려할 수 있습니다.
이러한 기술적 결함은 트래픽 감소로 이어질 수 있습니다.

다시 말해, 질문이 있는 경우 파비콘을 추가할지 말지 대답은 뻔합니다. 추가해야 합니다.

이제 이 동일한 아이콘을 그리는 방법을 알아보겠습니다. 이것은 다양한 온라인 서비스, 편집기를 사용하여 수행할 수 있습니다.

완성된 버전을 다운로드할 수 있는 곳

최선의 선택과는 거리가 멀지만 누군가가 그것을 사용합니다. 인터넷에서 기성품 파비콘을 다운로드할 수 있으며 특별히 자신의 파비콘을 만들 필요가 없습니다. 그들 모두는 편리한 형식과 적절한 크기로 제공됩니다.

"기성품 파비콘 다운로드"와 같이 원하는 쿼리를 검색 엔진에 입력하기만 하면 다양한 변형이 표시됩니다.

사진을 PC에 다운로드한 후 사이트에 설치합니다. 모든 것이 간단합니다. 그들은 절대적으로 무료로 제공되며 아무도 당신을 꾸짖지 않을 것입니다. 아무리 작은 회사라도 다른 사람의 로고가 발견되면 안 좋은 일이 생길 수 있습니다.

기성품 옵션은 다양한 사이트에서 검색할 수 있습니다. 일반적으로 일부 웹마스터가 좋아할 수 있는 다양한 주제 로고의 전체 컬렉션이 있습니다.

하지만 파비콘을 직접 만드는 것이 더 낫다는 것을 다시 한 번 반복하겠습니다.

파비콘 만들기

온라인 서비스

온라인 서비스에서 파비콘을 그릴 수 있습니다. 검색 엔진에 적절한 쿼리를 입력하기만 하면 계획을 실현하는 데 도움이 되는 전체 사이트 목록이 표시됩니다.

이 과정은 정보 프로젝트의 유능한 생성, 팀과의 상호 작용 및 비즈니스를 개발할 때 반드시 필요한 기타 유용한 측면의 가장 중요한 기능을 다룹니다.

설치 후 창때때로 아이콘이 누락됨 "내 컴퓨터",만큼 잘 "내 문서"그리고 일부 다른 사람들. 많은 사용자 더욱 편리한이 아이콘이 항상 눈에.

오늘은 그 방법을 알려드리겠습니다 바로가기 만들기그리고 설치 컴퓨터 아이콘바탕 화면에.

바로 가기 만들기

바로 가기 만들기바탕 화면에 필요할 수 있습니다 액세스 가속화원하는 폴더 또는 프로그램 실행.

일반적으로 데스크탑 및 시스템 드라이브에서 탐탁지 않은많은 양의 정보를 보유합니다. 왜 그래, 그것은 기사에 쓰여있다

1) 바로 가기를 만들려면( ~ 전에 윈도우 7포함한) 필요한 커서 설정원하는 폴더나 프로그램 아이콘에서 마우스 오른쪽 버튼을 눌러 (인민폐).

아이템을 선택하세요 "보내다"그리고 메뉴를 누르면 "데스크탑"(바로 가기 만들기).

2) 에 윈도우 8열려 있는 홈 화면, 원하는 아이콘에 커서를 놓고 PKM. 그런 다음 이름이 지정된 항목을 선택하십시오. "파일 위치 열기".

데스크탑 사용자 정의

상 컴퓨터데스크탑에서 (그리고 다른 요소들)추가할 수 있고 다른 방법으로.

1) 윈도우 XP

에 무료화면 위치 클릭 PKM그리고 선택 "속성". 그런 다음 바탕 화면 탭으로 이동합니다. 버튼 찾기 "데스크톱 사용자 정의"그리고 그것을 누르십시오.

할 수 있는 창이 나타납니다. 지정하다어떤 아이콘을 보고 싶어 바탕 화면에.

여기서도 변경할 수 있습니다 개체 아이콘바탕 화면에.

2) 윈도우 7 이상

에 무료화면 위치 클릭 PKM그리고 선택 "개인화"그리고 선택 "바탕 화면 아이콘 변경".

합산

이제 만약 누락된 아이콘바탕 화면에서 다음을 수행할 수 있습니다. 스스로의 문제를 해결합니다.

당신은 또한 기사에 관심이있을 수 있습니다.

사이트를 로드할 때 브라우저의 주소 표시줄에 사이트의 주제와 관련된 작은 그림이 표시되는 경우가 있습니다. 브라우저 책갈피에 추가하면 링크 옆에 동일한 사진이 표시됩니다.

이러한 "기능"을 설치하려면 16x16 픽셀의 이미지를 그리고 favicon.ico 라는 이름으로 사이트 루트에 ICO 형식으로 저장해야 합니다.

Adobe Photoshop은 ICO 형식을 이해하지 못하고 그 안에 이미지를 저장하지 않으므로 이를 위해 추가 플러그인이 필요합니다.

플러그인이 작동하려면 파일의 압축을 풀고 Plug-Ins\File Formats 폴더에 저장해야 합니다. 기본적으로 Windows의 Photoshop CS는 c:\Program Files\Adobe\Photoshop CS에 설치됩니다. 플러그인 파일의 전체 경로는 c:\Program Files\Adobe\Photoshop CS\Plug-Ins\File Formats입니다.

플러그인을 추가한 후 사진을 저장할 때 사용 가능한 형식 목록에 "Windows 아이콘"이라는 새 항목이 나타납니다.

원하는 아이콘을 16x16픽셀로 만들고 사이트 루트에 favicon.ico라는 이름으로 저장해야 합니다. 브라우저는 자동으로 이 파일을 찾아 주소 표시줄과 책갈피에 추가합니다.

파일이 사이트의 루트에 있을 필요는 없지만 위치를 브라우저에 알려야 합니다. 이것은 태그를 통해 수행됩니다. 아래 그림과 같이.

href 속성은 파일의 위치와 이름을 지정합니다.

그림 형식은 ICO일 필요는 없으며 GIF 및 PNG도 사용할 수 있습니다. 이 경우 이미지 유형에 따라 type 속성 값을 image/gif 또는 image/png 로 변경해야 합니다.

오토미르