Фавикон - бул браузериңиздеги дарек тилкесинин жанындагы кичинекей сонун сүрөт. Бул сиздин сайтты кыстармалар өтмөгүнөн айырмалап турган нерсе жана бренддин маалымдуулугун жогорулатуу үчүн колдонулушу мүмкүн. Эгерде сизде сайт бар болсо, бирок фавикон түзүүнү эч качан ойлогон эмес болсоңуз, анда чечимиңизди кайра карап чыгыңыз. Барган сайын программалык камсыздоону иштеп чыгуучулар планшеттердеги үй экраны сүрөтчөлөрү сыяктуу ар кандай аспектилер үчүн фавикондорду колдонуп жатышат. Бактыга жараша, фавиконду долбоорлоо, түзүү жана ишке ашыруу - бул, эгерде алар туура кадамдарды жасаса, дээрлик ар бир адам жасай алат.
Кадамдар
Метод 3: Фавиконуңузду долбоорлоо
Кадам 1. Веб -сайтыңызды көрсөтүүчү фавикон түзүңүз
Вебсайтыңыздын түрү сиздин фавикондун көрүнүшүн аныкташы керек. Брендиңиздин имиджин кармана турган жана адамдарга тааныла турган жана эсте кала турган нерсени иштеп чыгууга аракет кылыңыз. Сиздин фавикон адамдар браузериндеги өтмөктөрдү көргөндө биринчи көргөн нерсеси болот жана адамдардын кыстармаларында да пайда болот.
- Мисалы, эгерде сизде тамак -аш веб -сайты болсо, мөмө же жашылчасы бар фавиконду тандап алуу аны эстен кеткис кылышы мүмкүн.
- Эгерде сиздин веб -сайтыңыз юридикалык фирма же инвестициялык компания үчүн болсо, анда салттуу жана саркеч фавикон эң жакшы.
- Эгерде сиздин веб -сайтыңыз жаштарга багытталган болсо, ойноок жана түстүү фавикон түзүп көрүңүз.
Кадам 2. Тунук фон керек болсо чечиңиз
Эгерде сиз фонду белгилебесеңиз, анда ал сиздин брендиңизге жабышпаган ак түстө толтурулат. Ачык фон адамдын браузеринин түсүн кабыл алат жана кээ бир учурларда жөнөкөйлөтүлгөн көрүнөт. Башка учурларда, фон үчүн түскө ээ болуу алдыңкы тамгаларды же графиканы поп кылат. Дизайныңыз үчүн эң ылайыктуусун чечиңиз жана аны жасоодо эсиңизде болсун.
Эң негизги фавикон 16х16 чарчы жана фон түсү бар
Кадам 3. Окууга оңой фавикон түзүңүз
Сиз колдонгон фавикондун сүрөтү кичинекей болгондуктан, келүүчүлөрүңүздү чаташтырбай брендинизди жайылтуу маанилүү. Окуу кыйын болгон фавикон терс таасир калтырат жана келүүчүнүн мээсинде сиз бере турган иштин сапаты жөнүндө суроолорду жаратышы мүмкүн. Өтө татаал сүрөттөр жана логотиптер 16x16 же 32x32 пикселге чейин кичирейгенде жакшы көрүнбөйт.
- Эгерде сизде бар логотип өтө татаал болсо, анда аны жөнөкөйлөтүү үчүн тактиканы колдонсоңуз болот, ошондуктан ал фавикондун өлчөмүндө таанылышы мүмкүн. Толук компаниянын атын көрсөтүүнүн ордуна баш тамгаларды колдонуңуз же сүрөттү колдонуунун ордуна жөнөкөй сөлөкөттү жасаңыз.
- Эгерде сизде мурунтан эле жөнөкөй логотип болсо, анда сүрөттү кичирейтип, аны фавикон катары коюңуз. Сиз аны сөлөкөт файлына айландыруудан мурун өзгөртүшүңүз керек болушу мүмкүн.
- Сиз ошондой эле сайтыңыздын жалпы темасын сүрөттөгөн объектинин сүрөтүн колдоно аласыз.
Кадам 4. Эстетикалык жагымдуу фавикон түзүңүз
Сиздин фавикондун структурасы анын формасы деп аталат. Фавикондор адатта тегерек же чарчы сыяктуу формаларды алышат. Фавиконуңузду иштеп чыкканыңызда, бул негизги формалардын бирине туура келсе жакшы болот, анткени эркин формалар көбүнчө 16x16 пикселде аралашып же чаташып кетиши мүмкүн. Дизайныңыздын дагы бир маанилүү жагы эстетикалык биримдик деп аталат. Эстетикалык биримдик сиздин фавикондогу ар кандай компоненттердин деталдарын жана өлчөмдөрүн жана фавиконңуздун тең салмактуулугун камтыйт. Деталдар канчалык бирдиктүү болсо, ошончолук сиздин фавикон көрүнөт. Мисалы, favicon ичиндеги ар кандай шрифт түрлөрүн же өлчөмдөрүн колдонуу көзгө жакпайт жана сиздин фавиконду башаламан же башаламан кылып көрсөтүшү мүмкүн.
- Эстетикалык биримдиктин дагы бир мисалы - бул сиздин фавиконуңуздагы формалар боюнча тегеректелген бурчтарды сактоо.
- Формасы өзгөргөн сөлөкөттүн жакшы мисалы - Google'дун фавикону. Ал чарчыдан тегерекке өзгөрдү.
Кадам 5. Сиздин брендге биригүүчү түстөрдү колдонуңуз
Фавиконуңузду түзгөндө, аны 8 биттик (256 түстүү) же 24 биттик (16,7 миллион түстүү) түс тереңдигинде түзүшүңүз керек, анткени бул заманбап браузерлерде иштейт. Сиз тандаган түстөр веб -сайтыңыздын башка бөлүгүнөн табылышы мүмкүн же брендиңиз менен кандайдыр бир түрдө байланышта экенин текшериңиз. Веб -сайтыңызда, логотипңизде же тиркемелериңизде жок түстөр бар фавикон эсте калбайт жана адамдар сиздин бренд менен сөлөкөтүн байланыштыра алышпайт.
- Фавикондун түсүн кээ бир чыгармачыл колдонмолорго GitHub кирет, ал тутумдун статусуна жараша түстөрдү өзгөртөт жана фон түсүңүзгө жараша өзгөрөт Trello.
- Фавикондордо көбүнчө кызыл жана көк түстөр колдонулат.
Кадам 6. Фавиконду иштеп чыгууда аудиторияңызды эске алыңыз
Сиздин брендиңизди аныктоодон башка, сиздин фавикон конокторуңузга жагымдуу көрүнүшү керек. Ар кандай табитке, кызыкчылыктарга жана коомдук нормаларга ээ болгон адамдар ар кандай көз караштардан ар кандай иконологияны карашат. Маданий айырмачылыктар биздин коомдо бар жана сиз тарткыңыз келген аудиторияны адаштырып же артка кайтарышы мүмкүн.
Мисалы, Mac Os X почта үчүн универсалдуу символ болгон штампты колдонот. Почта кутучасын колдонуу анча эффективдүү болбойт, анткени почта ящиктери дүйнөнүн ар кайсы бурчунда ар кандай
Кадам 7. Достордун жана кесиптештердин пикирин алыңыз
Бул графикалык жактан абдан интенсивдүү болбосо да, фавикон сиздин брендиниздин маанилүү бөлүгү. Мисалы, Twitter, Gmail, Facebook же wikiHow сыяктуу сүйүктүү вебсайттарыңызды жана фавиконду бренд менен канчалык байланыштырганыңызды ойлонуп көрүңүз. Эгерде сизде дизайнга көзүңүз жетпесе, же сиздин сайтыңызга кандай дизайн керек экенине таң калып жатсаңыз, дизайнга көзү жеткен же графикалык дизайнда иштеген досторуңуз менен кеңешиңиз.
- Досторуңуздун тармагынан сураңыз, кимдир бирөө дизайн боюнча акысыз кеңеш бере алабы.
- Чоң компаниялардын favicon образын түзө турган ички графикалык дизайнерлери бар.
3 -метод 2: Фавиконуңузду түзүү
Кадам 1. Фавиконуңузду түзүү үчүн фото түзөтүүчү программаны колдонуңуз
Сиз сүйүктүү сүрөтүңүздү түзүү үчүн Adobe Photoshop же Illustrator сыяктуу сүрөт түзөтүүчү программаны колдоно аласыз. Бул программалык камсыздоолор ошондой эле сүрөттүн өлчөмүн туура форматта экспорттоого мүмкүнчүлүк берет. Кээ бир программалык камсыздоо кол менен favicon түзүүгө мүмкүндүк берет.
- Интернеттен таба турган favicon атайын түзөтүү программалары да бар.
- Издөө системасын колдонуңуз жана "favicon редакторлорун" териңиз.
- Кенеп өлчөмүңүздү 512x512 пиксель кылыңыз, анткени бул сан фавикондун эң ылайыктуу өлчөмдөрүнө бөлүнөт жана дагы эле эффективдүү түзөтүү үчүн жетиштүү.
- Башка таанымал сүрөт түзөтүү программаларына GIMP, PhotoScape жана Paint. NET кирет.
- Бул программаны колдонууда.ico файлдарын түздөн -түз түзөтө албайсыз, бирок.png,-j.webp" />
Кадам 2. Фавикондун өлчөмүн өзгөртүү жана сактоо
32x32 px - бул Windows рабочий пункттарынын өлчөмү, ал эми 16x16 px - браузериңиздин өтмөгүндөгү фавикондордун өлчөмү. Фавиконуңузду чоңураак форматта түзгөндөн кийин, анын браузерлеринде кандай болорун көрүү үчүн анын өлчөмүн азайтуу маанилүү. Эгерде ал окулбайт же эстетикалык жактан жагымдуу болбосо, баштапкы дизайныңыздан баштаңыз. Веб -сайтыңыз же колдонмоңуз колдонулушу мүмкүн болгон платформалар жөнүндө ойлонуп, анан бардык базаңызды жабуу үчүн фавикон түзүңүз.
- Белгилей кетчү нерсе, ар кандай жабдыктар жана программалык камсыздоолор ар кандай favicon өлчөмдөрүн колдонот.
- Кээ бир башка фавикондордун өлчөмүнө iOSтун башкы экраны үчүн 57x57px, iPad үчүн 72x72px, Google TV үчүн 96x96px, Chrome Web Store үчүн 128x128px жана Opera Speed Dial үчүн 195x195px кирет.
- Эгерде сиз бардык базаңызды камтууну кааласаңыз, анда бул өлчөмдөрдүн ар биринде фавикондун версияларын түзө аласыз.
- Сүйүктүүңүздүн айрым версияларын сактаңыз, андыктан аткарган ишиңизди жоготпойсуз.
Кадам 3. Конвертер аркылуу файлдарыңызды бириктириңиз
. Ico файлдары жөнүндө эң сонун нерсе, сиз аны түзүү үчүн бир нече файлды бириктире аласыз. Бул пайдалуу, анткени ар кандай браузерлер жана программалар башка өлчөмдөгү фавиконду каалашат. Фавиконуңуз ар кандай платформаларда жакшы көрүнүшү үчүн, файлдарыңызды онлайн алмаштыргычка айландырыңыз. Бул үчүн акысыз онлайн тиркемелерди табуу үчүн сүйүктүү издөө системаңызга "сөлөкөтүн алмаштыргычты" териңиз. Бириктирилген файлды "favicon.ico" катары сактаңыз.
- Сиз ошондой эле GIMP сыяктуу программаны колдоно аласыз, же Adobe Photoshopко ICO FORMAT аттуу плагинди жүктөп алсаңыз болот.
- Жаңы папканы түзүңүз, ошондо жаңы фавикондорду сактай аласыз же иштеп жатат.
- Колдонууга боло турган ар кандай куралдарды издөө үчүн издөө системасына ".ico конвертерин" же "фавикон генераторун" териңиз.
3 методу 3: Faviconду ишке ашыруу
Кадам 1. Вебсайт редакторун колдонуп жатсаңыз, фавикону жүктөңүз
Көптөгөн веб-редакторлор веб-сайтыңызга faviconду автоматтык түрдө жүктөөгө мүмкүндүк берген орнотулган форма менен келет. Эгерде сиз бул веб -сайттын редакторун колдонуп жатсаңыз, веб -сайтыңыздын жөндөөлөр менюсунда "Фавиконду жүктөө" же "Фавиконду кошуу" деген варианттарды издеңиз. Favicon.ico файлыңызды тандап, аны сайтыңызга жүктөңүз.
Эгерде сиз веб -сайтыңыздын редакторуна faviconду жүктөй турган жер таба албасаңыз, анда аны кол менен жасоого туура келет
Кадам 2. Файлды сайтыңыздын түп каталогуна жүктөңүз
Эгерде веб -сайтыңыз File Transfer Protocol же FTPди колдосо, анда сиз FTP кардарыңызды жаңы favicon.icon файлыңызды түпкү (индекстүү) каталогго жүктөө үчүн колдоно аласыз. Болбосо, анда сиз веб хостторуңуздун баракчасына кирип, сүрөттү кол менен жүктөшүңүз керек болот. Учурдагы favicon.ico файлын жаңы файлыңыз менен алмаштырууну унутпаңыз.
Кадам 3. Файлды башыңызга кошуңуз
Сайтыңыздын PHP жана CSS файлдарына кире турган жерди табыңыз. Сайтыңыздын header.php файлына өтүп, аны түзөтүңүз. Тегдин астында"
-
. Бул сиздин сайтыңызды фавикон менен байланыштырышы керек.
Сиз PHP колдонуп жаткандыгыңыз үчүн, бул сиздин баш файлыңызды колдонгон бардык сайттар эми ошол эле фавиконго ээ болот дегенди билдирет
Өзүңүздүн Favicon сүрөтчөсүңүздү түзүңүз 14 -кадам Кадам 4. Браузериңизди жаңыртыңыз
Фавиконду жүктөп бүткөндөн кийин, браузериңизди жаңыртып, жаңы сүрөтүңүздү дарек тилкесинин жанында көрүңүз. Түздөн -түз жаңыртылган фавикондун сүрөтүнө өтүү үчүн "https://www.yourdomain.com/favicon.ico" териңиз.
- Эгерде сиздин фавикон алгач көрүнбөсө, анда браузериңиздин кэшин баштапкы абалга келтирүүгө туура келиши мүмкүн.
- Кэшти тазалоо үчүн, браузериңиздин жөндөөлөрүнө өтүп, Убактылуу Интернет Файлдарын, Кукилерди жана Тарыхты жок кылыңыз.
