<-- IE錯誤修正 --> Favicon Checker 檢查網站圖示在 iOS、Android、PC 和 Mac 設定是否正確 - RiS社群 | FileMaker 中小企業應用



快速發表主題
返回   RiS社群 | FileMaker 中小企業應用 > 交流平台 / 老少咸宜 (General forums) > 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) > 精選好用APP等相關網站資源 (Website Reviews)

精選好用APP等相關網站資源 (Website Reviews) 本區除了同步注入"免費資源網路社群 "最新資訊外,也不定時將一些提供更多值得關注的App或網站介紹,盡量滿足男女老少們喜愛!


FileMaker 教學 FileMaker 14 教學課程 FileMaker 教學
FileMaker 課程(僅接受公司/單位或1對1專屬教學

輕鬆學會FileMaker
帶你認識FileMaker

FileMaker俱樂部 加入FileMaker獲取官方資訊 FileMaker俱樂部
FileMaker俱樂部

回覆
 
LinkBack 主題工具 顯示模式
  #1 (permalink)  
舊 2018-02-02
進階會員
 
註冊日期: 2008-08-09
住址: 台灣/台北
文章: 5,660
燈泡 Favicon Checker 檢查網站圖示在 iOS、Android、PC 和 Mac 設定是否正確

Click the image to open in full size.(Copyright: audiohead / 123RF Stock Photo)在網站最佳化指南裡有提到最好可為網站加入網站圖示(Favicon),如果沒記錯的話,雖然是一個簡單的動作,但對網站來說卻有相當大的幫助,怎麼說呢?這些圖案有助於加深使用者對網站的印象,在書籤列顯示也更容易識別,除此之外,當今行動裝置瀏覽器例如 iOS Safari 或 Android Chrome 都支援將網站釘選到主畫面,不過必須事先設定好合適的圖案。



如果你不知道自己網站上的網站圖示 Favicon 設定是否正確,或是呈現出來的效果有沒有符合預期,可透過「Favicon Checker」免費線上工具檢查一下,這個服務的功能很簡單,只要輸入網站網址,就會檢查所有可能用到 Favicon 的平台或作業系統,包括 iOS、Android、Windows 8、Windows 10、Mac OS X El Capitan 和一般常用瀏覽器。

依照網站說明,Favicon Checker 可以幫你解決以下問題:
  • 我的 favicon.ico 正確嗎?這個問題往往會引起令人驚訝的答案。
  • 我的網站圖示在 iOS 看起來正常嗎?
  • 我的網站圖示在 iPhone 6 看起來還好嗎?(iPhone 6 比前幾代要求更高)
  • 我有一個 favicon.png。這樣就好嗎?
  • 我聽過 Windows Surface。有什麼我需要做的嗎?
雖然網站圖示(Favicon)不是一個很困難的問題,但若你不會照著說明完整設定,或不確定自己網站上的設定正不正確,都能透過 Favicon Checker 來快速檢查一下,這項服務會告訴你每個平台顯示的圖示效果以及有那些可以改善的項目。

網站名稱:Favicon Checker
網站鏈結:https://realfavicongenerator.net/favicon_checker

使用教學

STEP 1

開啟 Favicon Checker 網站,選擇你的網站是 http:// 或 https:// 接著輸入網址,點選後方的藍色按鈕就能進行檢查。

Click the image to open in full size.

STEP 2

等待結果出現後,就能從各種顏色的提示資訊中找出網站圖示有沒有需要修改、調整或是設定有誤之處,綠色代表正確沒有問題,如果有紅色的話就需要調整一下,例如下圖就是找不到高解析度的 Touch 圖示,可能在某些裝置會無法顯示。

Click the image to open in full size.

當然你不一定要滿足所有的裝置或作業系統,不過一些主流的作業系統(例如 Windows)可以考慮讓它符合檢測標準,對於網站會有正面幫助,至於要如何設定呢?Favicon Generator 本身就是一個圖示產生器,只要將圖片(PNG、JPG、SVG 等等)上傳,就會自動產生各種大小及必要的程式碼。

Click the image to open in full size.

值得一試的三個理由:
  1. 輸入網址就能線上檢測,快速了解網站 Favicon 設定是否正確
  2. 可檢測 iOS、Android、Windows 及 macOS 網站圖示顯示情形
  3. 網站提供 Favicon Generator 可快速將圖片轉為各種大小尺寸的圖示
喜歡 Favicon Checker 檢查網站圖示在 iOS、Android、PC 和 Mac 設定是否正確 嗎?歡迎將免費資源網路社群加入書籤,以 FacebookTwitterGoogle+ 追蹤更新,獲取更多科技新知及免費資源相關介紹教學。

Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size.


來源...

回覆時引用此篇文章
回覆
相似的主題
主題 主題作者 討論區 回覆 最後發表
Appbuzzer 十套 Mac 軟體限時免費! wowria 精選好用APP等相關網站資源 (Website Reviews) 0 2012-06-29 09:45 AM
【只送不賣】Part 11: iSkysoft Slideshow Maker for Mac 將相片製作為精美幻燈片,正版軟體免費送! wowria 精選好用APP等相關網站資源 (Website Reviews) 0 2012-05-04 10:43 AM
Favikon 網站小圖示(favicon)產生器 wowria 精選好用APP等相關網站資源 (Website Reviews) 0 2012-02-22 11:30 AM
iSkysoft DVD Creator 功能強大的DVD製作軟體,萬聖節免費下載(Windows、Mac 雙版本) wowria 精選好用APP等相關網站資源 (Website Reviews) 0 2011-10-31 10:50 AM
iTube Studio for Mac 線上影片下載、轉檔軟體,限時免費 wowria 精選好用APP等相關網站資源 (Website Reviews) 0 2011-09-14 07:50 PM


主題工具
顯示模式

發表文章規則
不允許您發表新主題
不允許您發表文章
不允許您上傳附件
不允許您編輯自已的文章

開啟 BB 代碼
關閉 HTML 程式碼
Trackbacks are 關閉
Pingbacks are 關閉
Refbacks are 開啟



所有時間均為 +9。現在的時間是 09:34 PM
Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2018,Jelsoft Enterprises Ltd.
Advertisement System V2.6 By   Branden
RiS 社群 ( 感謝正洋資訊顧問有限公司技術指導 ) - 使用3.7.2永久合法版權。
Ad Management by RedTyger



Content Relevant URLs by vBSEO 3.6.0 PL2