Webサイトに必要なfaviconが21個になっていた - IT探検の追憶
久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31
apple-touch-icon指定が効かない場合に確認すべきこと - Skirnirnismal
iPhoneとAndroidでは以下のような指定をHTMLに書いておくことによりホーム画面にショートカットを作成した時のアイコンイメージを指定できる。 <link rel="apple-touch-icon" href="/img/icon.png"> ところが開発環境などで試しているとこの指定をしているにも関わらず指定したアイコンイメージが使われないことがある。 その場合は開発環境でBASIC認証を使っていないかどうかを確認すると良い。 具体的にはアイコンイメージのURLにBASIC認証がかかっているとNGである。 仮にショートカットを作成する対象画面のURLに同じBASIC認証がかかっていて画面表示の際にIDとパスワードを入力済みであってもNGである。（このせいでハマった） ちなみにAndroidは機種によって挙動が違うようで、BASIC認証がかかっていてもOKな機種があるかもしれない
（多分）正しい favicon.ico と apple-touch-icon.png の作り方 | みやなび
カテゴリ：WEB技術 タグ：HTML, ホームページ制作 閲覧数： 59,178 views 公開日：2013年8月8日 最終更新日：2016年5月25日 ↑今回作成したアイコンです。小さいサイズで表示することを考えるとシンプルになること多々・・それはそれでいいんですけどネ。自己流なんですが、favicon.ico と apple-touch-icon.png の作り方をまとめてみました。 １．apple-touch-icon.png タブレットPCやスマートフォン用になります。ファイル名どうりアップルが策定したんですけど、じゃあ Android だとどうなるのだろう・・？ 持ってないので判りません・・ とりあえずサイズです。初期だと57pxってアップルの説明でしたが、実際には60pxだったらしく、57pxで作ってたアイコンは60pxに引き伸ばされてぼやけてる、なんてことがあったらしいです
アドビ―Dreamweaverデベロッパーセンター
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
Windows7 エクスプローラのアイコンオーバーレイで使われるアイコンのサイズ - miauのブログ
先週あたりにエクスプローラでアイコンオーバーレイをやりたくなって、 How to overlay an icon over existing shell objects in 3 easy steps - CodeProject を参考に作ってたんですが、せっかく 256x256 のアイコンを作っても 48x48 のアイコンが使われてしまったりして悲しかったので、どの表示方法でどのサイズのアイコンが使われるか調べてみました。 検証環境 Windows7 SP1 で、テキストサイズは「中 - 125%（規定）」に設定した状態で検証しています。 表示方法ごとに使われるオーバーレイアイコンのリソース アイコンのリソースは複数のサイズを持つことができて、 IcoFX - The Free Icon Editor を使うと 16x16、24x24、32x32、48x48、256x256 の 5 種類
photoshopにプラグイン追加でicoファイル（ファビコン）を作成: don't cut corners
photoshopにプラグインを追加してファビコンなどを作るときに使う形式であるicoファイルを作成する方法です。 1、まずは下記のサイトからプラグインをダウンロードしてきます。 http://www.telegraphics.com.au/sw/icoformat.ja.html 64bit以上のphotoshopなら、Winでは「Windows, 64ビット版 Photoshop CS4 専用 」をMACならMac CS5 (Intel 32/64-bit)を落とします。その他自分の環境に合ったものをダウンロードしてきてください。 ダウンロードしてきたファイルを回答するとICOFormat.8biとかIcoformat.pluginとかプラグインが入っていますのでそれを下記の場所にコピーします。（おそらくプラグイン以外はhtmlファイルですので、見ればわかるかと思います。） Macの場
スマホサイト対策！ウェブクリップアイコンの設定を忘れずに | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！サリーです。 昔は、設定していたら「あらオシャレ」くらいの感覚だったfaviconも、近頃はすっかり必須項目となってまいりました。 ▲ちなみにLIGのfaviconはこんな感じ その一方で、最近ではスマホ用の「ウェブクリップアイコン」というものがあります。 これがちゃんと設定してあると「おっ」て思います。とっても簡単なので設定してみましょう。 ウェブクリップアイコンって？ スマホではホーム画面にブックマークのアイコン（タップでブラウザが立ち上がり任意のサイトが開くアイコン）を置くことを、「ウェブクリップ」と呼びます。 そのときホーム画面で使用されるアイコンの事をそのまんま「ウェブクリップアイコン」と呼ぶのですね。 ウェブクリップアイコンをホーム画面に設置する方法 iPhoneなどの場合 iPhone/iPod touch/iPadでは、Safariでサイトを開き、下部中央の共有
Surviveplus.net
第1話 アイコン作成の定石 記事掲載：2004/07/09 ( 更新：2004/07/09 ) 1. Microsoft の公式ドキュメントに従う Windows XP のアイコンの作成方法は msd の日本語ドキュメントで紹介されています。 msdn "Windows XP 用アイコン作成方法 " 基本的に、これに従えばＯＫですが、もとが英語ドキュメントで、紹介されているソフトも海外のモノなので、ちょっとわかりにくいですね。ポイントだけ抜き出すと 原画を Photoshop などで描く ツールバー用やファイル自体は正面図で、モノはパースで描く 基本パレットとして指定されている色を使う 影をつける（ツールーバー用ではつけなくて可） アイコンフォーマットは前から順に 16色、256色、透明度付き 各色順に 16、24、32、48ピクセル を用意する 各画像を用意して、ソフトを使って一つのアイ
@icon変換 - 画像とアイコンの相互変換ツール。favicon作成にも。
@icon変換 Vista形式、PNG、透過マスク、アルファチャンネルなどに対応した、画像とアイコンの相互変換ソフト。favicon作成にも。 スクリーンショット 特徴 画像とアイコンの相互変換ソフトです。ホームページの favicon、デスクトップのアイコン等の作成に便利です。 Windows Vistaの大きなサイズのアイコンを作れます。 Windows XP の半透明アイコンに対応し、透過マスク／アルファチャンネルの編集もできます。 主に、お気に入りのグラフィックツールで素材を作る人向けです。 読み込みは ICO/BMP/PNG/PSD/ICL/EXE/DLL、書き出しは ICO/BMP/PNG/ICL に対応しています。ICO では複数のアイコンを一つのファイルに持つマルチアイコンに対応し、ICL は同種アイコンのグループ化に対応しています。 1x1 から 256x256までの任意
ファビコン favicon.ico を作ろう! リアルタイム 5サイズ版
このページでは 16x16, 24x24, 32x32, 48x48, 64x64 の5つの画像を含むマルチアイコンを生成します。 16x16のみ、16x16と32x32の2個、などのアイコンも作成可能です。 入力された画像は指定サイズに拡大縮小されます。 長方形の画像を指定した場合は正方形に変形されます。 透過情報を含むPNG画像も指定可能です。 指定した大きさの画像がアイコン内に作成されます。 16x16の画像のみ作成する場合は16x16に画像を指定して下さい。 32x32の画像のみ作成する場合は32x32に画像を指定して下さい。 同時に複数画像を指定すると、マルチアイコンになります。 16x16と32x32に画像を同時に指定すると2サイズのマルチアイコンになります。 16x16,24x24,32x32,48x48,64x64すべてに同時に画像を指定すると、5サイズのマルチアイコンにな
favicon.jp - このウェブサイトは販売用です！ - favicon リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
とってもお手軽なFavicon作成ツール『Favikon』 | 100SHIKI.COM
これが決定版じゃね？とってもお手軽なFavicon作成ツール『Favikon』 November 14th, 2007 Posted in 画像・映像管理 Write comment これは便利。 Faviconをブラウザ上で作れるツールがFavikonである。もちろん、こうしたツールは他にもある。 ただ、Favikonは「画像のこの部分をFaviconにしてね」をブラウザ上で手軽に指定できる点が特徴である。 他のツールは画像のFaviconにしたい部分を切り出してからアップロードすることが多いが、Favikonではこの手順は不要になるのだ。 範囲の指定は直感的で、移動やら拡大・縮小をしながら、自分のイメージどおりのFaviconを作っていくことができる。もちろん、ダウンロードする前にプレビューもできるので、自分の気に入った画像ができるまで何度でも試すこともできる。 サイトやブログを持って
Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O P
アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
apple-touch-iconやbrowserconfig.xmlなどWebサイトのスマホ用アイコン指定の最新情報を調べてみた | 初代編集長ブログ―安田英久
http://www.hp-stylelink.com/news/2014/02/20140213.php
FavIcon from Pics -- how to create a favicon.ico for your website