Hogyan hozzunk létre egy favicon webhely
Favicon - ez a kedvenc ikon, vagy beszélő orosz nyelv ikont a kedvencek. De ez egy régi átirata, jelenleg favicon is egy ikon a helyén, nem jelenik meg a böngésző lapon a címet. Emellett sok keresők mellett a helyszínen, megjeleníti a favicon. És néha, a favicon megtalálható sok a rangsor weboldalak és blogok. Ritkábban, ahol találkozhat a honlap ikonra, akkor a Windows könyvjelzők panel vagy az asztalon, ma is igaz, vannak olyan emberek, akik a kívánt fület az asztalon.
Így ma favicon megtalálható sok helyen, nem csak a kedvencek. És ha igen, akkor lehet használni a saját kedvéért, mint egy jó favicon javítja a válasz az emberek, hogy a linket a honlapján vonzóbbá. Ki ne szeretne egy pár extra százalékos forgalom? Azt hiszem, senki, mindenki csak örül, hogy! Ezért mindenkinek kell egy vonzó ikon. Hadd meséljek a fő előnyei a rendelkezésre álló jó Favicon a webhelyen.
Miért van szükség Favicon
Mint már említettük, Favicon egy ikon a webhely, és a cél a legtöbb banális - megjelenik a böngésző egyik lapján. De sok más helyekre. Hadd meséljek minden, amit teljes mértékben tudatában vannak a jelentősége a hely ikon.
Miért kell Favicon:
- Ikonra a böngésző fülön. Úgy történt, hogy régen kezdték használni az ikonra, és a böngésző döntéshozók tedd mielőtt titile böngészőlapon, így vert gyökeret ott. A mai napig, ez már standardnak tekinthető.
- Ikon a kedvencek. Érdekes, ez ugyanaz a könyvjelzők, ez az a hely, ahol meg lehet menteni a linket egy helyszínen, azzal a megjegyzéssel, hogy ne veszítse. Tény, hogy egy nagyon hasznos dolog, azok számára, akik már évek óta aktív az interneten, mert néha nem akarja elveszíteni a kedvenc, vagy hasznos honlapok. Alább látható egy példa a kedvenceim listáján.
- Ikonra a keresési eredmények között. A keresőmotorok kivont legtöbb lány elhagyta a webhelyre mutató linkek. Egy nagyon fontos tényező ebben az, hogy az oldalak favicon kattintottak gyakrabban, mint a telek nincs meg. Ezért javasoljuk, hogy telepítse. Alacsony szinten a forgalom, akkor nem veszi észre, de ha a forgalom lesz 1000 vagy annál több, akkor érezni a hatását ikonok a honlapon. Annak érdekében, hogy növeljék CTR (kattintás) kiadására érdemes gondolkodni telepítése. Például akkor lásd alább.
- Ikonra az asztalon, ha ott a link az oldalon. Ez a jelenség látható ritkán, de még mindig előfordul. Vannak felhasználók, akik inkább menteni a kedvenc weboldalak az asztalon vagy a Windows parancsikont. És ez az, ahol a problémák léphetnek fel, ha a Favicon nem történik meg megfelelően. Az a tény, hogy a Favicon mérete nem 16 × 16. Pontosabban 16 × 16 egyik dimenziója az ikonok a helyszínen, és legyen legalább 3 különböző indítványokat. De kereshet információkat a neten róla, kevesen tudják. És most megmutatom, a fő különbség az, hogy ha van egy ikon és számos különböző felbontásban.
Általában hogyan látja jelenlétében Favicon a honlapon egy jó előnye, mint az a tény, hogy a webhely kap több látogatót azáltal figyelmet a kérdést, és a különböző rangsor. Amellett, hogy, hogy a webhely tárolja a felhasználó szeme, míg egy ikon a könyvjelző sáv a honlapon vagy az asztalon. Ez ezen okok miatt teszik Favicon rendesen, hogy helyesen jelennek meg az összes lakhatási lehetőségek. Látva minden előnyét az ikonok az oldalon, most közvetlenül a létrehozását.
Hogyan kell felhívni a Favicon
Kezdeni, nyitott a Photoshop és elkezd létrehozni egy dokumentum fájlt - hoz létre, vagy meg tudod csinálni egy rövid Ctrl + N
A megnyíló ablakban meg kell adni a méret a létrehozott kép - 48 x 38px. Azt is meg kell engedélyt kérni, hogy adja meg azt a 300 pixel per inch. Erre azért van szükség, hogy a legszebb képeket.
Ezután kattintson az OK gombra, és látni fogja, hogy a munkaterület tűnik a mérete 48 x 48, és ez lesz nagyon kicsi. Meg kell csinálni egy teljes képernyős, egyszerű rajz. Akkor húzza a zoom csúszkát, vagy egyszerűen megnyomja a Ctrl és a „+”.
Aztán úgy döntött, a szerszám „ovális”, rajzolt egy kört vele, mert azt akarom, hogy az én favicon kerek volt, és úgy döntött, a színe sötétvörös, mert ez a fő színei a blogomban. Az eredmény egy olyan kör van ilyen itt. A kép eltérő lehet. Körben fizettem «S» a levelet. Ha a címkét meg kell választani az „éles” írás, mert ezt az állásfoglalást, minden simítás elrontani a levelet, mert a csökkenés a méret 16 × 16, a levél egyesül magát. De az „éles” írás minden rendben lesz.
Mindannyian az ikon mérete 48 × 48, és meg kell, hogy tartsa. Ehhez válassza ki a „File” - „Mentés másként”. De van egy másik lehetőség, ha egy vad rajongó helytakarékosság fontos neked, vagy letöltési sebesség, akkor megy a fül alatt a „save for web». Én személy szerint továbbra is egyszerű.
Kattintson a „mentés”, és kap egy ablak, ahol ki kell választania a helyet, hogy mentse a favicon. Ami a formátumot, majd válasszon. Bár igen gyakran megtalálható az információt, hogy szükség ico méret, ez a régi adatokat, meg kell menteni PNG formátumú, és nem lesz hiba.
Ezután hozzá kell létrehozni több példányban ikonok, ezért csökkenteni kell akár két méretben akár 32 × 32 és 16 × 16. Nézzük először, hogy egy másolat a 32 × 32, akkor megy simán csökkentésére. Ehhez el kell menni a „Kép” szakasz - „méret”.
Ha rákattint a „méret”, akkor megnyílik egy lapot, ahol konfigurálni fogja csökkenteni ikon. A mi esetünkben ez a méret 48 × 48 kell csökkenteni a méretét 32 × 32.
Akkor meg kell ismételni az eljárást megtakarítás webes ikonok, hanem, hogy egy másik nevet, például favicon32, de a legtöbb favicon48, személyesen, hívtam őket, így, az egyszerűség kedvéért.
Most, hogy a végső másolatot a kép, ez az egyik, hogy meg fog jelenni a böngésző fülek önmagukban, vagyis 16 × 16 favicon. Erre ismét mozogni a „méret” részt, és hogy csökkentse a méretét 16 × 16.
Ismét tartani a kapott ikont egy másik név alatt, ez nevezhető favicon16 és ne felejtsük el, hogy válassza ki a formátumot, hogy mentse a PNG.
Hogyan változtassuk favicon
De akkor töltse le és ezen keresztül az admin felületen, ha egy ilyen funkció van jelen a CMS. Miután minden kész manipuláció, regisztrálnia kell magát a honlap ikonra. Ehhez meg kell nyitni a felső része a sablon kódját. Általában a továbbiakban a felső része a fejléc. Ebben a részben a kódot meg kell találni az alábbi tartalommal.
De nem az a tény, hogy a kód lesz rendelve egy webhely ikon, ez nem lehet. De meg kell kérdezni tőle magát két fej. De ne feledje, a standard bejegyzés nem megfelel nekünk, ez nem elavult megoldásokat. Meg kell távolítani ezt a vonalat.
Egyszer a helyén ezt a címkét, amit minden kell felírni mindössze 3 mi ikonok. Az a tény, hogy a bevezetése a HTML5, nem szükséges, hogy a formátum ICO. Most már használhatja png. És te és én hozzá, hogy ezt a formátumot. A régi helyen, helyezze be az új kódot, a helyes favicon kódot.
Rámutatva a webhely ikon, három formátumban, világossá tesszük, hogy különböző méretű és meg kell tenniük a kívánt, ha több kell, akkor lesz 48 × 48. Hasonlóan a többi, a fül böngésző kerül a 16 × 16, és így tovább. De a lényeg az, hogy az ön logója most egy nagy, ha szükséges, akkor néz ki, és simított, ami egy szép plusz.
Ossza meg ezt a linket:
Szia Ivan, köszönöm a kijelentés, hogy sokat segített. Eleinte vettem, felhívta a favicon Photoshop, majd nem tudta kitalálni, hogyan tedd a helyszínen, mindenhol írni, hogy szigorúan be kell ico, és dobnak ki egy csodálatos kód, amely lehetővé teszi, hogy töltse be bármilyen formátumban, most már nem kell szenvedni a kereső program teszi ico . Még egyszer köszönöm, megváltoztatta a favicon, és most nem tudok betelni vele.
Azt favicon telepítve a plugin. Meg kell tennie, amit leírtam, és távolítsa el a felesleges plugin.