3 mënyra për të krijuar ikonën tuaj Favicon

Përmbajtje:

3 mënyra për të krijuar ikonën tuaj Favicon
3 mënyra për të krijuar ikonën tuaj Favicon

Video: 3 mënyra për të krijuar ikonën tuaj Favicon

Video: 3 mënyra për të krijuar ikonën tuaj Favicon
Video: Understanding and Troubleshooting Windows Search and Indexing 2024, Mund
Anonim

Një favicon është ai imazh i lezetshëm i vogël pranë shiritit tuaj të adresave në shfletuesin tuaj. Whatshtë ajo që e veçon faqen tuaj në skedën e faqeshënuesve dhe mund të përdoret për të rritur ndërgjegjësimin e markës. Nëse keni një sit, por kurrë nuk e keni konsideruar krijimin e një favicon, duhet të rimendoni vendimin tuaj. Gjithnjë e më shumë, zhvilluesit e softuerit po përdorin favicon për aspekte të ndryshme të aplikacioneve të tyre, siç janë ikonat e ekranit bazë në tableta. Për fat të mirë, dizajnimi, krijimi dhe zbatimi i një favicon është diçka që pothuajse kushdo mund ta bëjë nëse ndjek hapat e duhur.

Hapa

Metoda 1 nga 3: Dizajnimi i Faviconit tuaj

Krijoni ikonën tuaj Favicon Hapi 1
Krijoni ikonën tuaj Favicon Hapi 1

Hapi 1. Krijoni një favicon që përfaqëson faqen tuaj të internetit

Lloji i faqes në internet që keni duhet të përcaktojë pamjen e faviconit tuaj. Mundohuni të krijoni diçka që do t'i përmbahet imazhit të markës tuaj dhe që do të jetë e njohur dhe e paharrueshme për njerëzit. Favoriku juaj do të jetë gjëja e parë që njerëzit shohin kur shikojnë skedat në shfletuesin e tyre dhe gjithashtu do të shfaqet në faqeshënuesit e njerëzve.

  • Për shembull, nëse keni një uebfaqe ushqimore, zgjedhja e një favikoni që ka fruta ose perime si dizajn mund ta bëjë atë më të paharrueshëm.
  • Nëse faqja juaj e internetit është për një firmë juridike ose kompani investimesh, një favicon tradicional dhe i hijshëm është më i miri.
  • Nëse faqja juaj e internetit ka për qëllim të rinjtë, provoni të krijoni një favikon lozonjar dhe shumëngjyrësh.
Krijoni ikonën tuaj Favicon Hapi 2
Krijoni ikonën tuaj Favicon Hapi 2

Hapi 2. Vendosni nëse doni një sfond transparent

Nëse nuk përcaktoni një sfond, atëherë ai do të mbushet me të bardhë, i cili mund të mos i përmbahet markës tuaj. Një sfond transparent do të marrë ngjyrën e shfletuesit të personit dhe do të duket më i efektshëm në disa raste. Në raste të tjera, të kesh një ngjyrë për sfondin do të bëjë që shkronjat në plan të parë ose grafika të shfaqen. Vendosni se çfarë do të ishte më e mira për modelin tuaj dhe mbajeni në mendje kur e bëni atë.

Favikoni më themelor është një katror 16x16 dhe ka një ngjyrë sfondi

Krijoni Ikonën tuaj Favicon Hapi 3
Krijoni Ikonën tuaj Favicon Hapi 3

Hapi 3. Krijoni një favikon që lexohet lehtë

Për shkak se imazhi i favikonit që do të përdorni është i vogël, është e rëndësishme që ju të mund të përcillni markën tuaj pa ngatërruar vizitorët tuaj. Një favikon që është i vështirë për t'u lexuar lë një përshtypje negative dhe mund të krijojë pyetje në mendjen e vizitorit në lidhje me cilësinë e punës që mund të ofroni. Imazhet dhe logot tepër komplekse nuk duken mirë kur zvogëlohen në 16x16 ose 32x32 pixel.

  • Nëse logoja juaj ekzistuese është shumë e ndërlikuar, atëherë mund të përdorni taktika për ta thjeshtuar atë, kështu që mund të njihet në madhësinë e favikonit. Përdorni inicialet në vend që të tregoni të gjithë emrin e kompanisë, ose krijoni një ikonë të thjeshtë në vend që të përdorni një fotografi.
  • Nëse tashmë keni një logo të thjeshtë, mund ta zvogëloni imazhin dhe ta vendosni atë si favoritin tuaj. Ju mund të keni nevojë ta ndryshoni atë para se ta shndërroni në një skedar ikonash.
  • Ju gjithashtu mund të përdorni një fotografi të një objekti që përshkruan temën e përgjithshme të faqes tuaj.
