Сиздин сайтка үчүн белги кантип түзүү: пайдалуу ыкмалары жана кызмат

1. белги кантип түзүү
2. Photoshop бир белги үчүн кандай
3. белги кантип сактап калуу үчүн
4. Сиздердин сайтта үчүн белги коюу кандайча
5. бир белги алмаштыруу кандай
6. кыйла татаал белги кандай түзүү

биринчи жолу бул сөзүн угуп, ал ушундай белги экенин элестетүү да абдан кыйын. Бул кичинекей сүрөтчө иш тутумунун жана интернет серепчи жараша дарек тилкеси жана башка жерлерде, серепчи тактасында көрүнөт. Бул сайттын дизайны абдан татаал жана кубантпай элементтеринин бири деп атоого болот.

сүрөтчө кичинекей болгондуктан, бир жакшы белги түзүү, абдан татаал, ал ачык-айкын болушу керек жана сиздин сайтка менен байланыштуу бир нерсе көрсөткөн. Бардык популярдуу браузерлер да оор тапшырма болушу мүмкүн туура келген бир белги, түзүү. Бул макалада биз анын бүт жаратуу татаал аспектилери менен мамиле кылат. Сен да логотибин керек болсо, анда биз макала Муну кантип кылса болот.

белги кантип түзүү

өнүгүү белги дизайны менен баштайлы. Жакшы дизайн, анын кыска өлчөмүнө карабастан, сиздин интернет өзөгүн чагылдырып турат жана юридикалык экенибизди ажыралгыс бөлүгү болуп калууга тийиш. Эреже катары, сөлөкөтү көркөм белгисин аткарат (значок) жана бүт компания логотибин жок (значок, текст жана ураан).

бир белги катары бул сайттар, алардын сөлөкөттөрүн (сүрөттөлүш жакын же) пайдалануу.

колдонуу үчүн белги менен Текст айкелдин аз өлчөмдө, анткени зарыл болгон эмес, бул тексти окулбай калат. Бул эрежеден четтөөнүн гана жазуусу белгилүү бир бренд менен байланышкан, дүйнөгө таанымал текст каармандарды кызмат кыла албайт. Мисалы, интернет-ресурс Wikipedia белги өзүнүн баш тамга калган "W", ал эми Facebook - каты "F".

күчтүү бир бренд менен байланышкан, бул ушул каттар боюнча Favicon. Мисалы, Facebook таамай белги колдонот. Ошондой эле, айкелдин Disney көрүнүп пиксел белгилешет. Бул 16 × 16 сүрөтчөлөргө менен шайкеш келет Скриншот Retina-көргөзмөгө коюлган жаткандыгы менен байланыштуу, ал сайттар сүрөтчөлөр колдоно септи, 32 × 32.

белги кичинекей сүрөттөлүш болгондуктан, ар бир пикселдик маанилүү ролду ойнойт. анда сүрөт "так" пайда болот, анткени, айрым пиксел көрүүгө боло азайтуу логотиби кийин Кээде. так жетишүү үчүн, пикселдик деъгээлинде сөлөкөтүн өзгөртүү керек.

Эгер, мисалы, Photoshop же Gimp өзгөчө редакторлору жардамы менен логосу өлчөмүн өзгөртүү керек болбош үчүн. Биринчиден, ал 64x64 пиксел (ал ири көлөмү белги болуп саналат) өлчөмүн азайтуу зарыл. Анан сүрөт анык болгонго чейин, курал "Карандаш" жардамы аркылуу ар бир Пикселдик өзгөртүү керек. Бул убакытты талап жараянын, бирок натыйжасы акыбети кайтпай койбойт. белги 64x64 даяр 16 × 16 сүрөтү менен ошол эле ишти аткарууга керек болгондо, 24 × 24 32 × 32 пииксэл. Сүрөт браузерлердин бардыгы жана техникалар түрдө көрсө болот, ошондуктан көптөгөн өлчөмдөрү, сен керек:

• 64x64 - Safari-жылы кыстармалары;
• 32x32 - жогорку чечим көрсөтөт (Retin);
• 24x24 - Internet Explorer жана Microsoft Edge менен кыстармалары;
• 1616 - Google Chrome жана башка серепчилер.

Photoshop бир белги үчүн кандай

Биринчиден, сиз жогоруда өлчөмү менен бир нече картиналар түзүү керек.

Ошондо кенеп, бир сөлөкөтү, кат же башка сүрөт кошуу керек.

белги кантип сактап калуу үчүн

