How to make a favicon favicon을 만드는 방법

Posted on April 10, 2008 at 5:10 am 게재된 2008년 4월 10일은 오전 5시 10분

Looking for a way to create a FavIcon ? favicon을 만들 수있는 방법을 찾고? If you browse the web regularly, you’ve probably noticed that a lot of sites have a small icon that appears in front of the website address in your browser or bookmarks. 웹을 탐색하는 경우 정기적으로, 당신의 사이트가 많은 것으로 나타났습니다 아마 작은 아이콘이 나타납니다 웹사이트 주소를 앞에서 귀하의 브라우저 또는 즐겨찾기를합니다. Many websites use favicons (aka Favorite Icon) as a way to brand their website, so that when you see that icon, you automatically know which company or product it represents. 많은 웹사이트를 사용 favicons (일명 좋아하는 아이콘)을하는 방법을 브랜드 자신의 웹사이트, 그래서 그 아이콘을 볼 때, 당신 회사 또는 제품을 알고있는가 자동으로 나타냅니다.

For example, take a look at your address bar right now and you’ll notice that to the left of URL is a small icon that looks like a grid: 예를 들어, 귀하의 이메일 주소 표시줄 바로 지금 한번보세요 그리고 당신의 왼쪽에있는 것을 알 수 url은 작은 아이콘이 격자처럼 보이는 :

favicon

Also, if I look at my Firefox Bookmarks or IE Favorites, I also see the same favicons next to any websites that are using them: 또한, 만약 내 모습에서 내 firefox 북마크 또는 즐겨찾기, 나 또한 동일한 favicons 옆에있는 웹 사이트를 참조하십시오를 사용하는 그들 :

favicons

Using a FavIcon for your site is a good practice as it helps visitors to quickly identify your site among large numbers of bookmarks, etc. So how do you go about creating a FavIcon for your site? 을 사용하여 귀하의 사이트에 대한 favicon은 좋은 연습을하면 도움이 귀하의 사이트를 방문한 방문자 사이 대형 번호를 신속하게 식별합니다 북마크, 등등 그래서 내가 어떻게하면 귀하의 사이트에 대한 favicon을 만드는가에 대해서?

How to make a FavIcon favicon을 만드는 방법

The first step in creating a FavIcon is to actually find a picture or create a graphic that you want to use as your icon. favicon을 만드는 첫 번째 단계는 실제로 사진을 발견하고자하는 그래픽을 만들거나 귀하의 아이콘으로 사용합니다. A FavIcon always has a 16×16 pixel dimension, so you should be very careful when choosing or creating your own picture. a favicon이 항상 16 × 16 픽셀의 크기, 그래서 당신을 선택할 때 매우 신중해야한다 아니면 자신의 사진을 작성합니다.

Try to find an icon or graphic that has very little going on with it in terms of design. 의 아이콘이나 그래픽을 찾는 시도는 아주 작은 일이있는 것은 그것의 측면에서 디자인합니다. The simpler graphic you can find, the better your FavIcon will turn out. 은 더 간단한 도표를 찾을 수있습니다 낫다는 귀하의 favicon이 변하게합니다. Also, make sure that the graphic is a square, so basically where the length and width are equal. 또한, 그래픽이 있는지 확인합니다 광장, 그럼 기본적으로 어디에 길이와 너비가 동일합니다. If you have a portrait or landscape picture, it will be resized to 16×16 and therefore become either stretched or squished. 인물 사진이나 풍경 사진이있는 경우, 그것은 크기가 16 × 16, 따라서 펼쳐져 또는 squished 중 하나가 될합니다.

You can also create your own image using Microsoft Paint or similar photo editing software. 자신의 이미지를 만들 수도있습니다 마이크로 소프트 페인트 또는 이와 유사한 사진 편집 소프트웨어를 사용합니다. When you are done, make sure you save the file into GIF, JPG, PNG, or BMP format. 작업을 마쳤으면 파일을 저장하고 있는지 확인하십시오 지프, jpg, 지프, 또는 bmp 형식으로합니다.

Now that you have your image, go to 이제 당신은 당신의 이미지로 이동 DynamicDrive dynamicdrive and let’s use their FavIcon generator to create our FavIcon from the picture. 그리고 그들의 favicon 생성기를 이용하자 우리의 favicon에서 사진을 생성합니다.

