圖標(biāo)設(shè)計(jì)圖片精品文章

• 

  字體圖標(biāo)(font-icon)，你還有什么理由不使用它？

  優(yōu)點(diǎn) 下面的簡介來自，著名字體圖標(biāo)庫Font Awesome的首頁，http://fontawesome.io： Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with t...

  felix0913 2019-08-29 11:19 評論0 收藏0
• 

  我的前端規(guī)范系列-圖標(biāo)工程化[好用的圖標(biāo)]

  為什么要有圖標(biāo)規(guī)范 1.文字和圖標(biāo)能更好的搭配使用圖標(biāo)是具有指代意義的圖形，也是一種標(biāo)識，即文字的一種延展，實(shí)際應(yīng)用中也常與文字一起配合使用,按字體標(biāo)準(zhǔn)規(guī)范化設(shè)計(jì)的圖標(biāo)更容易對齊。2.圖標(biāo)適配變得更簡單，...

  shengguo 2019-08-02 16:10 評論0 收藏0
• 

  我的前端規(guī)范系列-圖標(biāo)工程化[好用的圖標(biāo)]

  為什么要有圖標(biāo)規(guī)范 1.文字和圖標(biāo)能更好的搭配使用圖標(biāo)是具有指代意義的圖形，也是一種標(biāo)識，即文字的一種延展，實(shí)際應(yīng)用中也常與文字一起配合使用,按字體標(biāo)準(zhǔn)規(guī)范化設(shè)計(jì)的圖標(biāo)更容易對齊。2.圖標(biāo)適配變得更簡單，...

  KunMinX 2019-08-23 16:43 評論0 收藏0
• 

  Nicon-支持私有部署的開源字體圖標(biāo)管理平臺！

  ...ub登錄，采用七牛CDN存儲，歡迎大家試用。 Nicon 是一個(gè)集圖標(biāo)上傳、展示、使用于一身的字體圖標(biāo)管理平臺，流程簡單，符合日常開發(fā)使用習(xí)慣，適合企業(yè)在內(nèi)部部署使用。采用 Iconfont 字體圖標(biāo)替換項(xiàng)目中圖片圖標(biāo)的使用，以...

  trigkit4 2019-08-30 14:09 評論0 收藏0
• 

  Nicon-支持私有部署的開源字體圖標(biāo)管理平臺！

  ...ub登錄，采用七牛CDN存儲，歡迎大家試用。 Nicon 是一個(gè)集圖標(biāo)上傳、展示、使用于一身的字體圖標(biāo)管理平臺，流程簡單，符合日常開發(fā)使用習(xí)慣，適合企業(yè)在內(nèi)部部署使用。采用 Iconfont 字體圖標(biāo)替換項(xiàng)目中圖片圖標(biāo)的使用，以...

  dance 2019-08-22 15:31 評論0 收藏0
• 

  這8個(gè)國外免費(fèi)可商用圖標(biāo)素材網(wǎng)站 前端設(shè)計(jì)和網(wǎng)站素材必備

  ...站。 當(dāng)然這個(gè)也是我需要的，我們自己也有需要前端設(shè)計(jì)圖片的時(shí)候需要用到圖標(biāo)。所以，這個(gè)整理也是我們自己篩選平臺的過程，這里我準(zhǔn)備篩選8個(gè)提供商，看看哪個(gè)平臺是我喜歡的，當(dāng)然也可能也是你喜歡的。 文...

  RichardXG 2021-09-07 10:23 評論0 收藏0
• 

  [盤點(diǎn)]項(xiàng)目中可以怎么優(yōu)化圖片

  ...。使用比較方便，品質(zhì)也基本保持一致。 2-2.base64代替小圖標(biāo) 一些比較小的圖標(biāo)，使用 base64 編碼代替可以減少 http 請求。但是有一個(gè)缺點(diǎn)就是轉(zhuǎn)成 base64 后，編碼會比原圖更大，圖片越大，差別就越大。1K左右的圖標(biāo)，轉(zhuǎn)碼出來...

  lykops 2019-08-23 13:41 評論0 收藏0
• 

  [盤點(diǎn)]項(xiàng)目中可以怎么優(yōu)化圖片

  ...。使用比較方便，品質(zhì)也基本保持一致。 2-2.base64代替小圖標(biāo) 一些比較小的圖標(biāo)，使用 base64 編碼代替可以減少 http 請求。但是有一個(gè)缺點(diǎn)就是轉(zhuǎn)成 base64 后，編碼會比原圖更大，圖片越大，差別就越大。1K左右的圖標(biāo)，轉(zhuǎn)碼出來...

  hedzr 2019-08-02 12:07 評論0 收藏0
• 

  web字體

  ...字體，因此無需過于在意字體格式間的區(qū)別差異。2.字體圖標(biāo)圖片是有諸多優(yōu)點(diǎn)的，但是缺點(diǎn)很明顯，比如圖片不但增加了總文件的大小，還增加了很多額外的http請求，這都會大大降低網(wǎng)頁的性能的。更重要 的是圖片...

  番茄西紅柿 2019-04-22 19:50 評論0 收藏0
• 

  iconfont實(shí)踐小結(jié)

  ...關(guān)于雪碧圖的博文， 評論里有說用http2、或用SVG也有說用圖標(biāo)字體代替，大家知識面是挺廣，但深入了解技術(shù)點(diǎn)的似乎卻不多，否則不會有雪碧圖過時(shí)無用，用http2或圖標(biāo)字體取代就好了的想法；http2后續(xù)有時(shí)間再寫一篇個(gè)人實(shí)...

  bitkylin 2019-08-29 13:00 評論0 收藏0
• 

  img/background/iconfont---誰最適合你？

  ...需要提供詳細(xì)信息的時(shí)候，我們選擇img更合適；而一些小圖標(biāo)比如用戶頭像、等數(shù)量繁多且體積小的圖片，則適合用background來加載。一般來說，如果是裝飾性的圖片就使用background-img，如果和文體內(nèi)容很相關(guān)就使用img。下面一則...

  icyfire 2019-08-29 10:55 評論0 收藏0
• 

  img/background/iconfont---誰最適合你？

  ...需要提供詳細(xì)信息的時(shí)候，我們選擇img更合適；而一些小圖標(biāo)比如用戶頭像、等數(shù)量繁多且體積小的圖片，則適合用background來加載。一般來說，如果是裝飾性的圖片就使用background-img，如果和文體內(nèi)容很相關(guān)就使用img。下面一則...

  tinyq 2019-08-01 15:23 評論0 收藏0
• 

  淺談 CSS Sprites 雪碧圖應(yīng)用

  前言 網(wǎng)站開發(fā)90%會用到小圖標(biāo)， 多小圖標(biāo)調(diào)用顯示是前端開發(fā)常見的問題；目前小圖標(biāo)顯示常見有兩種方式（其他方式歡迎補(bǔ)充）：1.圖標(biāo)字體 顯示；如小米官網(wǎng)左側(cè)菜單欄： 2.CSS Sprite(CSS 精靈), 也稱作 雪碧圖；如華為官...

  MkkHou 2019-08-30 13:12 評論0 收藏0
• 

  CSS染色圖標(biāo)（圖片）

  之前一直以為用background引入的圖標(biāo)無法染色（非字體圖標(biāo)），現(xiàn)在才知道有黑科技可以用，就是利用drop-shadow。 代碼示例 DOCTYPE html> .face1{ display: inline-block; width: 40px; height: 40px; ...

  XboxYan 2019-04-23 13:35 評論0 收藏0