Krijoni ikonën tuaj Favicon Hapi 4
Krijoni ikonën tuaj Favicon Hapi 4

Hapi 4. Krijoni një favikon estetikisht të këndshëm

Struktura e favikonit tuaj quhet forma e tij. Favicons zakonisht marrin forma, si një rreth ose një katror. Kur dizajnoni favikonin tuaj, është përgjithësisht më mirë nëse është në gjendje të përshtatet brenda njërës prej këtyre formave bazë, sepse format e formës së lirë shpesh mund të ngatërrohen ose ngatërrohen në 16x16 piksele. Një aspekt tjetër i rëndësishëm i dizajnit tuaj quhet unitet estetik. Uniteti estetik përfshin detajet dhe madhësitë e përbërësve të ndryshëm në favicon -in tuaj dhe si balancohet faviconi juaj. Sa më uniformë të jenë detajet, aq më koheziv do të duket faviconi juaj. Për shembull, përdorimi i llojeve ose madhësive të ndryshme të shkronjave brenda favikonit tuaj nuk është i këndshëm për syrin dhe mund ta bëjë favikonin tuaj të duket i hutuar ose i çrregullt.

  • Një shembull tjetër i unitetit estetik është ruajtja e qosheve të rrumbullakosura në të gjitha format në favikonin tuaj.
  • Një shembull i mirë i një ikone që ka ndryshuar formën është favicon i Google. Ajo ka ndryshuar nga një shesh në një rreth.
Krijoni ikonën tuaj Favicon Hapi 5
Krijoni ikonën tuaj Favicon Hapi 5

Hapi 5. Përdorni ngjyra që janë kohezive për markën tuaj

Kur krijoni favikonin tuaj, duhet ta krijoni në thellësi ngjyrash 8 bit (256 ngjyra) ose 24 bit (16.7 milion ngjyra), pasi kjo do të funksionojë në shfletuesit modernë. Sigurohuni që ngjyrat që zgjidhni mund të gjenden diku tjetër në faqen tuaj të internetit ose të jenë të lidhura në një farë mënyre me markën tuaj. Një favicon me ngjyra që nuk janë në faqen tuaj të internetit, logon ose aplikacionet nuk do të mbahen mend dhe njerëzit nuk do të jenë në gjendje ta lidhin ikonën me markën tuaj.

  • Disa përdorime krijuese të ngjyrave të preferuara përfshijnë GitHub i cili ndryshon ngjyrat në varësi të statusit të sistemit tuaj dhe Trello, i cili ndryshon në varësi të ngjyrës tuaj të sfondit.
  • Ngjyrat më të zakonshme të përdorura në favicons janë e kuqja dhe bluja.
Krijoni ikonën tuaj Favicon Hapi 6
Krijoni ikonën tuaj Favicon Hapi 6

Hapi 6. Merrni parasysh audiencën tuaj kur krijoni një favicon

Përveç identifikimit të markës tuaj, faviconi juaj duhet të duket tërheqës për vizitorët tuaj. Njerëzit me shije, interesa dhe norma të ndryshme shoqërore do të shikojnë ikonologji të ndryshme nga perspektiva të ndryshme. Dallimet kulturore ekzistojnë brenda shoqërisë sonë dhe mund të ngatërrojnë ose zmbrapsin auditorin që po përpiqeni të tërheqni.

Për shembull, Mac Os X përdor një pullë e cila është një simbol universal për postën. Përdorimi i një kuti postare nuk do të ishte aq efektive sepse kutitë postare ndryshojnë në pjesë të ndryshme të botës

Krijoni ikonën tuaj Favicon Hapi 7
Krijoni ikonën tuaj Favicon Hapi 7

Hapi 7. Merrni mendimin e miqve dhe kolegëve

