<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>favicon &#8211; 這世上 沒有偶然 只有必然</title>
	<atom:link href="https://wordpress.lokidea.com/tag/favicon/feed/" rel="self" type="application/rss+xml" />
	<link>https://wordpress.lokidea.com</link>
	<description>幻幽的小小分享區</description>
	<lastBuildDate>Sat, 08 Jul 2017 03:30:11 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Favicon (最愛圖示) 產生器</title>
		<link>https://wordpress.lokidea.com/1604/favicon-%e6%9c%80%e6%84%9b%e5%9c%96%e7%a4%ba-%e7%94%a2%e7%94%9f%e5%99%a8/</link>
					<comments>https://wordpress.lokidea.com/1604/favicon-%e6%9c%80%e6%84%9b%e5%9c%96%e7%a4%ba-%e7%94%a2%e7%94%9f%e5%99%a8/#respond</comments>
		
		<dc:creator><![CDATA[Barney Chen]]></dc:creator>
		<pubDate>Sat, 08 Jul 2017 03:30:11 +0000</pubDate>
				<category><![CDATA[全端之路]]></category>
		<category><![CDATA[分享]]></category>
		<category><![CDATA[前端]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[前端工具]]></category>
		<category><![CDATA[工具服務]]></category>
		<guid isPermaLink="false">https://wordpress.lokidea.com/?p=1604</guid>

					<description><![CDATA[之前一直沒有特別注意過這個問題 關於 favicon 的設定語法，因為不同使用裝置 會有對應的使用圖示，為了滿 &#8230; <a href="https://wordpress.lokidea.com/1604/favicon-%e6%9c%80%e6%84%9b%e5%9c%96%e7%a4%ba-%e7%94%a2%e7%94%9f%e5%99%a8/" class="more-link">閱讀全文 <span class="screen-reader-text">Favicon (最愛圖示) 產生器</span></a>]]></description>
										<content:encoded><![CDATA[<p>之前一直沒有特別注意過這個問題<br />
關於 favicon 的設定語法，因為不同使用裝置<br />
會有對應的使用圖示，為了滿足所有瀏覽器與裝置的需求<br />
就問了一下Google大神 (之前有印象有favicon產生器)</p>
<blockquote><p>Favicon Generator for all platforms: iOS, Android, PC/Mac&#8230;<br />
<a href="http://realfavicongenerator.net/" target="_blank" rel="noopener noreferrer">http://realfavicongenerator.net/</a></p></blockquote>
<p><span id="more-1604"></span><br />
真的有這網站，可以產生適用於所有平台的 favicon<br />
當然上傳的時候他也建議要 260&#215;260 以上的圖片<br />
沒有的話，至少要有 70&#215;70 以上<br />
上傳照片以後，會跳轉到第二頁<br />
這篇可以針對一些特別的裝置去另外獨立設定 favicon<br />
基本上沒有特別需求就到最下方去點選產生的按鈕<br />
接下來就會產生出對應的HTML語法<br />
跟需要下載的 favicon 檔案(點選 &#8220;Favicon package&#8221;可以下載整包)<br />
他也提供你放好 favicon 以後的確認器<br />
(<a href="http://realfavicongenerator.net/favicon_checker" target="_blank" rel="noopener noreferrer">http://realfavicongenerator.net/favicon_checker</a>)<br />
另外，剛好也看了看 favicon 的 <a href="https://zh.wikipedia.org/wiki/Favicon" target="_blank" rel="noopener noreferrer">wiki頁面</a><br />
原來微軟跟 favicon 的關係匪淺啊<br />
RealFaviconGenerator 也有 <a href="https://github.com/RealFaviconGenerator" target="_blank" rel="noopener noreferrer">github頁面</a><br />
<a href="http://realfavicongenerator.net/blog/" target="_blank" rel="noopener noreferrer">官方的部落格</a> 也有提供一些滿不錯的相關文章<br />
<a href="https://realfavicongenerator.net/faq" target="_blank" rel="noopener noreferrer">官方的FAQ</a> 裡面的說明也是建立圖示的一些建議說明，也值得看看<br />
在 alternativeto.net 上面也可以 <a href="http://alternativeto.net/software/realfavicongenerator-net/" target="_blank" rel="noopener noreferrer">找到其他替代方案</a><br />
也補充一下寫文章時查到的其他文章</p>
<ul>
<li><a href="http://pressing.space/frontend/favicon-trivia/" target="_blank" rel="noopener noreferrer">pressing.space | Favicon &#8211; 關於我的最愛圖示的二三事 &#8211; pressing.space</a><br />
說明了很多最愛圖示的使用技巧</li>
<li><a href="https://frontend.hackpad.com/ep/pad/static/G5OVpNxDwL4" target="_blank" rel="noopener noreferrer">前端好資源</a><br />
列出許多前端好用的工具</li>
<li><a href="http://dev.twsiyuan.com/2015/12/favicon.ico.html" target="_blank" rel="noopener noreferrer">如何產生網頁圖示（favicon）並且符合各家瀏覽器規格</a><br />
有講到 <a href="https://zh.wikipedia.org/wiki/Identicon" target="_blank" rel="noopener noreferrer">identicon</a> 這個東西，大家也可以參考看看</li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpress.lokidea.com/1604/favicon-%e6%9c%80%e6%84%9b%e5%9c%96%e7%a4%ba-%e7%94%a2%e7%94%9f%e5%99%a8/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
