image03

Favicom制作

By YOKO, 2014年8月7日


オリジナルのファビコン制作についての覚え書き

faviconの表示サイズは16px × 16px。
作成サイズを32px × 32pxで作成してみます。

。+.。゚:;。+゚+。::゚。:.゚。+。。+.。゚:;。+゚+。::゚。:.゚。+。::゚。:.゚。+。。+.。゚:;。+゚+。::゚。:.゚。。+.。゚:;。+゚+。

自己流だったり、調べながらの備忘録のアウトプットであったりするので、
あくまで、参考程度にしていただければ幸いです。

。+.。゚:;。+゚+。::゚。:.゚。+。。+.。゚:;。+゚+。::゚。:.゚。+。::゚。:.゚。+。。+.。゚:;。+゚+。::゚。:.゚。。+.。゚:;。+゚+。

制作画像

16px × 16pxと32px × 32pxの2サイズで、pngファイル形式にて保存。

外部リンクの
♦複数マルチアイコンを作ろう!で、
16px × 16pxと32px × 32px
の2種類のpngファイルをアップロードしてからアイコン作成ボタンを押します。

image07
image08
 

すると以下のような2つのサイズが一緒になったマルチアイコンという
データになりました。

image09

 

image10

 

このファビコンデータをアップロードして、
外観/テーマ編集/ヘッダーをクリック
<head>から</head>の間に下記のパスをいれます。

<link href="http://ファビコンまでのパスを記入/favicon.ico" rel="shortcut icon"/>

image12

 

インターネットのタブ部分に表示されました。

image13

♪゚+。+゚♪゚+。+゚♪゚+。+゚♪゚+。+゚♪゚+。+゚♪゚+。+゚♪゚+。+゚♪
最後までご覧いただきありがとうございました。
♪゚+。+゚♪゚+。+゚♪゚+。+゚♪゚+。+゚♪゚+。+゚♪゚+。+゚♪゚+。+゚♪

What do you think?

コメントを残す

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">