A modern weboldalak szerves része a Favicon ikon, amely lehetővé teszi, hogy gyorsan azonosítsák az egy vagy egy másik erőforrást a böngésző lap listáján. Nehéz elküldeni számítógépes programot a saját egyedi címke nélkül. Ugyanakkor a webhelyek és a szoftver ebben az esetben a nem teljesen nyilvánvaló elemet kombinálja - mindkettő ikonok ico formátumban.
Ezek a kis képek speciális programként hozhatók létre, így az online szolgáltatások segítségével. By the way, ez az utolsó olyan célok, amelyek sokkal nagyobb népszerűségűek, és számos ilyen erőforrással foglalkozunk Önnel ebben a cikkben.
A grafikákkal való együttműködés nem a legnépszerűbb webszolgáltatások kategóriája, azonban az ikonok létrehozása szempontjából határozottan válasszon. Szerint a működési elve, az ilyen erőforrások oszthatók azok, amelyekben te magad rajzoljanak, és webhelyeket, amelyek lehetővé teszik, hogy konvertálni egy már kész képet ICO. De többnyire minden generátor ikon kínál mindkettőt.
1. módszer: X-ikon szerkesztő
Ez a szolgáltatás a leginkább funkcionális megoldás az ICO kép létrehozásához. A webes alkalmazás lehetővé teszi, hogy kézzel készítsen az ikont, vagy kihasználja a kész képet. A szerszám fő előnye, hogy képes exportálni egy képet 64 × 64 felbontással.
Tehát, ha létre kell hozni egy egész sor egydimenziós méretű ikonok - semmi sem jobb, mint az X-Icon Editor erre a célra nem találja.
2. módszer: favicon.ru
Ha szükséges, hogy létrehoz a Favicon ikon felbontása 16 × 16 egy honlap, egy kiváló eszköz is szolgálhat egy orosz nyelvű online szolgáltatás FAVICON.RU. Mint az előző megoldás esetében, itt önállóan rajzolhatja az ikont, minden egyes képpontot külön festeni, és készítsen Favicont a kész képről.
Ennek eredményeképpen egy 16 × 16 képpontos képet képviselő ICO hosszabbító fájl mentésre kerül a számítógépen. A szolgáltatás tökéletes azok számára, akik csak a képet egy kis ikonra konvertálják. Azonban, és a fantázia megmutatása a favicon.ru-ben egyáltalán nem tilos.
3. módszer: favicon.cc
Az előzőhez hasonlóan, mint a művelet elve, de még egy fejlettebb generátor ikonok is. A hagyományos 16 × 16 kép létrehozása mellett a szolgáltatás megkönnyíti az animált favicon.ico-t a webhelyére. Ezenkívül az erőforrás több ezer egyedi ikonot tartalmaz az ingyenes letöltéshez.
Ha az angol nyelvű interfész nem zavarja meg Önt, akkor nincsenek argumentumok az előző szolgálathoz való munkavégzés mellett. Amellett, hogy a Favicon.cc animált ikonokat generálhat, az erőforrás is helyesen felismeri az importált képek átláthatóságát, ami sajnos, megfosztott oroszul beszélő analóg.
4. módszer: favicon.by
A Favicon ikon generátorának másik lehetősége a webhelyek számára. Lehetőség van ikonok létrehozására a semmiből vagy egy adott kép alapján. A különbségek közül kiemelhetjük a harmadik fél webes erőforrásaiból és egy meglehetősen stílusos, tömör felületen történő importálásának funkcióját.
Általában nincs különbség a munka a szolgáltatás már venni ebben a cikkben, de a konvertáló képeket ICO, a Favicon.BY erőforrás megbirkózik lényegesen jobb, és ez elég könnyű észrevenni.
5. módszer: Online-Convert
Valószínű, hogy már ismeri ezt az oldalt, mint szinte mindenoros online fájl-átalakítót. De nem mindenki tudja, hogy ez az egyik legjobb eszköz az ICO-ban lévő képek konvertálásához. A kijáratnál akár 256 × 256 képpontos felbontású ikonokat is kaphat.
Amint láthatja, hozzon létre egy ICO ikont az online átalakítás helyén teljesen egyszerű, és szó szerint egy pár egérkattintással történik.
Online szerkesztők ikonok, sokan nem érzékelve komolyan, de valójában ezek az eszközök nagymértékben megkönnyítik a munkafolyamatot. Összesen pár kattintás mentheti Önt a keresési órákból, nézetekről vagy önfejlődésről. Ezenkívül nincs értelme teljes mértékben használni, ha speciális szolgáltatások vannak az ilyen konkrét feladatokkal.
Hasonló webhelyek szerkesztők ikonjai nagyon hatékonyak. Megengedik:
- könnyen és gyorsan létrehozhat új anyagokat;
- rendelkeznek meglévő helyszíni befejezéssel;
- mentse az eredményt különböző formátumokban (SVG, ICO & PNG);
- hozzon létre ikonokat.
A cikkben felvettem az első öt online ingyenes szerkesztőt, és összehasonlítottuk az összehasonlításokat, hogy mindegyikükben meg lehessen teremteni.
Iconsflow.
Iconsflow.com - Vector Icons + Editor Lehetővé teszi a személyre szabott készletek létrehozását és jó minőségű (SVG, ICO & PNG) exportálását. A szolgáltatás fő előnye két szerkesztő jelenléte:
- a fő, amelyben a paletta, stílus, hatások vannak kiválasztva;
- az űrlap szerkesztője, ahol megváltoztathatja az aktuális űrlapot, vagy rajzolhat egy újat.
Ha már létrehozta az Illustrator ikonjait, egyszerűen töltse le az SVG fájlokat és kísérleteket különböző háttérrel. Az IconsFlow-ban bizonyos korlátozások vannak szabad használatra, ezért győződjön meg róla, hogy megismerte magát a kezdet előtt. Az újonc felhasználók számára órák vannak, és segítséget nyújtanak az orosz ikonok szerkesztőjében.
Vektorszerkesztő ikonflow:
Munka példák:
Flies
A Flaticons.net segítségével saját lapos ikonját (lapos stílusban) készítheti el kész minták alapján. Állítsa be a méreteket, válassza ki a rajzot és a fő háttér (körök, gyűrűk, téglalapok), módosítsa a színt. Az ikon szerkesztője ingyenes, de két hátránya van:
- Először csak PNG formátumban tölthet le fájlokat.
- Másodszor, minden objektumot külön kell létrehoznia, mert Nem lehet azonnal kialakítani egy egész készletet.
Annak ellenére, hogy a népszerűség csúcsa már elhaladt, sokan használják őket a formatervezésükben. Például a fejlesztők lehetővé teszik, hogy letöltsön egy ingyenes szociális lapos ikonokat. A FLATIONS szerkesztőben végzett munka eredménye:
Launcher ikon generátor.
A Launcher Icon Generator projekt ingyenes, és ahogy azt gondoljuk, alkalmasabb a fejlett felhasználók számára. Ez az online ikonszerkesztő lehetővé teszi a képek / cliparts feltöltését és szöveget. Az egyik ikont egyszerre töltheti le 5 méretben (48 x 48, 72 x 72, 96 x 96, 144 x 144, 192 x 192).
Alapvető klipként a Githubból származó anyagtervezés stílusának grafikáját használják. A szolgáltatás olyan beállításokat tartalmaz, mint: francia bekezdés, forma, színes vagy átlátszó háttér, méretezés + további hatások. Eredmény:
Az Android anyag ikon generátora egy másik eszköz lapos ikonok létrehozásához. A szolgáltatás szolgáltatása határozottan a hosszú árnyék formájában való hatása. Ha ilyen megoldásokra van szüksége - ez az ikon szerkesztő lesz a tökéletes lehetőség.
Indítsa el a kép kiválasztását a galériából, majd határozza meg a színt, a hátsó háttér (kör vagy négyzet) formáját, az árnyék, a telítettség, a csillapítás hossza - és az ikara. Minden rendkívül egyszerű. Személyes használat esetén a webhely teljesen ingyenes.
A fájl letöltése után 6 png különböző méretű és egy vektoros svg fájlt talál. Az Illustratorban az SVG ikon elmosódott, de szerencsére jól néz ki a böngészőben. Ennek eredményeként kiderül, hogy valami, mint:
A Simunity Site egy HTML5 alapgenerátor, ahol létrehozhat egy ikont, majd másolja a kódot, hogy megjelenítse azt a webes projektekben. A forrásanyagok használják a betűtípus félelmetes ikonokat, amelyek különböző paramétereket választanak: szín, keret, méret és árnyékok stílusa.
Ez a szolgáltatás akkor hasznos, ha gyorsan meg kell teremtenie az egyszerű eredeti ikonokat a webhely számára. Simunity alkalmazás eredménye:
TELJES. A fenti ikonok online szerkesztõi kiváló eszközök a tervezők optimalizálásához. Nincs értelme letölteni néhány programot, ha minden könnyen és gyorsan elvégezhető a hálózaton. Ebből a kiválasztásból talán kiválaszthatja az ikonfölést. Ez tartalmazza a legtöbb számos funkciót: galéria ikonok, rakodási SVG, beágyazási kódját, előnézet, ami a saját sablonok, export PNG, ICO és SVG, méret alkalmazkodás, a divat stílus és a beépített vektor szerkesztő. Ezenkívül ez az orosz ikonok egyetlen szabad szerkesztője, ha fontos az Ön számára.
Ha bármilyen más hasonló szolgáltatást ismer, küldjön beállítást a megjegyzésekben.
Új lecke a műhely stílusában, és ezúttal meg fogjuk érteni a favicon titkait. Favicon. - Kis ikon, amely a könyvjelzők és a böngésző karakterláncban jelenik meg. Ha saját honlapján van, és másokat is szeretne, még kis dolgokban is - favicon. Szükségünk van. Úgy legjövedelmezőbb, persze, úgy néz ki, egyik a könyvjelzők, a háttérben egy kifakult címlistát nélkül grafikus azonosítását. Azonban a leckét nem annyira arról, hogyan kell csatolni Favicon a böngésző húr, mennyit, hogyan - hogyan kell felhívni a saját Favicon a photoshop programot.
Milyen formátumot kell megtakarítani a Favicon-t?
Mindez a böngészőtől függ. -Ért Microsoft Explorer. Formátum ikonok illeszkednek Ico.. Ezzel a formátummal már szembesültünk, amikor a kurzort tette. Más böngészők számára Google Chrome. előtt Apple Safari. Rendes GIF. vagy Png.. Favicon. Áttetsző lehet. Ehhez áttetsző áttetszőben kell tartani Png.majd konvertálja a formátumot Ico.. Meg tudod csinálni egy jó programban Icofx.A Favicon generációjához azonban a harmadik féltől származó webhelyek tömege és a legnyilvánvalóbb a www.favicon.ru
Hogyan lehet a favicont az oldalra?
Hogyan lehet biztosak lenni favicon. működni fog? Meg kell felelnie a 4 feltételnek.
- A hibát kell hívni - favicon..
- Favicon méret 16 a 16 px.
- A Favicon optimális helye a webhely gyökér mappája.
- Cím ikonok regisztrálni a meta címkékben heder-a. A webhely indexében.
HTML kifejezésben úgy néz ki, mint ez:
Számos ikonot hozhat létre a különböző böngészők számára, például az egyik a formátumban Ico., és a másik Png. És mindez a címkén keresztül jelez lINK. . A leggyakrabban a leggyakrabban kereső modern böngészők hívják favicon.Azonban a bizalomhoz azonban nem fogja megsérteni, hogy meghatározza és pontos linkeket.
Favicon létrehozása a Photoshopban
Teremt favicon. Nagyon egyszerű. Ugyanezt akarja tenni favicon.mint a vkontakte vagy osztálytársak? Jó favicon. Nem tegyünk, csökkentve a nagy képeket a Favonov mindenféle "generátoraiban", amelyek tele vannak teljes az interneten. Favon nagyon kicsi. Tény, hogy kedvesek vagyunk pixel-art.Ki rendelkezik saját jellemzőivel. Nem írhatja a levelet, és egyszerűen csökkentheti azt 16px .
Mint favicon. A fuzzles homályos lesz, mivel a betű szélei átméretezéskor néhány pixelben lesznek. Kedves lesz anti-alias., amely általában jó, de pixel-művészet esetében az ilyen átmenetek nem szükségesek. Másrészt érdemes elkerülni és túlzott "bátorító" a fordulóban, különben megkapják a Hi Gifki 1999-et.
Hozzon létre fájlméretet 16 H. 16px . Készítünk egy nagyon egyszerű áttetsző favicon. A betűvel, mélységű eszközzel. A mélység az árnyék és a gradiens miatt jön létre.
Háttérkép
Miért a lecke képernyővédőjében egy hatalmas sima és nyalogatott favicon.? Mert növeltem egy képernyővédőre a lecke felé. Hogyan javítottam a kép nagyításához 16px? Nagyon egyszerű, mindig a vektorban dolgozom, ha lehet használni, és ha ez értelme van. És a vektor könnyen átadhatja az átalakítást, és nem veszít el.
Válasszon ki egy eszközt Kerekített téglalap eszköz. A Beállítások panelen válassza ki az üzemmódot, amely lehetővé teszi a vektorba való felhívást. A Tick Panel legördülő menüjében - Pattintsa képpontok. Ez szükséges ahhoz, hogy a vektor kontúrok kötődjenek a képpontokhoz, és ne húzzák "őket".
Van egy felületünk favicon, és az áttetsző élek kerekességi simaságot hoznak létre. Most itt az ideje, hogy megszabaduljon a fehér háttér hátterétől, nem szükséges. Húzza ki a láthatóságát. Vagy kattintson duplán a rétegre, és rendszeres rétegre fordítsa, majd távolítsa el.
A blog design nagyon fontos eleme favon - egy kis kép (16x16 képpont). Kis méretek - de hatalmas hatás! Ez a cikk a favon.ico létrehozására szolgál az interneten, speciális szolgáltatások segítségével. Bővebben részletezi azt a tényt, hogy ez a favon ikon, amelyre használatban van, milyen funkciók vannak, hogyan kell hozzáadni a bloghoz, és online hozza létre. Megtanulod, hol töltse le a készenléti favicon ico gyűjteményét az oldalra.
Általánosságban elmondható, hogy a hozzászólás nagyon informatív és érdekes, határozottan azt tanácsolom, hogy megismerje magát vele, bárki nincs favonki.
Először is, jobban nézzünk részletesebben, hogy milyen favon van, és amelyre használják.
Favicon két szó (ENG. Kedvencek ikonja) csökkenése, amely ikonként lefordítva (nagyon kis kép) a "Kedvencek" -re. Kedvencek - úgynevezett könyvjelzők az Internet Explorer böngészőben. A Favicon megjelenése megközelítőleg így van:
Készíts egy rögzítőt a webhely számára, hogy nagyon egyszerű lett, így ez a mini széles körű népszerűséget szerzett. Ezenkívül letöltheti a Favicon Ico készenléti ikont a webhelyen, amely csak hozzáadódik. A galériából való kiválasztással díszítheti webhelyét, és megcsodálhatja a böngészőben (itt van ez a mini-króm kép):
Tehát a Favicon egy kis kép 16 × 16 px méretű, kiterjesztéssel.ico (ikonok bővítése). Mivel Az ikon széles körű népszerűséget szerzett, gyakorlatilag minden webhely, és ez egy újabb ok arra, hogy online favy-t hozzon létre az interneten. Nem számít, hogy milyen típusú tárhelyet használ, amelyen a blogod működik - minden esetben online módban hozható létre, majd telepítse a Favicont, vagy töltse le a befejezett rögzítőhelyet a webhelyhez. A modern ikon generátoroknak köszönhetően a teremtés nem sok időt vesz igénybe - egy vagy két perc, és minden készen áll.
Még mindig nincs favonki? Repülés hamarosan!
Ami ezt a mini-képet használják. Először is, a webhely favonja olyan, mint egy kereskedelmi vállalat logója, ez a módja annak, hogy kiemelkedjenek a teljes tömegből. A látogatók felismerik webhelyét a Favicon képre nézve. Másodszor, a Yandex a Favon képeit is használja, megmutatja őket a kibocsátás eredményei mellett, amely lehetővé teszi a favicon webhelyeit, hogy jobban nézzen ki mások hátterében. Ez azt jelenti, hogy a felhasználók gyakrabban fognak menni a webhelyére, mert az ikon "csalik" lesz. Más szóval, ez a mini-kép segít Önnek. Így néz ki:
Nos, most szeretné tudni, hogyan kell favicont csinálni? Olvassa el, és kiválaszthatja a favicont a webhelyére számos gyűjteményből.
By the way, a Yandex keresőmotor még van egy speciális robot, amely indexeli ezeket az ikonokat, és betölti őket a keresőmotor adatbázisába. Miután létrehozott egy favon és telepítse azt az oldalra, a Yandex egy idő után (általában legfeljebb egy hónap) index, és elkezdi megjeleníteni a kibocsátás eredményeit. Bármikor ellenőrizheti, ha a mini-logó már a keresőmotorban van. Ez a 3 módszer egyikével történhet:
- Tárcsázza webhelyét a Yandex keresőablakban, és látni fogja, hogy van-e favicon mellett.
- Tárcsázza a http://favicon.yandex.net/favicon/ linket a böngészőben site.ru.Ahol helyettesíti a webhelyet. Ha az Fava indexelve van, láthatja.
- Ugrás a Yandex.VeBmaster panelre is, van egy favon is.
És most megtudjuk, hol lehet letölteni az állomást az oldalra.
2. Online generátorok és favicon gyűjtemények
Most már tudjuk, milyen favon van, és miért van szüksége egy webhelyre. Emlékeztetünk arra, hogy a képpontok méretének szigorúan 16-16, és a kiterjesztés csak.ico. Most megtanuljuk, hogyan lehet ilyen mini:
- Letöltés Már kész Fava a galériából.
- Hozzon létre egy favon generátor használatával.
- Készítsen a kész képből (ismét favicon generátor segítségével)
2.1 Gyűjtemények és galériák Favon
- http://www.thefavicongallery.com/ - bár egy kis gyűjtemény, de hasznos. Itt megtalálja az ikonokat különböző témákon. Körülbelül 300 van körülbelül 300 darab. A webhely kedvenc Favicon ICO letöltéséhez nyomja meg a jobb egérgombbal, és mentse el a számítógépre.
- http://www.iconj.com/favicon-gallery-page1.html - egy másik favicon gyűjtemény egy olyan webhely számára, amely több mint 3 ezer mini-képet tartalmaz. A kedvencét két formátumban (ICO vagy GIF) mentheti. De van hátránya is: csak 30 ikonra nézhet, hogy a következőket láthassa, meg kell mennie egy új oldalra.
- http://www.favicon.cc/?action\u003dicon_list&order_by_rating\u003d1 - köszönhetően ennek a galériának, nem kell használnia a favonot online. Csak válassza ki és töltse le a kívánt képet. Ismét, egyszerre megtekintheti a 20 favonot, amely lelassítja a választás folyamatát.
- http://www.favicon.co.uk/gallery.php - Ez az oldal lehetővé teszi, hogy nemcsak Favy-t készítsen a webhelyhez, hanem letöltheti a kész opciókat is. Egyszerre több mint 144 ikon, ami sokkal kényelmesebb, mint a két előző lehetőség közül. FAVI különböző témákhoz.
- http://favicon-generator.org/gallery/ - bár a kis, de hasznos gyűjtemény 84 darab favonok. Válasszon senkit!
2.2 Hogyan készítsünk Favonot a Scratch webhelyre
Természetesen letöltheti webhelyét, és készen áll a Fava-ra, de sokkal jobb - készítsen saját kezét. Ebben az esetben az úgynevezett Favicon generátorok (FAV generátorok) segítenek nekünk, ami lehetővé teszi, hogy szép mini-képeket hozzunk létre online.
2.2.1 Lapaster.ru.
Elindítja a listát online favonok generátor
A szolgáltatás legfőbb előnye, hogy nem kell egy frawaconot rajzolni, vagy átalakítani a logóból.
Mindössze annyit kell tennie, hogy be kell írnia a webhely nevét vagy a céget, és válassza ki a témát.
Ezt követően a szolgáltatás kész favicon terveket hoz létre. Felveszi a kívánt ikont, betűtípust, színt.
Nagyon kényelmes azok számára, akik nem, azaz rajzolni és grafikus programokkal dolgozni.
Töltse le a Favicon fájlokat ICO vagy PNG formátumokban.
Részletesebben, hogyan kell létrehozni egy favy-t egy favy-val, olvasható
A Favicon mellett a szolgáltatás logókat, névjegykártyákat, borítékokat és üreseket is létrehoz.
2.2.2 favicon.cc - Favonok generátor
Ez az egyszerű generátor az egyik legegyszerűbb és legnépszerűbb az online létrehozáshoz a webhely számára. Meg tudod vonni a jövő Fava minden pixelét (mindegyikük 256). A webhelyre megy, akkor elérhető munkapapa, amelyben kísérletezhetsz.
A fenti screenshotban kék jelenik meg a munkaterületen - itt közvetlenül létrehoz egy Favy-t a webhelyen. Az alábbiakban láthatja, hogy a Fava hogyan néz ki az eredeti skálán (fekete színnel).
Munka ez a generátor annyira egyszerű, hogy nem valószínű, hogy a kérdésre, hogy hogyan lehet Favicon ICO az oldalon. Általánosságban ezen az oldalon megtalálhatja a Favicon online gyűjteményeit, majd például eladhatja őket.
Minden négyzet a munkaterületen egy pixel. Meg kell festenie a kívánt színben. A munkaterület jobb oldalán található paletta színét választhatja. A Pixel-et a bal gomb megnyomásával festheti, és törölheti a festett - jobbra.
A kép mozgatható és mozoghat a munkaterületen, amelyhez használja az elemet mozog..
A kapott Favon letöltéséhez, amelyet a webhelyen tettél, kattintson a Favicon Link letöltésére (piros színnel).
2.2.3. Amichurin.appspot.com
Egy másik generátor gyönyörű favicon, amelyben az online módban létrehozhat egy gyönyörű képet. Az egész generátor oroszul, de funkcionalitása könnyebb lesz, mint az előző esetben. By the way, a bordák által készített aláírások nem az enyém.
Sajnos, de nem találtam meg ezen az oldalon kész favicon gyűjteményeket, amelyek letölthetők a webhelyen, ezért csak generátorként használhatom.
2.2.4 Favicon-generator.org Generátor
Nagyon jó favonok generátor. Nagyon hasonlít a második lehetőséghez, de egy kicsit rosszabb. Általánosságban elmondható, hogy már észrevette, hogy az összes ilyen webhelyen működő működés elve ugyanaz. Ezért a velük kapcsolatos problémák nem merülhetnek fel. Válasszon és dolgozzon azzal, amit tetszett.
2.3 Favicon a kész képből
Ha nem szeretné létrehozni egy rögzítőt az online generátorok használatával a semmiből, és a galéria és a Favicon Ico gyűjteménye nem megfelelő az Ön számára, akkor próbálja meg mini-képet készíteni a kész képből. A fotót is használhatja. Ezeket a képeket online módban is létrehozzák speciális favicon generátorok segítségével.
Készítsen el egy képet, amelyet alapul szeretne venni.
2.3.1 szolgáltatás favicon.ru.
Az egyik legnépszerűbb szolgáltatás, amely segíti a favy-t a helyszínen (az oroszul beszélő webhelyen). Egyszerű és könnyen használható, segít a mini-logó készítéséhez a kész képből.
Kép vagy fotó hozzáadása (alap):
- Kattintson a "gombra" válassz fájlt"És töltse le a kívánt fotót.
- Adja meg az URL-képet a Fehér mezőbe (Tegye ezt, ha a fájl nem a számítógépen tárolódik, hanem az interneten).
A kép hozzáadása után kattintson a " Teremtfavicon.ico! " És várjon egy kicsit, a generátor formálja az ikont. Ezt követően töltse le a képet a számítógépre. By the way, a generátor ezen az oldalon van egy nagy gyűjteménye Favicon Ico a webhelyén.
2.3.2 Szolgáltatás Favicon.cc.
Hasonló generátor, de erősebb funkcionalitással. Hírnév létrehozása a kész képből, először menjen az "Kép importálása" fülre.
Most kattintson a "Fájl kiválasztása" gombra, és adjon hozzá egy letöltési fájlt. Alapja, és a Favicon ICO létrehozza webhelyét. By the way, akkor szükség lehet a kép nyújtására:
- Tartsa a méreteket - a kép képarányának csökkenésével ugyanaz marad
- Zsugorodik a négyzet ikonra - a kép oldalai megjelennek a négyzet típusához (a kép torzulhat).
A fájl letöltésével az online módban szerkesztheti ezt a favicon generátort. Amikor az eredményül kapott eredmény elrendezésre kerül, töltse le a Fava-t a számítógépre.
3. Hogyan kell hozzáadni a favicont a WordPress bloghoz
Ha letölti a befejezett favicont a webhelyen, vagy hogyan készítsük el a sajátját - kitaláltuk. Most beszéljünk, hogyan kell hozzáadni egy fava-t a WordPress bloghoz.
Általános szabályként a Favicon a helyszín gyökerében található (a root mappában) - navigálunk hozzá. Ha a fava nem a gyökérben van, akkor csak átadja.
A Favicon.ico két lépésben van hozzáadva.
ELSŐ LÉPÉS
Először is, meg kell találnod az Ön témáját, amely a favicon visszavonásért felelős vonalkód. A fejléc fájl szerkesztéséhez (Header.php), és megtalálja az ilyen (vagy hasonló) helyet:
Ha nincs semmi hasonló, és tartalmazza a favicon.ico szót, akkor csak add hozzá a két vonalat valahol a címkék között
és.Második lépés
Most meg kell adnod a favonát a tárhelyedhez, a webhely gyökér mappájában van (különben nem jelenik meg). Gyere a tárhelyre, és töltse le a FAV-t a webhely gyökerére (a fájlnév szükséges favicon.ico., Méretekre van szükség 16 × 16 képpont).
Ez minden, hamarosan a Favonka index a keresőmotorokat, és a Yandex kibocsátásának eredményeiben fordul. És webhelye lesz a saját favicon.
A végén egy video bemutatót adok arról, hogyan hozhatok létre egy favyt a webhely számára.
Favon - A kifejezés szó szerint lefordítva, mint "kedvenc ikon" - a modern webdesign egyik legösszetettebb elemének tekinthető. Ez egy kis kép, amely a böngésző lapján található, a keresősávban és más helyeken, és fontos szerepet játszik a webhely személyre szabásában.
A nem szabványos formátum és kis méret miatt a favon létrehozása nehézségekkel járhat, mind a technikai, mind a tervező szempontjából.
Egyszerűen nehéz feladat, hogy biztosítsuk a favon kompatibilitását különböző böngészőkkel.
Ebben a cikkben megtanulod, hogyan készítsünk el a favonot - tanácsot adunk a tervezésről, és elmondja a szolgáltatásokat, hogy hozzon létre egy favicont, és hogyan kell használni a favonot a webhelyre.
Mi a favon és miért van szüksége
Annak ellenére, hogy a Favon nagyon kicsi grafikus tárgy, rendkívül fontos a helyszín kialakításában és általában.
Kattintson a kép nagyításához.
Először, A Favon személyre szabottabbá teszi a webhelyét, és egyetlen stílusban, más grafikai elemekkel, például logóval rendelkezik.
Másodszor Favono kiemeli webhelyét a keresési eredménylistában lévő további webforrások között. A mini ikon nélküli webhely elhalványul, hogy megvizsgálja a versenytársakat. Röviden, a favon csak "kell lennie" a webhelyek számára.
Harmadszor FAVON Lehetővé teszi a felhasználó számára, hogy webhelyét megtalálja a könyvjelzői katalógusban vagy más ikonokon az asztalon.
Favicon design létrehozása
A favonnak tükröznie kell a lényegét és a márkát a hangulatjel méretének apró jelében. Egy egyszerű megoldás lesz a vállalat logójának egyszerűsített változata, de figyelembe vesszük: a teljes körű logó szöveggel és védjegyekkel nem alkalmas erre a célra.
Ezek a webhelyek a márkájuk grafikai jelét (vagy legalább valami hasonló) használják.
Ne használjon szöveget
A szöveg használatából el kell hagyni, mert a felirat kis méretének köszönhetően a favon olvashatatlan lesz. Helyezze az ikonra 1, a legfeljebb 2 betű - például az első a cég vagy webes erőforrás nevében; Ebben az esetben még meg lehet különböztetni őket.
Pixelization favicon
A favononok olyan kicsiek, hogy minden egyes pixel fontos számukra. Gyakran, a teljes méretű logó csökkenésével a kép homályos.
Ez a teljes méretű Facebook logó töredéke, miután 32 × 32-re csökken. Könnyű látni, hogy a kép "úszik" a széleken. Annak érdekében, hogy elkerülje az ilyen hibát, szerkesztése pixelszinten.
Az ikonokkal való munka során inkább raszteres képszerkesztő programokat használok (például Photoshop vagy Pixelmator). Először csökkentem a teljes méretű logót 64 × 64 pixelre, mert ez a legnagyobb favon, amelyre szükségem lesz. A munka nagyon fájdalmas, egy egész órát, vagy akár két, de az eredmény csak kiváló.
Ha nincs ideje és készsége az ilyen műveletekben, akkor jobb online szolgáltatások használata, mint például Logotizer.ru.
Favicon méret
Miután 64 × 64-es méretű ikont kapott, 32 × 32, 24 × 24 és 16 × 16 képpontos méretű ikont is létrehozok. Mindegyikük rendelkezik saját célállomással:
- 64 × 64 - "List for Reading" a Safari és a Windows
- 24 × 24 - Fix webhelyek az IE9-ben.
- 32 × 32 - Nagy felbontású képernyők esetén.
- 16 × 16 - általában a böngészőkben, azaz szafari, króm stb.
De a kisebb Favonov létrehozása nem korlátozódik a teremtésre: gyakran további szerkesztés szükséges a pixelszinten. Az alfa-csatornát is hozzáadhat, ha szükséges. Ha korábban nehézségeket okozott, most szinte minden böngésző támogatja az átláthatóságot a fániákban.
Favicon formátumok
Korábban csak a Windows ICO formátumú fájlokat támogatták, időt takaríthatunk meg, ha megmentenénk egy 16 × 16 faviót GIF formátumban, és megadta a .ico kiterjesztést. Egy ilyen recepció gondoskodott! De most ebben a módszerben nincs szükség, mivel az ICO fájlok létrehozására szolgáló eszközök könnyen megtalálhatók az interneten. Ráadásul most a Favonov számára használt, de a leggyakoribb kettő még mindig gyakori.
Ico.
A Palm bajnokság az ICO formátumhoz tartozik. A PNG fájlokkal ellentétben az ICO fájlok eltérő felbontású és bitmélységgel rendelkezhetnek (ami kiváló Windows). Az Internet Explorer Browser a Favon különböző méretét használja (például 32 pixeles ikonok a Windows 7 tálcára), ezért ebben az esetben az ICO formátum az egyetlen lehetőség.
A PNG fájlokat nagyszerű kényelem jellemzi, mivel nincs szükség speciális eszközre, hogy létrehozzák őket. Ez a formátum támogatja az Alpha csatornát, és lehetővé teszi a legkisebb méretek fájljainak létrehozását. Talán a PNG formátum egyetlen hátránya, hogy nem támogatott az Internet Explorer böngészőben.
Vannak más lehetőségek is:
- A GIF és animált GIF formátumok nem rendelkeznek előnyökkel, a nagyon régi böngészőkkel való kompatibilitás mellett.
- A JPG formátum nem ajánlott, még akkor is, ha a kép fotóként jelenik meg. Ez a formátum hiányzik a világosság a PNG, és az egyetlen méltóság sima átmenet a színek között - egy árnyalatot, amely teljesen immelted nagyon kis képet.
- Az SVG kiváló lehetőség lehet, ha több böngésző támogatta a formátum favonáját. Eddig csak az operával kompatibilis.
- Van is az úgynevezett "konformát" PNG - APNG (animált PNG), amelyet a Firefox és az Opera támogatott. Ugyanakkor a felhasználás célszerűsége továbbra is kérdéses. Az animált favon elvonja a figyelmet, és még bosszantja a felhasználót.
Fiók létrehozása online - eszközök és online szolgáltatások
Úgy döntöttünk, hogy a leghasznosabb szolgáltatások, amelyek segítenek a Favon online létrehozásához.
Logotizáló.
A Logotizer egy új, egyszerű és kényelmes szolgáltatás a favon és a logó létrehozásához a webhelyén.
Ezzel az online konstruktorral létrehozhat egy rögzítőt a semmiből. A szolgáltatás az újonnan érkezőkre koncentrál, ezért nem nehéz jó designt fejleszteni.
Hogyan készítsünk egy Favy-t egy online logotizáló generátorral
A fő munkaterület a bal oldalon található. Láthatja a jogot, hogy lássa, hogy a Favon különböző médiát fogja nézni - a böngésző lap, a számítógép tálca vagy az okostelefon képernyő. Nagyon kényelmes és világosan.
Kezdetben válasszon egy űrlapot egy favon számára. Sokan vannak, több mint 50. Azt tanácsoljuk, hogy válasszon egyszerű és egyszerű űrlapokat, hogy egy favin könnyen érzékelje és megjegyezze.
Ebben a szakaszban meghatározza az űrlap színét is, amely a Favonki hátterének, és kiválasztja a keretet. Nézze meg, milyen színt dominál a logóban (ha van ilyen), melyik színek a webhelyén találhatóak. Ez a gamma azon a gammában van, hogy tanácsot adunk neked egy favicon design létrehozásához.
Az "forma" blokk alatti ábrák gyűjteménye (karakterek). Nem annyira, sajnálja, hogy nem tudja betölteni az opcióit; De a választás még mindig nagyon érdekes.
Változtassa meg a színt, a méretet, a számok helyét! Röviden, kísérletben, jó, a szolgáltatás lehetővé teszi, hogy tegye.
Az ábra kiválasztása után hozzáadhatja a szöveget. Ahogy korábban írtam, jobb, ha 1 vagy 2 betűt használ, többé.
A betűtípusok széles választéka van. Ez határozottan plusz. Mint a számok esetében, megváltoztathatja a szöveg színét, méretét, elrendezését.
Ha úgy dönt, hogy a favicon egyfajta rétege átmenetileg behatol, vagy sem, akkor csak elrejtheti.
A favon létrehozása után a szolgáltatás megmenteni fogja. Regisztráljon egy fiókot (2017-ben a regisztráció nélkül sem), majd letöltheti a fájlokat egy kis fizetéssel - 199 rubel.
Még mindig van egy kis utasítás a helyszínen, hogyan lehet hozzáadni a favonot a webhelyre, így a favicon hozzáadásával a webhelyre nem szabad problémái. Az alábbi cikkben hasonló ajánlásokat is tartalmaz.
Fizetés után a felhasználó 10 javítást kap egyszerre az összes szükséges eszköz alatt (Apple touch ikon, Microsoft alkalmazás ikonok és mások).
A Favicon.ico fájl maga több méretű, és 4 méretű ikonokat tartalmaz 1 fájlban (16px, 24px, 32px, 64px). Ennek megfelelően, ha hozzáad egy webhelyet a böngésző vagy egy történet megnyitásához - különböző méretű ikonokat nézhet, de világosan és elmosódás nélkül jelenik meg.
Általában a szolgáltatás jó. Egyszerű, kényelmes, semmi felesleges.
Realfavicongenerator.net.
- Ez egy egyszerűbb favon-generátor, amely lehetővé teszi, hogy favononokat hozzon létre minden platformra. Ezenkívül az erőforrást Favon tesztelheti. Adja meg webhelyének URL-jét, és meglátja, hogy a rögzítő hogyan néz ki minden böngészőben és minden operációs rendszerben. A Real Favicon Generator azt is kéri, hogyan kell megoldani a hiányosságokat, és még jobbá teszi a favicont.
Favicon.by.
Favicon.by.- Egy másik ingyenes és könnyen használható favon generátor, amely átalakítja a PNG, a JPG és a GIF fájlokat a formátumba. Töltse be a képet a számítógépről, válassza a Méret (16x16px vagy 32x32px) lehetőséget, majd kattintson a "Create" gombra. A fogadott Favon mentéséhez a webhelyén kövesse az utasításokat.
Továbbá a szolgáltatás lehetővé teszi a logót a pixeleken, de hogy őszinte legyek, nem mindenki számára. Például nem tudtam. Itt döntő vagyok :)
Hogyan lehet a favonot hozzáadni az oldalhoz
Hozzáadhat fiókot a webhelyre, ha több szerkesztést készít a HTML-site oldalkódban.
1. lépés: Töltse le a "favicon.ico" fájlt a hosting szerverre.
Ehhez menjen az FTP-kiszolgálóhoz ezen a linken:
FTP: // [E-mail védett]
Adja meg felhasználónevét és jelszavát. Megszerezhetők a hosting cég adminisztrátori panelen.
Töltsön be fájlokat a favokokkal a gyökérkönyvtárban. A gyökérkönyvtárat általában "public_html" vagy "www" -nek nevezik.
2. lépés: Adjon hozzá favonot a HTML-hez.
Az FTP szerver ablak megnyitása Nyissa meg, töltse le az "index.html" vagy "header.php" fájlt.
Ezután feltölti a kódot. A letölthető kód a webhelyétől függ.
Ha webhelye HTML-ben van, keresse meg az index.html fájl fejterületét, és helyezze be a következő kódot:
Ha webhelye a WordPressen található, keresse meg a fejterületet a Header.php fájlban, és helyezze be a következő kódot:
/Favicon.ico »/\u003e
Ezekkel a kódokkal a böngészők megtalálják a Favo-t.
Tehát telepítette a favonját!
Hogyan lehet hozzáadni a favonot a WordPress és más platformokhoz
Ha az erőforrás a Wordpress vagy más CMS-en alapul, akkor add hozzá a favonot a webhelyre nagyon egyszerű. Általánosságban elmondható, hogy az algoritmus a favicon különböző platformokhoz való hozzáadására ugyanaz lesz.
1. Meg kell mennie a webhelykonzolhoz.
2. Keresse meg a "Design" vagy a "Megjelenés" részt.
3. Menjen a "Témabeállítások" részre, és keresse meg a "Favon" -t.
4. Letöltés Favon a számítógépről.
5. Az oldal mentése és frissítése.
Hogyan hozhat létre összetettebb Favonát
Ez a cikk az egyszerű és gyors módokat tárgyalja, hogy Favonov kompatibilis-e a gyakorlati bármilyen böngészővel és operációs rendszerekkel. De amikor a webdesign és a fejlesztés, nincs korlátozás a tökéletességre. Ha meg szeretné tanulni, hogyan lehet több összetettebb favonot tenni, érintse meg az iOS fő képernyőkapcsolt ikonok, a Metro interfész ikonok ablakokban, ikonok a Google TV-ben és még sok más, azt javaslom, hogy megismerkedjen ezekkel az anyagokkal: favicon csaló lap. Teljes információ van a témáról, és jó forrásokat kapnak. Ez egy nagyszerű lehetőség azoknak a tervezőknek és fejlesztőknek (beleértve engem is), akik folyamatosan keresnek tudásuk bővítését.
A Favico.js használatával dinamikus kedvenc számokat hozhat létre.
Lehet, hogy szüksége lehet egy dinamikus favonra is, amely változó számjegyű ikonnal rendelkezik. Olyan Favonov létrehozásához javaslom, hogy használja a szolgáltatást favico.js.Elérhető a githubon. Míg a dinamikus javítások kompatibilisek az összes böngészővel. De azok számára, akik támogatják őket, ezek az ikonok érdekes és hasznos kiegészítések lehetnek.
Ha egy másik tanácsot szeretne feltölteni ezt a cikket, vagy kérdezzen egy kérdést, hagyja el az alábbi megjegyzéseket!
Hogyan hozzunk létre egy Favy-t egy weboldalhoz - Tippek és szolgáltatások Frissítve: 2018. február 7., a szerző: admin.
