Në dizajnin e uebit, siç e dini, çdo detaj ka rëndësi. Një person që ka kaluar në burimin tuaj nuk e sheh secilin nga elementët veç e veç, por e percepton të gjithë imazhin si një paketë të përbërë nga detaje të tjera të vogla. Kështu, nëse ju mungon diçka në procesin e zhvillimit të burimit tuaj, ky detaj më vonë mund të prishë të gjithë kompleksin, të gjithë përbërjen.
Një gjë e tillë e vogël mund të jetë, për shembull, sfondi i një butoni, një font i zgjedhur gabimisht i ndonjë elementi të vogël, madje edhe një favicon. Në të vërtetë, shikoni vetë - faqet e mëdha dhe të njohura kanë një ikonë individuale që e tregon atë në seksionin "Bookshënuesit" të shfletuesit të përdoruesit. Pa të, zhvilluesit e burimit nuk do të kishin qenë në gjendje të krijonin përbërjen për të cilën po përpiqeshin fillimisht.
Prandaj, kur krijoni një dizajn për faqen tuaj, duhet të kujdeseni për një detaj të tillë si favicon. Në këtë artikull, ne do të flasim se si ta përshtatim atë me stilin e përgjithshëm të burimit, si dhe çfarë madhësie duhet të ketë ky imazh.
Ikona e sajtit
Së pari, le të përcaktojmë se çfarë është ky element. Tani për tani, hidhini një sy titullit të skedës së shfletuesit tuaj. Siç mund ta shihni, ka një imazh të vogël në të majtë të tij, që tregon një version të thjeshtuar të logos së burimit. E njëjta foto është gjithashtu pranë emrit të faqes së shfaqur në rezultatet e kërkimit. Kjo është ajo nga çfarë përdoruesi udhëhiqet kur sheh titullin.
Shumë webmaster e kuptojnë se nevojitet një fotografi e tillë - por pak njerëz e dinë se çfarë madhësie favicon për sitin do të jetë më e përshtatshme. Prandaj, në këtë artikull ne nuk do të japim vetëm informacion se si të krijoni një ikonë të tillë dhe si mund ta instaloni në burimin tuaj, por gjithashtu do të flasim për madhësitë e imazhit.
Qëllimi i favicon
Pra, fotografia pranë kokës së faqes përdoret për identifikim. Ky është qëllimi i tij origjinal: të shprehë sitin emrin e të cilit ne shohim dhe ta bëjë atë të dallohet në sytë e të tjerëve. Kjo bëhet sa më thjeshtë që të jetë e mundur përmes përdorimit të grafikës: ne në mënyrë intuitive e perceptojmë informacionin në foto shumë më shpejt dhe më lehtë sesa në formatin e tekstit. Favicons na ndihmojnë ta bëjmë këtë. Por mos harroni se madhësia e favicon është minimale në sytë e përdoruesit. Kjo nuk është një logo në "titullin" e faqes, e cila mund të përmbajë informacion shtesë në formën e mbishkrimeve, disa sqarime ose informacione kontakti. Çdo gjë që mund të shfaqet në ikonën pranë emrit duhet t'i përshtatet sa më shumë madhësisë së faviconit. Dhe ai, siç u tregua tashmë, është thjesht miniaturë (vetëm 16 me 16 piksele).
Si të zgjidhnifavicon?
Pra, si mundet një webmaster të krijojë një ikonë për faqen e tij? Duhet të theksohet se thjesht ngjeshja e logos së faqes, më shpesh, nuk do të funksionojë. Në emblemat që vendosen në formën e një logoje të një burimi të caktuar, shpesh janë të dukshëm elementë të ndryshëm, të cilët jo gjithmonë do të shfaqen saktë në një formë miniaturë. Është më mirë të braktisësh menjëherë një sipërmarrje të tillë.
Sigurisht, madhësia e faviconit nuk lejon të flasim për thjesht futjen e një mbishkrimi atje. Çdo tekst do të jetë thjesht i padukshëm në këtë rezolutë. Ne duhet të zhvillojmë një ikonë të re që do të përcjellë stilin e faqes. Për të gjetur zgjidhje, përsëri, le t'i drejtohemi faqeve më të mëdha.
Shumë njerëz përdorin shkronjën e parë të stilizuar të emrit të shërbimit si favicon. Kjo është mënyra, për shembull, Bing, Yahoo, Yandex, Wikipedia, Google. Ekziston një qasje tjetër - nëse keni një emër të shkurtër siti, mund ta vendosni atë si sfond të ikonës tuaj. Në mënyrë që madhësia e faviconit (në piksele që arrin, e përsëris, 16 me 16 piksele) të shfaqë saktë këtë mbishkrim, ai nuk duhet të jetë më i gjatë se 3 shkronja. Kjo është ajo që bën, për shembull, shërbimi Aol.
Si të krijoni një favicon?
Ka disa mënyra për të krijuar një ikonë për emrin e sajtit. Sigurisht, më e lehtë është të punosh me zgjidhje të ndryshme të gatshme. Mund të flasim për disa shërbime ose programe që ju lejojnë të krijoni një ikonë nga një imazh i plotë duke e zvogëluar atë. Sidoqoftë, unë do të rekomandoja të zhvilloni një logo të tillë vetë. Kjo së pari do të japëmundësia për të mësuar diçka; dhe së dyti, do të ofrojë më shumë mjete. Gjithçka që duhet të dini për këtë është se çfarë të vizatoni, dhe gjithashtu të dini se çfarë madhësie duhet të jetë faviconi në versionin përfundimtar. Ne do të flasim për madhësinë e ikonës për sitin pak më vonë, por tani për tani do të vërejmë disa hollësi të punës me imazhe të tilla. Në veçanti, pa përmendur madhësinë e faviconit për sitin, formati i një imazhi të tillë duhet të sqarohet. Siç vërejnë dizajnerët me përvojë, fotografia duhet të ruhet si një skedar-p.webp
Mund ta ruani foton, për shembull, duke përdorur Photoshop, ku do të vizatohet emblema.
Dimensionet e faviconit
Pra, tani le të flasim se sa e madhe duhet të jetë fotografia që shohim pranë emrit të faqes në rezultatet e kërkimit. Si parazgjedhje, siç është përmendur tashmë, madhësia e tij është vetëm 16 piksele (në secilën anë). Megjithatë, nëse provoni ta redaktoni këtë imazh në Photoshop, do ta shihni vetë se sa i papërshtatshëm është. Prandaj, ju rekomandojmë të punoni me një fotografi të zmadhuar, e cila në të ardhmen thjesht mund të kompresohet përgjatë skajeve dhe të ruhet në formatin e kërkuar.
Multiplatform
Megjithatë, duke folur se sa i madh duhet të jetë faviconi në faqen tuaj, duhet mbajtur parasysh edhe një gjë. Jo të gjitha platformat shfaqin imazhin e burimit në të njëjtën mënyrë. Për shembull, pajisjet me një ekran Retina "shohin" favicon tuaj në 32 me 32 piksele. Dhe në Safari dhe në platformën e re Windows, dhe fare, këto ikona arrijnë një madhësi prej 64piksele.
Prandaj, ju rekomandojmë që të ruani versione të ndryshme të ikonës dhe thjesht të parashikoni ndryshimin e saj në varësi të platformës së përdoruesit në të ardhmen. Një pikë tjetër interesante - mund të provoni të ngarkoni ikonën në formatin më të madh, duke u mbështetur në faktin se ajo do të "tkurret" në varësi të shfletuesit.
Redaktorë të jashtëm
Sigurisht që është mirë nëse jeni mirë me Photoshop dhe e dini se çfarë madhësie duhet të jetë faviconi dhe si ta arrini atë ndërsa ruani imazhin tuaj. Megjithatë, ka shumë fillestarë që thjesht nuk kanë hasur në redaktuesit grafikë aq afër më parë, kështu që ata nuk mund të vizatojnë imazhin e dëshiruar aq lehtë. Për të ndihmuar webmaster të tillë, ekzistojnë shërbime të ndryshme që ju lejojnë të krijoni automatikisht ikonën që ju intereson. Madje shumë prej tyre janë falas, gjë që nuk kërkon ndonjë investim nga përdoruesi.
Ndonjëherë ju duhet vetëm të regjistroheni për të punuar, por, siç e kuptoni, kjo bëhet një herë - në fund të fundit, kompanitë nuk e ndryshojnë aq shpesh favicon e tyre. Hidhini një sy Google, i cili ndryshon logon çdo ditë, por nuk e prek ikonën.
Si të instaloni një favicon?
Në përgjithësi, konfigurimi i faqes tuaj në mënyrë të tillë që të shfaqë saktë imazhin që ju nevojitet është shumë e thjeshtë. Mjafton të kryeni një sërë hapash të thjeshtë që do të lejojnë motorët e kërkimit, si dhe shfletuesit e thjeshtë, të lexojnë informacionin.
Për ta bërë këtë, imazhi që rezulton duhet të ruhet mei quajtur favicon.ico dhe vendoset në rrënjën e burimit tuaj. Kjo është e gjitha, tani imazhi juaj do të njihet automatikisht dhe pas njëfarë kohe do të lidhet me faqen tuaj.
Përveç kësaj lidhjeje, mund të shtoni një rresht tjetër që do të "sugjerojë" se ku ndodhet ikona juaj. Duket kështu:
Instaloni kodin në kokën e sajtit.
Përfundime
Pra, pasi keni lexuar artikullin tonë, keni kuptuar se çfarë madhësie duhet të jetë një favicon për një sajt dhe çfarë është. Gjithashtu, mendoj se e keni kuptuar që gjetja e ikonës së duhur për burimin tuaj është një domosdoshmëri, sepse ju luan mirë si për sa i përket rritjes së njohjes, ashtu edhe për sa i përket njëfarë dallueshmërie shtesë midis konkurrentëve tuaj. Të paktën faqet më të mëdha bëjnë të njëjtën gjë, gjë që mund të merret si shembull kryesor. Dhe përveç kësaj, nuk shkakton shumë përpjekje - pasi të keni bërë një favicon një herë dhe ta instaloni saktë në faqen tuaj, mund ta harroni atë për disa muajt e ardhshëm.
Prandaj, mos ngurroni të eksperimentoni, gjeni diçka të re, provoni - dhe gjithçka do të funksionojë!
