在地址欄網址URL前面的(de)小圖标是怎麽弄出來(lái)的(de)?

發布時(shí)間:2017-06-16 23:12:42   點擊量:8645

  打開各大(dà)知名網站,您會發現網址前面都有有個(gè)漂亮的(de)小圖标。這(zhè)個(gè)圖标叫ico圖标。這(zhè)個(gè)需要設計師制作和(hé)程序人(rén)員(yuán)添加這(zhè)個(gè)小圖标。是不是瞬間感覺網站高(gāo)大(dà)上了(le)呢(ne)?那麽如何制作ico圖标呢(ne)?

  具體操作步驟這(zhè)裏講述給大(dà)家。希望對(duì)您有幫助。

  第一步:用(yòng)photoshop軟件制作一個(gè)32*32像素的(de)小圖标。這(zhè)個(gè)圖标一定保證簡潔、清晰

  第二步:制作好的(de)圖片保存好,然後用(yòng)ICO在線轉換工具把制作好的(de)jpg格式的(de)圖片轉換成.ico格式的(de)圖片。這(zhè)個(gè)也(yě)是關鍵的(de)一步。文件名字命名成【favicon.ico】

  第三步:在頁面源文件的(de)<head></head>标簽之間插入:<link rel="shortcut icon" href="favicon.ico"/> 該段最後形成: <head><link rel="shortcut icon" href="favicon.ico"/></head>

  第四步:上傳favicon.ico的(de)文件到網站程序的(de)根目錄即可(kě)。

  【注意事項】:

  原始圖像可(kě)以接受:.jpg .jpeg .gif .png等圖像格式原始圖像文件大(dà)小限制在小于500k建議(yì)制作一張400x400的(de)jpg圖像,然後等比縮小到你想轉換的(de)ico尺寸最後用(yòng)本工具轉換成ico圖标格式. (當然你也(yě)可(kě)以直接把原始尺寸的(de)圖像通(tōng)過ico制作工具直接轉換,我拉網會自動将圖片縮小到合适的(de)ico圖标尺寸,不過可(kě)能會在縮小的(de)時(shí)候有所失真) 注:成功生成favicon.ico圖像後,浏覽器會自動彈出一個(gè)zip的(de)壓縮文件将壓縮文件中的(de)favicon.ico圖像放在根目錄下(xià)(也(yě)可(kě)以是其他(tā)目錄)。

*版權所有,引用(yòng)時(shí)請在顯要位置注明(míng)轉自 東正網站建設,網絡營銷服務領跑者—東正科技