How to create a favicon.ico for your web site favicon.icoを作成する方法をお客様のウェブサイト

by Ross McKillop on May 2, 2007 ロスmckillop 上で 2007年5月2日

ウェブデザイン& devより

This brief tutorial will show you how to create a unique favicon.ico (that icon in your address bar - ex. Simplehelp’s favicon.ico isこの簡単なチュートリアルを表示する独自のfavicon.icoを作成する方法について(お客様のアドレスバーにアイコンが表示さ-例です。 s implehelpのf avicon.icoは、 ) for your own site. )をお客様ご自身のサイトです。

A favicon (short for Favorites Icon) is a great way to give your site a memorable and unique icon that will display in the browser address bar.をファビコン(お気に入りのアイコンをショート)は、お客様のサイトを与える素晴らしい方法固有のアイコンを、思い出には、ブラウザのアドレスバーが表示されます。 In addition, favicon’s show up next to ‘your site’ when people bookmark it, and since most folks have a very messy bookmark list, a graphical reminder of your site beside the bookmark name it is a good way let them find it again.加えて、ファビコンの詳細アップの横にあるお客様のサイトに'時の人々ブックマークして、以来ほとんどの人は非常に厄介なブックマークのリスト、リマインダーをグラフィカルにお客様のサイトのブックマークの名前の横にあることは良い方法を見つけることを再度せてです。

  1. First, select the image you want to use as a favicon.第一に、イメージを選択して使用できるようにしたいファビコンです。 Something that blends in with your sites look, colour scheme and general “feel” is best.何かをブレンドしてくださいサイトを見て、カラースキームと概要"を感じる"がベストです。 Since favicons are quite small, it’sa good idea not to try and get too complicated.以来なのはかなり小さい、それはいいアイデアしないようにしようとあまりにも複雑です。 The image you choose should be a square (64×64, 32×32 etc), and can be a jpg, gif, png, bmp etc.のイメージを選択する必要がスクエア( 64 × 64 、 32 × 32等) 、およびには、 jpg 、パーセント、サムネイルサイズ、 BMPの等
  2. Next, visit次のページ、訪問 FavIcon from Picsファビコンからの写真 - an absolutely brilliant (and free!) online tool that can generate a favicon from a picture, logo or other graphic -に確実に見事な(そして無料! )を生成することができるオンラインツールからファビコン画像、ロゴ、またはその他のグラフィック
  3. Upload your picture and click the magic Generate Favicon.ico button.アップロードする画像をクリックし、 [魔法の生成favicon.icoボタンをクリックします。 You’ll be given a preview of your favicon, and if you’re happy with it, click the Download Favicon button.与えられたのプレビューを表示するようにしてファビコンし、ご満足いただけた場合はそれをクリックし、 [ ファビコンダウンロードボタンをクリックします。 Favicon from Pics will prompt you to save a .zip file - save it to your desktop or wherever you prefer to save files.ファビコンからの写真を保存するには、プロンプトが表示されます。 zipファイル-をデスクトップに保存することを好むどこにファイルを保存するかです。 Unzip it.解凍してください。
  4. Fire up your favorite FTP program (or whatever tool you use to upload files to your web site) and upload the favicon.ico file to the root of your site*.火災のお好みのFTPプログラム(または、どんなツールを使用してファイルをアップロードして、 Webサイト)とfavicon.icoにファイルをアップロードして、お客様のサイトのルートに*. You’ll want the file to be located at www.your-site.com/favicon.ico.このファイルをしたくなるwww.your-site.com/favicon.icoに位置します。
  5. Visit your web site to check out your new favicon!にアクセスしてのWebサイトをチェックアウトして新しいファビコン! If it doesn’t appear, you may need to clear your browsers cache and then reload.もしそれが表示されない場合、ブラウザのキャッシュをクリアすることが必要と入力し、リロードします。
  6. * = if you don’t have access to the root of your site, add the following line of code somewhere in the <head> of your html: * =のアクセスをお持ちでない場合は、お客様のサイトのルートには、次のコード行を追加しての<head>のどこかでお客様のHTML :

    <link rel=”shortcut icon” href=”http://www.your-site.com/path/to/favicon.ico”> href="http://www.your-site.com/path/to/favicon.ico">に<link rel="shortcut icon"

    [いる] [ del.icio.us ] [フェイスブック] [ Googleの]
Related Posts: 関連記事:
  • How to revert to the “old” Google faviconどのように戻すには、 "古い" Googleのファビコン
  • Simplehelp Recap: May 2007 - wow, and thank you! simplehelp要約: 2007年5月-うわー、といただきありがとうございます!
  • How to create a custom iPhone and iPod touch icon for your web siteカスタムを作成する方法をiphoneとiPodのアイコンをタッチして、 Webサイト
  • Welcome!ようこそ!
  • How to insert a Google Map into your website using iWeb Googleマップを挿入する方法を使用してお客様のウェブサイトをiWebの
  • { 4 trackbacks } 4トラックバック

    20 Free RSS Readers Reviewed - Simplehelp 20無料RSSリーダーの見直し-s implehelp
    05.06.07 at 6:40 pm 05.06.07は6:40 pmの
    WordPress: The Complete Post-Install Checklist, Redux - SimplehelpのWordPress :インストールの完了後のチェックリスト、戻ってきた-s implehelp
    05.26.07 at 2:15 pm 05.26.07は午後2時15分
    How to revert to the “old” Google favicon - Simplehelpどのように戻すには、 "古い" Googleのファビコン-s implehelp
    05.30.08 at 9:12 pm 05.30.08は午後9時12分
    Favicon Design : ..:.:..ファビコンデザイン: ..:.:.. Todd And = Marketing + Media ..:.:..トッドと=マーケティング+メディア..:.:..
    07.22.08 at 4:59 pm 07.22.08は4:59 pmの

    { 1 comment… read it below or 1コメントを読むことの下や… add one追加する }

    1 1 LGR lgr 05.30.07 at 9:55 am 05.30.07の午後4:55

    Good post.良いポストを作成。 I have used that favicon generator in the past and it works well.私は発電機を使用して編集して項目をファビコンとうまく動作します。 Sometimes I don’t have the time or creativity to make my own and have found some great free favicons here:時にはの時間を持っていない、または自分自身の創造性を作るとは無料なのが見つかりましたいくつかの素晴らしい場所: http://www.freefavicon.com/

    Leave a Commentコメントを残す

    You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> これらのHTMLタグを使用することができますと属性: <aのhref=のtitle= <abbrのtitle= <cite> <acronymのtitle= <b>ダウンロードの<code> <blockquote cite=""> <del datetime="">の<em> <i>て<strike> <strong> <q cite="">