Вэб дүрс дээрх 7 мэргэжилтний зөвлөмж нь хэрэглээ ба ашиг тусыг тогтоодог

Таны вэбсайтад зориулагдсан дүрс тэмдгийг ашиглах, аль алийг нь сонгох талаар сонирхож байна уу? Эдгээр шинжээчдийн зөвлөмжүүд нь зөвхөн мэргэжлийн вэб хөгжүүлэгчдийн аль хэдийн мэддэг зүйлд итгүүлж болох юм: Дүрсүүдийг нэг нэгээр нь хайж олох, тэдгээрийг хоорондоо нэгдмэл байлгах арга олохоос хавсаргасан дүрсээс хайх нь илүү хялбар байдаг.

Бид олон нийтээс дүрсний багц ашиглах талаар хамгийн сайн зөвлөмжийг асуусан бөгөөд ихэнх нь алдартай Font Awesome дүрс тэмдгийг ашиглах талаар санал нэгдсэн боловч энэ нь зөвхөн зах зээл дээр байгаа цорын ганц дүрс биш юм.

Та ямар дүрс тэмдгийг ашиглаж байна вэ? Бидэнд сэтгэгдэл үлдээгээрэй!

 Та өөрийн вэбсайтад зориулагдсан тодорхой дүрс тэмдгийг ашиглаж байна уу? Та Font Awesome-ийг тодорхой хэрэглээнд ашиглаж байна уу (жишээ нь: Shopify ашиглан, мэдээллийн товхимол, ...)? Хэрэв тийм бол та яагаад үүнийг ашиглаж байгаа вэ, дүрс тогтоосон туршлага юу вэ? Та тэдний CDN-ийг ашиглаж байсан уу, ашиглалтын хувьд ахиц дэвшил ажиглагдсан уу?

Жефф Розер: Энэ нь үйлчлүүлэгчид орчин үеийн, сэтгэл татам байдлыг олж хардаг сайхан энгийн хэв маягийг нэмдэг

Бид eWorkOrders.com дээр Font Awesome ашигладаг. Энэ бол бидний санал болгож буй үйлчилгээ (SAAS), компьютержсэн засвар үйлчилгээний менежментийн систем (CMMS) гэх мэт манай маркетингийн сайт болон програм хангамжийн аль алиных нь нэг хэсэг юм. Манай маркетингийн сайт дээр ирээдүйн үйлчлүүлэгчид орчин үеийн, сэтгэл татам байдлыг олж хардаг сайхан энгийн хэв маягийг нэмдэг. Бид интерактив, сэтгэл хөдөлгөм болгохын тулд сонирхолтой хил, хулганыг нэмж оруулав. Үйлчлүүлэгчдийн хувьд Font Гайхалтай дүрс нь оролтын талбайн доторх визуал дүрсийг ашиглан огнооны талбар дахь хуанлийн дүрс, имэйл хаягийн талбарт дугтуй эсвэл утасны дүрс гэх мэт мэдээллийг оруулахад тусалдаг. утасны дугаарын талбар. Эдгээрийг засах, хуулах, хэвлэх гэх мэт функциональ товчлуур дээр ашигладаг.

Дүрсүүд нь хугацаа хэтэрсэн ажлын дарааллын хажууд эсвэл ямар нэг зүйлд анхаарал хандуулах шаардлагатай үед улаан дохио тэмдэг гэх мэт өгөгдлийн талаар хурдан мэдээллийг өгөхөд ашиглагддаг. Эдгээр хөтөлбөрийг илүү сайхан харагдуулах үүднээс тэд цөөн хэдэн газарт байгаа.

Фонт Гайхалтай байлаа! Тэдний CDN нь хурдан бөгөөд бидэнд хэрэгтэй дүрс бүрийн олон сонголтууд байдаг. Бид хэзээ ч сэтгэл дундуур байгаагүй.

Рэйчел Фоли: Том хэмжээний дүрс бүхий номын сан руу хялбархан нэвтрэх боломжийн арга

Миний үйлчлүүлэгчдийг газрын зураг дээр бид бүх маркетингийн сувгууд болон манай бүтээгдэхүүнийг агуулсан имижографийн Фон Гайхамшигт бүрэн суурилдаг.