ар түрдүү өлчөмдөгү сөлөкөттөрүн түзүү, ачык PNG делосуна катары ар сактоо (24-бит). Photoshop, сиз "File" менюсундагы "интернет үчүн сактоо" параметрин колдоно аласыз. Андан кийин ал бир ICO-делосуна бардык PNG-билэлэри бириктирип зарыл. Can учурда колдонулат жана PNG делолору жана ICO алчумун, бирок көбүнчө Safari жана Chrome гана ICO түзүлүшү артык. Менин көз карашымда, бул бир ICO-сааты түзүүгө көмөк болот. ICO формат өтө жөнөкөй деп айтууга мүмкүн эмес, бирок, бактыга жараша, бул үлгүдөгү салып материалдары динине жардам берет куралдардын бир катар көйгөйлөр бар. Бул үчүн мен колдонууну каалашат X-Icon Editor . Бул бир заматта бекер онлайн кызмат жүктөлүп сүрөттөрдү салып бир айлантат, ICO делосуна, анда сиз аны жүктөй аласыз. жөн гана сайтта көрсөтмөлөрүнө ылайык иш кылсак, татаал эч нерсе жок. Сен карап Эгерде бузулган адам бул кызматты бир пикселдик редактору менен татып, өз белги алганы болот. (Мисалы мен, кесиптик редактору белги түзөтүүгө артык да, Photoshop).

X-Icon редактору PNG-редактор сиздин сүрөттөрдү жүктөп, сиздин чыгаруучу бир тизмелер ICO болот.

Сиздердин сайтта үчүн белги коюу кандайча

Ошондуктан, сиз буга чейин бир ICO билэ түзүлүшү бар. Азыр ал сайт киргизүү зарыл. Сиздердин сайтта (index.html билэ сакталат, ал эми башка ченемдик документтеринде жатат) тамыры папкасында билэни favicon.ico, аны коюп атоо. ийгиликтүү кошулду кийин, аны көрө алышат: vashsayt .com / favicon.ico. Дээрлик бардык серепчилер тамыры куржунга favicon.ico делосуна издеп жатабыз. Ошондуктан, бул белги бул папкада бар көчүрүп да маанилүү болуп саналат. ар кандай интернет браузер менен дал келүүсүн камсыз кылуу үчүн, анын жайгашкан көрсөткөн ар кандай HTML-элементтерин же шилтемелерди кошуу үчүн эмес, жакшы эмес. Бул ыкма IE6 чейин, бардык браузерлер учун иштейт. Ошондой эле, сиз WordPress бир сайтты бар болсо, анда көп темаларды Сиз теманы жөндөөлөрүнөн белги кошо аласыз. Бул ыкма да колдонсо болот.

бир белги алмаштыруу кандай

кээ бир түшүнүксүз себептерден улам, ордук кошуу серепчилер. Ошондуктан, сиз жаңы билэ ICO жүктөп жатканда, серепчи эски белги көрсөтүүгө мындан ары да болот. Мындай учурда эмне кылуу керек? Сиз жаңы белги жайгашкан көрсөтүп убактылуу HTML-сааты кошо аласыз. Ошондой эле URL аягында сиз бир аз суроо сапты кошуу керек:

<Link Отчёттун = "иконка" адреси "vashsayt .com / favicon.ico? V = 2" />

Ошентип, браузер, ал сиздин уникалдуу URL деп ойлоп калат, ошондуктан жаңы көрсөтөт аргасыз болот. жакшыртылат кийин, белги HTML-коду толугу менен жок болот. Эгер белги үчүн зарыл өзгөрүүлөрдү жасоо керек болсо, бир эле ыкма сурам "V" кийин санын көбөйтүү, ар дайым колдонушат. Ошентип, серепчи ар бир уникалдуу URL катары кабылдап, ал жаңы нускасын берет. Ал ийгиликтүү жаъыртуунун кийин HTML-коду жок, эч унутпа.

кыйла татаал белги кандай түзүү

Бул макалада мен дээрлик бардык аянтчаны иштей турган белги түзүү үчүн ийилчээктик жана жеңил жолу айтып кетким келет. Ал эми интернет долбоорлоо жана өнүктүрүү кемчиликсиздикти эч кандай чектөө болуп саналат. көбүрөөк татаал сөлөкөттөрүн кантип түзүү тууралуу билүү үчүн, керек болсо, анда кызматынан пайдалануу үчүн аракет кыла аласыз favico.js . Бул ар кандай сандар менен динамикалуу сүрөттөлүштөрдү түзүүгө мүмкүндүк берет. Бул сүрөтчөнүн урматында, сиз тийиштүү табулатура активдүү эмес, болсо да, окула элек билдирүүлөрдүн санын көрүүгө болот. Сиз онлайн метраждуу белги түзүп келсе, сиз бир белги генератор менен аракет кылат favicon.cc .

More генератор онлайн, сиз таба аласыз бул жерде .

Эгер белги түзүүгө көрүүгү бөлүшүп же суроо келсе, мен сын-пикирлер менен сени күтүп жатам!