bejáratFavon House. Univerzális módja a favonov létrehozásához
Ebben a leckében a favicon létrehozását figyelembe veszik, megtudja, miért van szükség ez az ikonra, ajánlásokat kaphat a típusának és vonzerejének javítására.
Ezenkívül figyelembe vesszük a favicon létrehozásának és hozzáadásának folyamatát a webhely számára.
Favicon. - Ez egy kis ikon, amit láthatsz címsor A nyitott oldalak böngészője és lapjai, valamint webhely hozzáadásakor ez az ikon hozzáadódik a böngésző könyvjelzőihez.
Ezenkívül a Yandex keresőmotor megjeleníti a Favicon ikont a webhely melletti kibocsátás eredményeiben. Az Ön feladata, hogy ezt az ikont ez az ikon kiemelje, emlékszem a kiadatás egyéb ikonjai hátterében, és volt néhány egyesülete a webhelyével. Gyönyörűen létrehozott és vonzza a figyelem ikonja Favicon jelentősen növelheti a célok számát a webhelyére azokkal szemben, amelyeken nincs telepítve, vagy vonzó nézet.
Íme néhány ajánlás, amelyet Favicon létrehozásakor figyelembe kell venni.
#egy. Az ikon könnyen felismerhetőnek kell lennie, és egyesületek a webhelyén, vagy hiánypótló, amelyekre webhelye tartozik. Jelvényként használhatja a logóját vagy szimbólumát a webhelyével. Ezenkívül használhatja a webhelyét vagy logóját létrehozó színes gamint.
# 2. Ne használjon szabványos ikonokat. Sokan, miután létrehozott egy adott CMS-t, hagyja el az ikont, megváltoztatva. Ennek eredményeként a kiadatásban keresőmotor Lehet, hogy nem egy ilyen jelvény, de sokat. Ez nem az, hogy ne jelölje ki webhelyét, ezért csak az egyedi favicon ikonokat használja, amelyeket kifejezetten a webhelyére hoztak létre. Ez magában foglalhatja azt a helyzetet is, amikor az ikonokat különböző gyűjteményekről vagy más oldalak interfészének elemeiből használhatja. Ne feledje, hogy kiemelkedik, szükség van egy egyedi faviconra.
# 3. Próbálja meg, amikor egy jelvényt hoz létre, hogy fényesebb és élénk színeket használjon, általában nagyobb figyelmet szentelnek.
#four. Ne használjon animált ikonokat. Először is, az animációt nem minden böngésző támogatja, másodszor pedig a látogató figyelmét a tartalomra kell összpontosítani, és nem az ikonra.
Most vegye fel közvetlenül a favicon folyamatot. Ehhez sok szolgáltatás létezik. Azonban alkalmasabbak azok számára, akiknek már van egy kész ikont, amit valahol valamilyen gyűjteményből kiszolgáltak vagy vettek. De ahogy fent mondtam, az ikonnak egyedülállónak kell lennie, így itt tartom a létrehozásának folyamatát photoshop programok, A webhely példányában.
Favicon Billet létrehozása a Photoshopban
#egy. Teremt Új dokumentum A Photoshopban, a 64 * 64px méretben, menjen a "Fájl" menü \u003e\u003e "Új ...", vagy nyomja meg a Ctrl + N billentyűkombinációt. Általánosságban elmondható, hogy az ikonnak 16 * 16px-nek kell lennie, de jobb, ha először ugyanolyan méretűnek kell lennie, majd csökkenteni kell a szükségeseket.
# 2. Az én esetemben nincs logója a webhelyre, így úgy döntöttem, hogy a "W" szimbólumot használja, amelyből a webhely címe kezdődik, és azok a színek, amelyek a helyszín tetején helyezkednek el, kék és sárga. Ezért beállítottam a # 6A91D0 színértékét, és a "Töltési" szerszámot (G) állítsa be a korábban létrehozott dokumentum kék színét.
# 3. Ezt követően választottam a "szöveg" eszközt (t) hozzáadta a "W" szimbólumot, és beállította a következő színértéket # FAC31D.
Annak érdekében, hogy a szimbólum a kék háttéren álljon ki, fekete színnel és 2PX méretgel tette hozzá. Ehhez meg kell mennie a menüpontba. "Réteg" \u003e\u003e "Stílusréteg" \u003e\u003e "stroke", Válassza ki a stroke színét és méretét.
Ezt követően össze kell egyesíteni a rétegeket, hogy ehhez a menüelemre kell mennie "Réteg" \u003e\u003e "Combine Látható" Vagy nyomja meg a kombinációt a gombok eltolása + CTRL + E.
Annak érdekében, hogy a vonalakat sima cipőkhöz adtam, elmosódtam. Ehhez meg kell mennie a menüpontba. "Szűrő" \u003e\u003e "Blur" \u003e\u003e "Blur in Gauss ..." És állítsa be a 0,3 pixel sugarát.
A karakter vagy a kép helye, hogy maximálisan helyet foglaljon, mert ha kicsi, akkor az ikon mérete 16 * 16 nem fog észrevehető.
#four. Most meg kell változtatnia az ikon méretét. Ehhez menjen a menübe \u003e\u003e "Képméret"És állítsa be a 16 * 16px méretét.
#öt. Továbbra is mentheti az ikont. A favicon ikonnak a Favicon és a Extension.ico névnek kell lennie. Az a tény, hogy az alapértelmezés szerint a Photoshop nem menti a képleteket. Ezért mentse el a formátumban.png-ben, erre a "Fájl" menüpontra \u003e\u003e "Mentés másként ..." menüpontra, és válassza a PNG-t a legördülő listából.
Konverziós kép formátumban.ico
Ezt követően a szolgáltatás használatával átalakítjuk. Menj ez a szolgáltatás és az "Áttekintés" gombbal válassza ki a korábban mentett fájlt png formátum Ezután kattintson a "Favicon.ico" gombra.
Ezután a Link "Favicon.ico!" Link megjelenik a letöltési oldalon. Ha rákattint, hogy mentse a kész favicon ikont a számítógépen.
Most itt az ideje, hogy Favicont adjunk a webhelyére, hogy megjelenik az összes oldalához. Ehhez helyezze az ikont gyökérkönyvtár Te oldalad. Ha a webhely már a tárhelyen van, akkor általában ez a mappa neve "Public_HTML". Ezután a webhely minden oldalán, a zárócímke előtt Adja hozzá a következő sorokat:
De minden oldalon a karakterláncadatokat hozzá kell adni, ha van egy webhelye a HTML-en. De mivel valószínűleg a webhelye néhány CMS alapján jön létre, elegendő lesz ahhoz, hogy ezeket a sorokat hozzáadja fő fájl. A webhelyre használt téma.
Ha WordPress-t használ, lépjen a WP-tartalom / témák mappájára / mappára / -s-with-theme / Keresse meg, és nyissa meg a fejléc.php fájlt, és helyezze be a sorokat, és megmentse a fájlt.
Ha a Joomla-t használja, akkor lépjen a sablonok mappára / mappára-c-your-topic / és nyissa meg az index.php fájl helyezze be a szükséges sorokat és mentse.
Néhány témában a WordPress és a Joomla-ban az utak már a favicon.ico fájlba kerülhetnek, ebben az esetben távolítsa el őket, és cserélje ki őket.
Ha más CMS-t használ, akkor mindent analógiával végezzen.
Az oldalak oldalain és a böngésző címsorában az ikon azonnal megjelenik, mint a Yandex kereséséhez, akkor időre van szükség, és a speciális keresési robot Yandex megtalálta az ikont Megjelenik a keresési eredmények között.
Az anyagot a projekt készíti el:
Favicon (angol. Kedvenc ikon) egy kis ikon (kép, kép) egy speciális formátumban, amely a böngésző címsorában megjelenik a webhely megtekintésekor, a böngésző lapján vagy könyvjelzőinek ("Kedvencek").
a Favicon további dekoráció a webhelyén, a mini logója. Azt is megmutatjuk, amikor a Yandex keresési webhelyek listáját tekintjük meg, és kiemeli webhelyét a többiek ellen.
Miért van szüksége faviconra az oldalra?
favicon a webhely védjegye. Sok vállalat ma van egy megkülönböztető favicon ikon, amely kiemeli őket a versenytársak között. Annak érdekében, hogy az ikon jobban emlékezzen a felhasználók által, a vállalatoknak meg kell mutatniuk logójukat, amelynek is a webhely sapkák egyik elemének kell lennie. A Favicon használatának másik pozitív jellemzője, hogy a böngészőben található nagyszámú webhely megtekintésekor nem látja teljesen az oldal címét, és csak az ikon megtekintheti, és könnyen meghatározhatja a fülét, ahol el akarsz menni.
Mi jobb ábrázolni a favonot?
- Az ikonnak meg kell felelnie a webhely tárgyának.
- márka, ha van egy webhelye, amely a márkához csatlakozik. Ugyanakkor, a különböző oldalakhoz különböző márkák;
- Alkalmazza azt a favon, amelyre kattintani szeretne, növelni fogja a könyörtést, amikor megtekintheti a Yandex keresést, a Google-t;
- Készítsen több favonok tervezését a webhely különböző részeihez.
- Számos Favonok tervezése különböző eseményekhez (pl. Új év, Valentin-nap vagy kozmonautics nap, :).
Hogyan készítsünk egy animált favicont?
Az ICO formátum nem támogatja az animációt. De a modern böngészők lehetővé teszik, hogy használja gIF formátum Miniatúrák esetében. Lehetőség van a modern böngészőkre egy animált fájlt (favicon.gif), és az ókori, az Intertet Explorer, más (favicon.ico). Ehhez a fejrészben tegye a következő két sort:
Természetesen először meg kell tennie mindkét fájlt a webhely gyökérmappájába.
Mi van, ha tilos a képek megjelenítésére a böngészőben?
Ha a favicont beágyazott képpel készíted a rangidős kódban:
Az ikon megjelenik a böngészőben, még akkor is, ha a képek le vannak tiltva. .
Hogyan lehet Favicont a webhelyről
Nem minden webmester van favicon.ico a webhely gyökere. A Favicon cím megszerzéséhez használja a következő parancsfájlt:
] *) Link ([^\u003e] *) (rel \u003d "ikon" | rel \u003d "parancsikon") ([^\u003e] *)\u003e / iu ", $ html, $ ki)) ($ LINK_TAG \u003d $ ; ha (preg_match ("/ href ([s] *) \u003d ([s] *)" ([^ "] *)" / iu ", $ link_tag, $ ki)) ($ favicon \u003d trim ($ ki) ; ha ($ FAVICON, ": //") \u003d\u003d\u003d hamis) $ favicon \u003d $ url. "/". Ltrim ($ favicon, "/");))?
Google keresési rendszerek, Yandex és Favicon
A keresőmotorok robotja gyorsítótár ikonok. A halmozott ikonok a következő kérésekkel érhetők el:
Ezenkívül a Yandex "Sprite" -t hozhat a különböző helyszínek ikonjaiból:
Ikonok iPhone és iPad
Még ha nem ad meg egy link-linket az iPhone képére, akkor továbbra is meg kell keresnie a webhely gyökérmappáját az Apple-touch-icon.png névvel, és ha megtalálja, akkor megtörténik Egy kép belőle, kerek a sarkokkal, és egy csillapító automatikusan lefedi. Annak érdekében, hogy elkerülje az Apple-touch-icon.png helyett, írjon egy Apple-touch-ikont-preconpashed.png tulajdonosait az iphone és a pont, mert Számukra egy gyönyörű ikonot készítünk az 57x57-es méretben (te is az úton és több, de ez az ebédképes ikon standard mérete), összekötve ezzel:
Hogyan lehet dinamikusan megváltoztatni a favicont?
Ha megpróbálja megváltoztatni a címke tulajdonát a DOM-en keresztül, akkor nem törekszik a kívánt eredményt. Az oldal ikonjának dinamikus megváltoztatásához először távolítsa el a Link címkét egy régi ikonnal az oldal címéből, majd adja hozzá az új tartalomhoz. Ez így történik: // link az új ikon VAR ikon \u003d "new_favicon.ico" fájljához; var fej \u003d document.getElementsbytagname ("fej"); // Keresse meg és távolítsa el a régi ikont a HEAD VAR LINKS TAG \u003d HEAD.GETELEMENTSBYTAGNAME ("LINK"); mert (var i \u003d 0; i< links.length; i++) { var lnk = links[i]; if (lnk.rel=="shortcut icon") { head.removeChild(lnk); } } // Добавить новую иконку var link = document.createElement("link"); link.setAttribute("href",icon); link.setAttribute("type","image/x-icon"); link.setAttribute("rel","shortcut icon"); head.appendChild(link);HTML5 és Favicon.
A HTML5-ben a méretek attribútumát adtuk hozzá, amely lehetővé tette, hogy ugyanazon ikonok több különböző verzióját deklarálja, és png fájlok lehetnek:
Hogyan kell letapogatni csempe tabletták a Windows 8?
A Windows 8.0 bejelentése úgy néz ki, mint ez:
A Windows 8.1 és az IE 11 a BROESERCONFIG.XML-ben bejelentett kép több verzióját várja el. Például:
Nem tudja kijelenteni, hogy a fájl neve nem változik:
Mi a favon?
Azok számára, akik nem tudják, mi a favon, adunk egy kis tanúsítványt, amely lehetővé teszi, hogy belépjen az ügyfolyamjára. A FAVON egy kis ikonja 16x16 vagy 32x32 képpont, amely általában a logó, a márka első betűje vagy egy jellemző kép, amely tükrözi a vállalkozás típusát vagy a webhely tárgyát.
Miért fontos a favon?
Favon elvégzi a következő funkciókat:
Branding.
A webhely azonosítása a felhasználó által (könnyű használat).
Professzionális nézet webhelyet alkalmaz.
Legyenek a favon használatának fő előnyeire.
Márka felismerés
Favon - mint kis helyszíni tanúsítvány. Amint azt a bevezető részben említettük, a favon segít a felhasználó emlékezni webhelyére a sok nézett webhely között. Függetlenül attól, hogy ez egy megtekintési története, a Google keresési eredményei vagy a böngészőben található webhelyek könyvjelzőinek listája, a Favona segít a felhasználónak könnyen felismerni a webhelyét, és megy hozzá.
Bizalom
A felhasználók hajlamosak megítélni az áruk és szolgáltatások kereskedelmét az interneten, az alapon, hogy milyen szakmailag a webhely készül. A favon hiánya formájában (a keresőmotorok egy üres dokumentum nélküli favon ikon nélküli webhelyet jelenítenek meg), különösen a bizalom elvesztéséhez, különösen akkor, ha a felhasználók összehasonlíthatják a versenytársakkal.
Ismétlődő látogatások
Ismeretes, hogy az emberek jobban reagálnak a képre, mint a szövegre. Most feltételezzük, hogy a webhely látogatója rohant, amikor először meglátogattam őt, és úgy döntött, hogy hozzáadja a könyvjelzőknek, hogy később visszatérjenek. Tegyük fel, hogy ez a személy ezt követően úgy dönt, hogy újra meglátogatja a webhelyét, hogy mi lehet a könyvjelzőihez fordulni. Ön szerencsés vagy, ha felismerhető Favon van, például észrevehető és egyedi, GOogle Letter, és a felhasználó megtalálja Önt. Ha nincs favicon, akkor is eltávolítható a könyvjelzők listájáról.
A felhasználói időt takarít meg
Favonons A felhasználó által eltöltött időt takaríthatja meg, hogy azonosítsa a webhelyet a könyvjelzők, a történelem vagy más helyeken, ahol a böngésző favy helyezi a gyors azonosítást. Csak megkönnyíti az átlagos látogató életét a webhelyére.
Előnyök a SEO számára.
Ha webhelye Favon, akkor jobb lesz a keresési eredmények között, mint a webhelyek, és ezért több látogatót vonzhat.
Hogyan lehet létrehozni egy favonot?
Sok eszköz van a Favon percekben történő létrehozásához. Ha nincs design készsége, vagy nem tudja, hogy ez megtörténik, megpróbálhatja a favon létrehozását a Logaster használatával.
Ehhez kövesse a lépésenkénti utasításokat:
5. lépés: Favon létrehozása
Most, hogy van egy logója, kattintson a "Favon létrehozása ezzel a logóval" a Logo oldalon.
6. lépés: Válassza ki a kívánt favicon designt
Mint a logó esetében, a Lapaster több tucatnyi gyönyörű és készen álló favonovot fog létrehozni. Válassza ki kedvenc designját. Az előnézet lehetővé teszi, hogy megnézze, hogy a Favy hogyan fog kinézni a webhelyen.
Ha meg kell változtatni a Favon, akkor meg tudod csinálni a logó szerkesztését, Favona jön létre tervei alapján a logó. Ezért, ha például a favicon másik színét szeretné, vissza kell térnie a logó oldalához, megváltoztathatja a színét, majd hozzon létre egy favonot.
A favonka inspirációit megtalálhatja a webhelyeken:
7. lépés: Favon letöltése
A FAVON-ot külön megvásárolhatja, 9,99 dollár áron, vagy olyan tervezési csomagot vásárolhat, amely nemcsak a favonot, hanem egy logót, egy névjegykártyát, borítékot és vállalati űrlapot is tartalmaz. Hogyan vásárolhat egy design csomagot, megtudhatja.
A fizetés után az ICO és a PNG formátumban letöltheted a favont.
Hol használhatom a favonot?
Használhatja a favonot:
Online;
Mobil eszközök. A felhasználó hozzáadhatja a favonot a készülék otthoni képernyőjéhez (valami, mint a könyvjelzők) - Android, IOS, Windows telefon stb.;
Programok és alkalmazások az RC / Mac számára.
Hogyan kell telepíteni a favonot az oldalra?
Miután megkapta a Favon-t, a szerveren történő telepítése nem fog több percet, és két szakaszban történik. Ehhez hozzáférést kell biztosítani webhelyének gyökérkönyvtárához és egy szövegszerkesztőhöz, hogy megváltoztassa a webhely HTML-kódját.
1. lépés.A Favicon.ico fájlt le kell töltenie a kiszolgálóra. Ehhez le kell töltenie és telepítenie kell az FTP klienst, például a FileZilla-t. Ezután írja be a felhasználónevet és a jelszót, és töltse le a fájlt. Részletesebb útmutatás Hogyan lehet letölteni egy favon fájlt, amit olvashat.
2. lépés.Most módosítania kell a webhely HTML oldalát, hogy segítse a böngészőket megtalálni a Favic képét. A Kültéri FTP ablak segítségével keresse meg és töltse le az index.html vagy a fejléc.php fájlt a kiszolgálóról.
Nyissa meg az index.html fájlt a szövegszerkesztőben - Notepad, Notepad ++, a Sublime szöveg.
Ha webhelye tiszta HTML-t tartalmaz, helyezzen be egy speciális kódot az index.html fájl fejfelületére.
A kód másolható a Favicon oldalon a LapraDer honlapján.
Ha WordPress-t használ, helyezze be az alábbi kódot a fejléc.php fejléchez.
Ezt megtette, töltse le a fájlt, hogy hol vette. Kész! Indítsa újra a webhely oldalát a favon megtekintéséhez.
A legtöbb modern böngésző okos és tudja, hogyan kell megtalálni a favon fájlt még ilyen kód nélkül, de csak akkor, ha a Favon egy 16x16 képpontos formátumú, a Favicon.ico név és a webhely gyökérkönyvtárában mentett.
Reméljük, hogy ez a cikk olyan hasznos információt adott neked, amelyek segítenek létrehozni egy favonot, amely sikeresebbé teszi a webhelyét és vonzóbbá tételét.
A mai cikk témája, hogyan lehet a favicont online webhelyre vagy blogra készíteni a WordPressen. Ha valamilyen oknál fogva nem tudod, mire van szükség ez a fájl, azt javaslom olvasni az általam írt cikket ebben a témában:
Általában ez a kis kép minden webhelynek kell lennie.
Hogyan készítsünk Favicon.ico-t a webhelyre
Szóval, most megpróbálom elmondani, hol, mint és hogyan készítsem a favicont. De egy kezdetre tudnia kell, hogy milyen méretűnek kell lennie a webhely számára?
Favicon. - Ez egy ICO, JPEG, PNG, BMP és GIF formátumú kép, amely különböző méretű, 16 × 16 képponttal kezdődően. Ennek a méretnek a ikonját le kell tölteni a webhelyre a Yandex robot indexeléséhez.
Más méretek másodlagos szerepet töltenek be, és nem jelennek meg a Yandex keresésben, és megjelennek a böngészők, például az iPhone vagy az iPad megjelenítéséhez. Ha azt szeretné, hogy webhelye kitűnjön a keresési eredményekben, emlékezzen a következő szabályra.
A különböző méretű rögzített blokkok esetében az oldalkódban először el kell állítania az utat a 16x16 px képre, mivel a Yandex Phava robotja csak az első címet olvassa el.
A legegyszerűbb módja a favicon rajzolására a Photoshopban vagy bármely más grafikus szerkesztőben. Még egyszerűbbé teheti, és készítsen egy már kész képet vagy fotót, és egyszerűen átalakítsa azt a szükséges formátumhoz és mérethez. Mivel egy ilyen ikon nagyon kicsi, akkor a kép kis részletei rossz lesz rajta. Ezért jobb, ha a favicont a lehető legegyszerűbbé teszi, de ugyanakkor vonzó és egyedülálló. Végtére is, ez egy névjegykártya a webes erőforrás.
Ha nem vagy a Photoshop nagy jele, akkor nem számít, sok ingyenes generátor van a favicon létrehozásához a webhelyen. Néhány közülük csak ICO formátumú képeket konvertálhat, mások lehetővé teszik a rögzítő szerkesztését vagy létrehozását a semmiből. Figyelembe hozni az ilyen online generátorok számára.
Szolgáltatások Online Favicon Generator - Favicon létrehozása online
A legegyszerűbb szolgáltatásokkal kezdem, majd fokozatosan fejlettebb, ahol statikus és animált ikonokat készíthet a semmiből és szerkeszteni.
Ha csak futtatja a blogját vagy a cég honlapját, és még mindig nincs logója, akkor egy csodálatos megoldás a Lapaster szolgáltatás szolgálja. Ezzel létrehozhat egy logót, majd ezt a logó alapján létrehozhat, a generátor létrehoz egy sor javításokat a választott. A kényelem az, hogy a logó és a favicon egy stílusban jön létre, így a webhelyed professzionálisabb lesz.
Egyszerű frawacon generátorok
A kezdethez több olyan webhely, ahol könnyen elkészítheti a webhely ikonját, konvertálva bármilyen képet a favicon.ico fájlba, szerkesztés nélkül.
www.favicongenerator.com - Talán a leginkább minimalista szolgáltatás. Semmi felesleges - választotta a képet, kattintson a "Generate Favicon! "És letöltötte a létrehozott ikont.
tools.dynamicdrive.com/favicon. - Egyszerű és érthető szolgáltatás, ahol favicont készíthet három méretben. A fogadott fájlok letöltéséhez kattintson a "Favicon" gombra.
www.cy-pr.hu/tools/favicon és www.favicon.co.uk - Az előzőhez hasonló szolgáltatások. Az elsőben a 16 × 16 és 32 × 32-es fanique méretét és a második további 48 × 48 és 64 × 64-ben lehet elvégezni.
www.genfavicon.com - Az ikon létrehozásának teljes folyamata három lépést tartalmaz:
- Válassza a Fájl (JPEG, GIF, PNG) lehetőséget, vagy egyszerűen regisztrálja az URL-képeket és kattintson az " Kép feltöltése“;
- Válassza ki a méretet (16 × 16, 32 × 32, 48 × 48, 64 × 64 vagy 128 × 128) és a minta kívánt mintáját, ha csak a kép egy részét kívánja létrehozni a " Capture and kép“;
- Nézzük meg az eredményt, és ha minden megfelel, töltse le a fájlt.
Animált Favicon létrehozása az online generátorok számára
Most lássunk több olyan szolgáltatást, ahol animált favononokat készíthet, valamint szöveget adhat a latinra, amely egy futóvonal formájában görget. Igaz, az animációt nem támogatja az összes böngésző.
www.favicon.by - Szolgáltatás oroszul. Minden szükséges, válassza ki a fájlt, írja be a latin (ha szükséges) szöveget, és kattintson a "Favicon" gombra. Az alábbiakban láthatja az eredményt és letöltheti a fájlarchívumokat.
www.favicon.com.mx - Szolgáltatás, teljesen megegyezik az előzővel, csak angolul.
Hol lehet a favon a Scratch - Online szerkesztők Favicon
antifavicon.com - Ez a szolgáltatás valamilyen okból az anti-art, érdekes, ami lehetővé teszi, hogy létrehozhasson egy favicon.ico fájlt, de nem kép formájában, hanem szöveges háttérként. Minden szükséges, hogy megfelelő betűket írjon be és válasszon színeket. Egyébként itt tettem a favonomat. Azt hittem, majd Redid, és most már megszoktam.
favicon-generator.org - Itt, kivéve az átalakítót, az ikon szerkesztője is van. Ezenkívül letöltheti a létrehozott favonot a nyilvános galériához, ahol szabadon letöltheti más webhelyfelhasználókat.
favicon.ru - Népszerű orosz online generátor, ahol favonát hozhat létre a képekből, és rajzolhatja őket. Itt is megrendelheti a favicon szakemberek létrehozását 20 dollárért. Kíváncsi vagyok, hogy valaki megrendeléseket tesz?
a www.favicon.cc egy másik népszerű generátor, amely hasonló az előzőhez. A szolgáltatás érdekes tulajdonsága az, hogy itt legfeljebb 20 másodpercig létrehozhat egy keret animációt.
Lásd: Animált Favicon és töltse le az előnézeti ablakban.
a www.degraeve.com/favicon egy másik online favicon generátor. Ez a szerkesztő, mint az előző, lehetővé teszi, hogy átlátszó háttér ikonok legyenek.
Talán ez elég ma, bár ez nem minden online szolgáltatás. De még ezek elégségesek ahhoz, hogy egy szép favonot hozzanak létre webhelyére vagy blogjára, és észrevehetőek legyenek a keresési eredményekben.
És mégis, egy másik online generátor ikonok az általam használt webhelyre. Ez a szolgáltatás külön bejegyzést érdemel, ahol megmondom, hogyan készítsem el a favicont az iPhone, iPod touch és iPad böngészők számára, és még mindig összpontosítson az animált ikonok telepítésére a webhelyen. Ezenkívül bemutatja a Favicon Validator szolgáltatást, ahol ellenőrizheti és megtekintheti az összes favicon.ico ikonokat, ha ez a fájl több képet tartalmaz .. eddig!
Hello barátok! Nemrég telepítve az egyik blogra Favonka, és úgy gondolta, hogy még nincs cikkem ezen a témában. Akkor miért nem írsz? Megértem, hogy a témát hozták, és sokan mindannyian tudják ezt. Sok, de nem minden, ha hisz a WordStat.yandex.ru statisztikák (lásd az alábbi képernyőképet). Mindannyian először favicont csináltunk, és ilyen információkat kerestünk. Szóval hagyja, hogy a kezdő webmesterek megtalálják őt a blogomon. Ezenkívül pontosan létrehoztam erre a célra. Igen, és a keresőmotorok további forgalma ezen a kérésen nem fog bántani. Akkor gyerünk.
Mi a favicon.ico
Az indítók számára döntsük el, hogy milyen favon van és miért van szükségünk rá. Ez az, amit a Wikipedia () felelős ezekért a kérdésekért.
Könnyebb számomra megmutatni, mint a szavaknak. Az alábbi képernyőképen megmutattam, hogy a Favonki megjelenik a Google Chrome-ban. Hasonló helyzet más böngészőkben.
Általában, favon az oldalra - Ez egy speciális ikon vagy 16 × 16 képpontos kép Ico formátumban. Általában egy ilyen fájlt hívnak favicon.ico. És a webhely gyökérmappájában található. Más méretek is lehetségesek (24 × 24, 32 × 32, 48 × 48 stb.) És formátumok (JPEG, BMP, PNG és GIF). Ennek megfelelően a PNG formátum lehetővé teszi, hogy egy ikont átlátszó háttéren, GIF - animált.
Miért kell favonka
A favicon ico fájl nagyon fontos a webhelyen. És nem csak azért, mert egy ilyen kép megkönnyíti a kívánt webes forrás megtalálását a böngésző könyvjelzőinek nagy száma között. Fő chip és előnyös a másikban.
Az a tény, hogy a Yandex a Favona-t mutatja a keresési eredményekben minden egyes webhelyen található keresési eredményekben. Egyedi és gyönyörű Favicon magára a figyelmet, és lehetővé teszi az erőforrás, hogy kitűnjön a versenytársak között, ezáltal a klikk, és nem gyűjt keresési forgalom. Ezenkívül az emlékezetes favon hozzájárul az interneten való elismeréshez, mint a márka. Egyetértek azzal, hogy először is szeretnék kattintani a képen lévő linkre.
Érdemes megmondani, hogy a Yandex nem javasolja, hogy a kép áttetszőséget tartalmaz, és az animáció csak a Firefox böngészőben támogatott. Azt is meg kell érteni, hogy a kép méretének növekedésével, a fájl súlya és a tárhely terhelése növekszik. Ezért jobb, ha a favon bármely webhelyen (WordPress, Joomla, DLE, stb.) Formátumban használható. 46 képpont méretű.
Az ilyen ikon telepítéséhez először meg kell adnia. Számos lehetőség van itt:
- letöltés kész favon;
- make Favicon.ico a Photoshop vagy a Speciális online generátorok segítségével.
Az első út sokkal egyszerűbb, de csökkenti az egyediség valószínűségét. Mindazonáltal fontolja meg.
Hol lehet letölteni a favicon.ico-t. Favonov kész gyűjteményei a helyszínen
A webhely számára a favon letöltéséhez elég ahhoz, hogy ilyen vagy hasonló legyen a keresőmotorba. Hidd el nekem, nem lesz az eredmények hiánya. Az alábbiakban több erőforrás címét adom meg, ahol letöltheted a kész képeket a favon számára. Néhányan közülük lehetőség van saját ikonuk létrehozására generátorok segítségével.
Galériák ikonok (favicon.ico) az oldalra:
- www.iconj.com/gallery.php - nagy képek és online generátor gyűjteménye;
- www.audit4web.ru/info/favicon/ - több mint 15 000 darab;
- www.favicon.cc/?action\u003dicon_list&order_by_rating\u003d1 - animált és statikus ikonok generátora és galériája;
- www.favicon.co.uk/gallery.php - Favicon Generator és Favonok katalógus a webhelyen;
- a TheFavicongallery.com egy másik kép galériája.
De talán a legjobb hely, ahol letölthet különböző ikonok és logók webhelyére, ez a findicons.com.
A szolgáltatás kis áttekintése:
A képeket különböző formátumokban és méretekben mutatják be. A favicon.ico megtalálásához és letöltéséhez a Website findicons.com webhelyen ki kell választania egy képet, és kattintson a "További" gombra. A megnyíló ablakban kattintson a sor méretére a méret méretével.
Remélhetőleg megérteni.
Egy másik csodálatos szolgáltatás keresésével a www.iconsearch.ru.
Minden itt egyszerű. A keresősávban megadjuk a témát, amelyen egy képet keresünk, vagy használja a címkefelhőt. Lehetőség van méret és színes háttér (fehér, átlátszó, fekete).
A kiválasztott Favicon letöltéséhez kattintson a PNG vagy az ICO formátum ikonra. A "More" feliratra kattintva megtekintheti ezt az ikont más méretben és még mindig ikonokban.
Ezen befejezem, vagy akár így kiderült, hogy az mnogabukaf hogyan lehet letölteni a Favicon Ico webhelyet. De még mindig megmondja, és a WordPress blogon. Most a következő alkalommal, ne hagyja ki. Amíg!