• Вэбсайт
• Имэйлүүд
• Олон нийтийн сүлжээ
• Захиалгат график
• Гар утасны програм
• Вэб програм

Бид Font Awesome-ийг ашигладаг бөгөөд энэ нь том хэмжээний дүрс бүхий номын сан руу хялбархан нэвтрэх боломжтой арга юм. Загвар нь манай брэндтэй нийцдэг зугаатай тал дээр илүү тод харагдаж байна; өөр өөр жин, хэв маягийн дүрсийг ашиглах чадвар нь бидэнд эрх чөлөөг өгдөг.

Бид CDN-ийг өөрийн програмуудад ашигладаг бөгөөд энэ нь бүтээгдэхүүний хэрэглэгчийн туршлагад маш тууштай мэдрэмжийг мэдрэх боломжийг олгодог. Дээрээс нь - шаардлагатай бол шинэчлэх нь маш энгийн. Маркетингийн материалын хувьд бид илүү уян хатан байдаг бөгөөд манай дотоод суулгалт, вектор хувилбар болох CDN-ийн холимогийг ашигладаг.

FA өнгөрсөн 1-р сард бүрэн батлагдсанаас хойш бидний хувьд найдвартай байсан.

Эндрю Рудицер: Фонт Гайхамшиг шинэчлэгдсэнээр бид ч бас тэгсэн

Font Awesome is used on all our sites since the dawn of time. When we first started working with Font Awesome, it was mainly used for their Олон нийтийн сүлжээ Icons. As Font Awesome upgraded, so did we. Not only are their phone icons fantastic, we enjoy the comical icons that they offer. As of recent, Font Awesome announced their version 6 icons. To us, this shows that Font Awesome cares for their users, and want to keep their system up to date with recent code.

Font Awesome нь одоо сонгох олон тооны дүрсүүдийг санал болгож байна. Энэхүү уян хатан чанарыг бид дизайны үе шатнаас Хөгжлийн үе шат хүртэл нь тустай гэж үздэг. Font Awesome-ийн хувьд тэдний платформ нь хэрэглэгчдэдээ хоёр сонголтыг санал болгодог. Эхний сонголт бол үнэгүй үйлчилгээ бөгөөд 1588 үнэгүй дүрсийг сонгох боломжтой. Хоёр дахь сонголт бол Pro гишүүнчлэл бөгөөд 7,842 дүрс санал болгодог. Энэ компани нь Icon хууран мэхлэх хуудас гэж нэрлэдэг зүйлтэй. Энэ жагсаалт нь Font Awesome-ийн санал болгодог бүх дүрсийг харуулдаг бөгөөд энэ нь үнэгүй багц эсвэл про багцын нэг хэсэг эсэхийг бидэнд мэдээлдэг.

Нэмэхийн тулд Font Awesome нь CDN-ээс кодоо татах сонголтыг санал болгодог. Бид тэдний чиглэлд явахыг зөвлөж байна. Тэдний CDN нь хурдан хариу үйлдэл үзүүлэх хугацаатай байдаг бөгөөд манай сайт болон платформын хооронд хоцрогдол байдаггүй.

Жефф Ромеро: энэ нь хуудасны хурдыг илүү хурдан болгодог

Бид жижиг дунд бизнес эрхлэгчдэд зориулж Wordpress дээр захиалгат вэбсайтуудыг боловсруулдаг. Нийгмийн мэдээллийн хэрэгслийн профайлаас эхлээд утас, и-мэйл дүрс хүртэл вэбсайтууд дахь олон дүрсийг төлөөлөх зорилгоор бид зургуудыг түүхэндээ ашигласан. Дүрсийг ашиглан дүрсийг боловсруулах үйл явц нь тууштай дүрсийг олох, байршуулах, дараа нь сайтад нийцэж байгаа эсэхийг өөрчлөхийн тулд хэмжээг нь өөрчлөх шаардлагатай.

