*

ファビコン(.ico)の作成方法

公開日: : テクニック

wordpress-logo-stacked-rgb

テーマを変更したついでと言ってはなんだけど、ファビコンの作成方法をメモしておきます。

サイト作るたびに、テーマ変えるたびに、「ico 作成」「ファビコン 作成」とかでググるのもめんどくさいので。

まず何でもいいので、画像作成ソフトで16×16ピクセルの画像をPINGか作成します。
(自分の場合はWindowsデフォルトの「ペイント」ソフトで作成しました)

次にファビコンを作成するサイトで、ファイル形式を変換します。

FavIcon from Pics
http://favicon.htmlkit.com/favicon/

icoファイルができたら、サーバの任意の場所にアップロードして、ページのタグを変更します。

<LINK REL="SHORTCUT ICON" HREF="favicon.ico">

「HREF」の部分には、ファイルまでのパスを記載しましょう。

これで完成です。

Google AD


Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

あらら?Googleのストレージサービスで、無料なのに有料プランが使えてる?!

  「ストレージサービス」をご存知でしょうか。「サーバーのディスクスペースを

記事を読む

no image

Pear::pager と TwitterBootstrap をマッシュアップしてみた

前回に引き続き、WEBアプリをカスタマイズしてみました。 DB使って商品登録をしてると

記事を読む

cakephpでユーザ定義定数を読みだす方法

サイトを作るにあたって、定数を使いたいときがよくあります。 サイト上のある数値に変更があっ

記事を読む

img vertical-align

vertical-alignで画像とテキストの位置を垂直方向で揃える

これも自分のリマインダー用としてエントリー。 画像とテキストが同じ行に並んでいて、垂直

記事を読む

no image

wordpressからbloggerに引越し

lolipopで使っているロリポプランは、DBが一つしか使用できない。もうちょっと有効に使えないかと

記事を読む

no image

WEBという革命

自分がインターネットと出会ったのは14~15年前だが、海外に行くことがあって本当にネットの便利さ

記事を読む

no image

img画像に隙間(空間)ができる件

何度か経験してそのたびにイラッときたので自分用にエントリー。 スタイルシートで下記のように記述

記事を読む

wordpressのパーマリンク設定を変更してみたら大丈夫だった件

wordpressでパーマリンクを変えようと思ってたんですが、なかなか踏み切るタイミングがな

記事を読む

WEBサイトの表示速度をスピードアップする方法

サイトの表示が遅いので、いくつかツールを使ってチューニングすることにしました。 まず初めに

記事を読む

no image

開発の現場に行って来た

ひょんな事から、他社の開発の現場に行く事に。 念願だったT社に!書類選考で落ちたよT社! 久

記事を読む

Google AD

Google AD

PAGE TOP ↑