Go ahead and browse to the location of your image file and then choose Create Icon . 말하라하고 이미지 파일의 위치로 이동합니다 아이콘을 만들기를 선택한 다음.

favicon 만들기

And really that’s it! 정말 그거야! You’ll now get a preview of how your FavIcon would look in an actual browser and you can either proceed to download the FavIcon or you can simply choose another image. 이제 귀하의 favicon 얻을 미리보기하는 방법을 실제 브라우저를 보일 진행 중 하나를 다운로드하실 수있습니다 favicon 아니면 다른 이미지를 선택하기만하면됩니다.

만들 favicon

What I like about this site is that it also gives you instructions on how to install a FavIcon to your website, which is a little bit harder than actually creating the FavIcon itself. 이 사이트에 대해서는 어떤 마음도 favicon을 설치하는 방법에 대한 지침을 제공합니다에서 귀하의 웹사이트로, 이것은 실제보다 조금 더 세게 favicon 그 자체를 만드는합니다. Here’s what you need to do: 이제 어떻게해야 할 :

First, download the file and then upload the FavIcon, which by the way should be named “ FavIcon.ico ” to the ROOT directory of your site. 첫째, 파일을 다운로드합니다 그리고 favicon을 업로드하는 방식으로 이름을해야한다 "favicon.ico"이 사이트의 루트 디렉토리를합니다. It’s very important that the file be named favicon.ico and that it be located in the root directory on your web server. 그것은 매우 중요합니다 favicon.ico 및 그것의 이름은 해당 파일의 루트 디렉토리에이 귀하의 웹 서버에 위치한합니다. You can verify that you uploaded it correctly by typing 이 올바르게되었는지 확인할 수있습니다 그것을 입력하여 업로드한

http://mysite.com/favicon.ico http://mysite.com/favicon.ico

in the browser’s location, where “mysite.com” is your web site’s Internet address. 이 브라우저의 위치, 장소 "mysite.com"는 귀하의 웹 사이트의 인터넷 주소를합니다. Now you need to insert one line of code into the <HEAD> section of your web sites pages. 지금이 필요 한 줄의 코드를 삽입하기 위해 귀하의 웹 사이트 페이지에 <head> 섹션을합니다. Note that this code has to be on every page that you want the FavIcon to appear for. 참고 : 모든 페이지에서이 코드가되는가를 원한다면 favicon를 표시합니다. This is easy if you have a site that uses templates and pulls in header, footer, and other files individually. 이것은 간단한 템플릿을 사용하는 사이트가있는 경우와 양선의 우두머리, 보행자, 및 기타 파일을 개별적으로합니다.

If all of your pages are static and you do not use templates or includes, you’ll have to manually edit the HTML in each page. 만일 귀하의 모든 페이지가 정적 및 당신이 사용하지 않은 템플릿이나 포함해야합니다 html은 각 페이지를 수동으로 편집합니다. The line of code you’re going to want to add is as follows: 당신이 갈의 코드 라인을 추가하려면은 다음과 같습니다 :

<link rel=”shortcut icon” href=”/favicon.ico”> <link rel="shortcut icon" href="/favicon.ico">

The icon may not show up immediately, so be patient. 에있는 아이콘을 즉시 나타나지 않을 수있습니다, 그래서 인내심합니다. Also, sometimes it doesn’t appear at all, especially with IE as there is a browser bug. 또한, 때로는 전혀 나타나지하지 않습니다, 특히 브라우저 버그가로 즉합니다.

Hopefully with this short tutorial you have been able to create a FavIcon and get it up and working on your site. 잘만이 짧은 입문서를 만들 수 있었을 favicon와 협력하고 귀하의 사이트에 올려놓합니다. If you have any questions, feel free to post a comment! 기타 문의 사항이 있으면 언제든지 의견을 게시하여! Enjoy! 즐거운 시간 되십시오!

Technorati Tags: technorati 태그 : , , , , ,

If you enjoyed this post, make sure you 이 게시물에 즐거워하는 경우, 있는지 확인하십시오 subscribe to my RSS feed 내 피드 구독하려면 ! !

» Filed Under »소송 아래에 Computer Tips 컴퓨터 팁

Related Posts 관련 게시물

Please post your comments/suggestions! 게시물하시기 바랍니다 귀하의 의견 / 제안!