Энэ нь жижиг зургийн файл боловч тууштай иж бүрдлийг олж авах, сайтынхаа загварт нийцүүлэх нь бага зэрэг процесс юм. Одоо Font Awesome болон түүний Wordpress залгаасыг ашиглан HTML мөрийг хуулах / буулгахыг шаарддаг тасралтгүй медиа хэрэгслээр дүрсийг орлуулж болно. Илүү сайн зүйл бол дүрсүүдийг бага хэмжээний CSS-ийн хэмжээгээр өөрчлөх боломжтой (фонтын хэмжээг ашиглан). Дүрсүүд нь зураг дээр суурилсан дүрсээс илүү дээр харагдаж байгаа бөгөөд тэдгээр нь мобайл төхөөрөмж дээр тодорхой харагдаж байна. Эцэст нь энэ нь дүрс файл биш HTML-ийн шугам учраас хуудасны хурдыг илүү хурдан болгодог.

Vance: ялангуяа танай багт дизайнер байхгүй бол сайн

Би вэб хөгжүүлэгчийн хувьд Font Awesome-ийг олон янзын сайхан дүрсүүдийн хурдан шийдэл болгон ашигладаг. Font Awesome нь ялангуяа таны хөгжүүлэлтийн багт дизайнер байхгүй бол сайн байдаг. Хөгжүүлэгчид Font Awesome-ийн CDN-ийг хэзээ ч ашиглахгүйгээр өөрсдийн залгаасууд руу оруулах боломжтой байсан тул Wordpress-ийн залгаасуудыг боловсруулах нь тохиромжтой.

Font Awesome-ийн туршлага одоогоор сайн байгаа. Энэ нь ямар ч сул тал байхгүй гэсэн үг биш юм. Тодорхой дутагдалтай талуудын нэг нь хуудсыг ачаалах хурд (гүйцэтгэл) юм. Энэ нь хурдан шийдэл учраас та хэд хэдэн дүрсийг ашиглаж байсан ч гэсэн бүхэл бүтэн дүрсийг оруулах хэрэгтэй. Энэ нь вэбсайтын ачааллын хурд болон Google Page Speed ​​(PSI) оноог бууруулж магадгүй юм.

Sunny Ashley: энгийн, цэвэрхэн, шинэ зочдод шууд танигдах боломжтой

Бид Font Awesome дүрсүүдийг манай вэбсайтын доод хэсэгт ашигладаг. Тодруулбал, бид Facebook, Twitter, LinkedIn дүрсүүдийг ашиглан нийгмийн хэвлэл мэдээллийн сувгуудад ханддаг. Эдгээр нь энгийн, цэвэрхэн бөгөөд шууд ирсэн хүмүүст шууд танигддаг. Font Awesome-ийн бусад хэрэглэгчдийн мэдэж байгаагаар тэдгээр нь бас хурдан бөгөөд хялбархан тохируулагдсан байв.

Burak Özdemir: Өдний дүрс нь хэт их DOM-ийн хэмжээг үүсгэдэггүй

Feather Icons бол Коул Бемисын бүтээсэн, боловсруулсан, уншихад хялбар, нээлттэй эх үүсвэртэй дүрсүүдийн цуглуулга юм. 2020 оны 6-р сарын байдлаар 280 гаруй дүрс боломжтой байгаа. Feather Icons-ийн бүх дүрс нь MIT лицензтэй бөгөөд SVG файл хэлбэрээр тусад нь татаж авах боломжтой. Та Feature Icon-ийн вэбсайт дээрээс татаж авахаасаа өмнө дүрсний хэмжээ, дүрсний өнгөний хэмжээ, зурвасын өргөнийг өөрчлөх боломжтой.

Feather Icons нь хөгжүүлэгч эсвэл зарим үндсэн ажлыг хэрхэн яаж хийхийг мэддэг бол таны вэбсайт эсвэл төслийн хувьд сайн сонголт байж болох юм. Эдгээр хөнгөн дүрсүүдийг модулийн JavaScript номын сангаар үзүүлэх боломжтой байдаг тул хэт их DOM хэмжээ, вэб хуудсын гүйцэтгэлд хор хөнөөл учруулж чадахгүй хэмжүүр үүсгэхгүй. Тиймээс, Feather Icons-ийг ашигласнаар та хуудсыг ачаалах хурдыг зах зээл дээр байгаа бусад багцтай харьцуулахад илүү бууруулж чадна. Энэ дүрс тэмдгийг ашиглах цорын ганц сул тал бол та ихэнх брэндийн дүрсийг олж чадахгүй байгаа явдал юм.