Webデザインの勉強と製作 | あかとんぼ

フェリカテクニカルアカデミーの学習をベースに、Webについての勉強と製作の過程をまとめています。

[Web]favicon(ファビコン)の制作

Web

faviconとは

  • ウェブサイトのシンボルとして配置するアイコン。
  • icoファイルを表示(IE対策)
faviconのサイズ

itexp.hateblo.jp

  • きりがないので最低限として…
  • 将来的にSVG対応か

icoファイル変換ジェネレーター

Favicon表示の記述

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Faviconを表示させる</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.ico"/>
<link rel="apple-touch-icon" href="touch-icon.png" />
</head>

yachin29.hatenablog.com