Ndërsa nuk është tepër grafikisht intensive, një favikon është një pjesë e rëndësishme e markës tuaj. Për shembull, mendoni për uebfaqet tuaja të preferuara si Twitter, Gmail, Facebook ose wikiHow, dhe sa e lidhni favicon me markën. Nëse nuk keni një sy të mirë për dizajnin, ose jeni të tronditur se çfarë lloj dizajni duhet të keni për faqen tuaj, konsultohuni me miqtë që kanë një sy për dizajnin ose që punojnë në dizajn grafik.

  • Pyesni në rrjetin tuaj të miqve për të parë nëse dikush mund të japë këshilla për dizajnin falas.
  • Kompanitë më të mëdha kanë stilistë grafikë të brendshëm që mund të krijojnë imazhin e preferuar.

Metoda 2 nga 3: Krijimi i Favicon tuaj

Krijoni Ikonën tuaj Favicon Hapi 8
Krijoni Ikonën tuaj Favicon Hapi 8

Hapi 1. Përdorni softuer për redaktimin e fotografive për të krijuar favikonin tuaj

Ju mund të përdorni softuer për redaktimin e fotografive si Adobe Photoshop ose Illustrator për të krijuar imazhin për favicon -in tuaj. Këto aplikacione softuerike gjithashtu ju lejojnë të ndryshoni madhësinë dhe eksportoni imazhin në formatin e duhur. Disa programe ju lejojnë të krijoni favikonin tuaj me dorë.

  • Ekzistojnë gjithashtu programe të veçanta të redaktimit të favicon që mund t'i gjeni në internet.
  • Përdorni një motor kërkimi dhe shkruani "redaktorët e favicon".
  • Bëjeni madhësinë e kanavacës tuaj 512x512 piksele sepse ky numër zbërthehet në madhësitë më të zbatueshme të favikonit dhe është akoma mjaft i madh për ju që të redaktoni në mënyrë efektive.
  • Softuerë të tjerë të njohur për redaktimin e fotografive përfshijnë GIMP, PhotoScape dhe Paint. NET.
  • Kur përdorni këtë softuer, nuk do të jeni në gjendje të redaktoni skedarët.ico drejtpërdrejt, por mund të përdorni skedarët.png,.jpg, ose-g.webp" />
Krijoni ikonën tuaj Favicon Hapi 9
Krijoni ikonën tuaj Favicon Hapi 9

Hapi 2. Ndryshoni madhësinë dhe ruani favikonin tuaj

32x32 px është madhësia e artikujve të desktopit të Windows ndërsa 16x16 px është madhësia e favikoneve në skedën e shfletuesit tuaj. Pasi të krijoni favikonin tuaj në një format më të madh, është e rëndësishme të zvogëloni madhësinë e tij në mënyrë që të shihni se si do të duket në shfletuesit e njerëzve. Nëse është i palexueshëm ose jo estetikisht i këndshëm, filloni me modelin tuaj origjinal. Mendoni për platformat në të cilat faqja juaj e internetit ose aplikacioni ka shumë të ngjarë të përdoret dhe më pas krijoni një favicon për të mbuluar të gjitha bazat tuaja.

  • Importantshtë e rëndësishme të theksohet se pajisje të ndryshme kompjuterike dhe softuerë përdorin madhësi të ndryshme favicon.
  • Disa madhësi të tjera të preferuara përfshijnë 57x57px për ekranin standard standard të iOS, 72x72px për iPad, 96x96px për Google TV, 128x128px për Dyqanin e Uebit të Chrome dhe 195x195px për Thirrjen e Shpejtë të Operës.
  • Nëse dëshironi të mbuloni të gjitha bazat tuaja, mund të krijoni versione të faviconit tuaj në secilën prej këtyre madhësive.
  • Ruani versione të veçanta të favikonit tuaj, në mënyrë që të mos humbni punën që keni bërë.
Krijoni ikonën tuaj Favicon Hapi 10
Krijoni ikonën tuaj Favicon Hapi 10

Hapi 3. Kombinoni skedarët tuaj duke përdorur një konvertues

Gjëja më e mirë për skedarët.ico është se mund të kombinoni më shumë se një skedar për ta krijuar atë. Kjo është e dobishme sepse shfletues dhe softuerë të ndryshëm do të duan një favicon me madhësi të ndryshme. Për t'u siguruar që faviconi juaj duket i mirë në të gjitha platformat e ndryshme, konvertoni skedarët tuaj duke përdorur një konvertues në internet. Shkruani "konvertuesin e ikonave" në motorin tuaj të preferuar të kërkimit për të gjetur aplikacione falas online për ta bërë këtë. Ruani skedarin e bashkuar si "favicon.ico".

  • Ju gjithashtu mund të përdorni një program si GIMP që ka një veçori të integruar, ose të shkarkoni një shtojcë të quajtur ICO FORMAT në Adobe Photoshop.
  • Krijoni një dosje të re në mënyrë që të mund të ruani favicons të reja ose vepra në progres.
  • Shkruani ".ico converter" ose "favicon generator" në një motor kërkimi për të gjetur mjete të ndryshme që mund të përdorni.

Metoda 3 nga 3: Zbatimi i Faviconit tuaj

Krijoni Ikonën tuaj Favicon Hapi 11
Krijoni Ikonën tuaj Favicon Hapi 11

Hapi 1. Ngarko favicon -in tuaj nëse jeni duke përdorur një redaktues të faqes në internet

Shumë redaktues të faqeve të internetit vijnë me një formë të integruar që ju lejon të ngarkoni favicon tuaj në faqen tuaj automatikisht. Nëse jeni duke përdorur një redaktues të faqes në internet që e ka të integruar këtë, kërkoni opsionet që thonë "Ngarko Favicon" ose "Shto Favicon" në menunë e cilësimeve të faqes suaj të internetit. Zgjidhni skedarin tuaj të favicon.ico dhe ngarkojeni atë në faqen tuaj.

Nëse nuk mund të gjeni një vend për të ngarkuar favikonin tuaj në redaktuesin e faqes suaj të internetit, do t’ju duhet ta bëni atë me dorë

Krijoni ikonën tuaj Favicon Hapi 12
Krijoni ikonën tuaj Favicon Hapi 12

Hapi 2. Ngarko skedarin në drejtorinë rrënjësore të faqes tuaj

Nëse faqja juaj e internetit mbështet Protokollin e Transferimit të Skedarëve ose FTP, atëherë mund të përdorni klientin tuaj FTP për të ngarkuar skedarin tuaj të ri favicon.icon në drejtorinë tuaj rrënjësore (indeksi). Nëse jo, atëherë do të duhet të shkoni në faqen tuaj të hosteve në internet dhe të ngarkoni imazhin me dorë. Mos harroni të zëvendësoni skedarin ekzistues favicon.ico me skedarin tuaj të ri.

Krijoni ikonën tuaj Favicon Hapi 13
Krijoni ikonën tuaj Favicon Hapi 13

Hapi 3. Shtoni skedarin në kokën tuaj

Gjeni vendin ku mund të përdorni skedarët PHP dhe CSS për faqen tuaj. Shkoni te skedari header.php i faqes tuaj dhe redaktojeni atë. Nën llojin e etiketës,"

  • . Kjo duhet të lidhë faqen tuaj me favicon -in tuaj.

    Për shkak se jeni duke përdorur PHP, do të thotë që çdo faqe që përdor skedarin tuaj të kokës tani do të ketë të njëjtin favicon

    Krijoni ikonën tuaj Favicon Hapi 14
    Krijoni ikonën tuaj Favicon Hapi 14

    Hapi 4. Rifreskoni shfletuesin tuaj

    Pasi të keni mbaruar ngarkimin e favikonit, mund të rifreskoni shfletuesin tuaj për të parë imazhin tuaj të ri pranë shiritit të adresës. Për të shkuar drejtpërdrejt në një imazh të favikonit tuaj të përditësuar, shkruani "https://www.yourdomain.com/favicon.ico".

    • Nëse faviconi juaj nuk shfaqet fillimisht, mund t'ju duhet të rivendosni cache -in e shfletuesit tuaj.
    • Për të pastruar cache -in tuaj, shkoni te cilësimet e shfletuesit tuaj dhe fshini Skedarët, Cookies dhe Historinë tuaj të Përkohshme të Internetit.

Recommended: