Hogyan készítsünk favicont a PNG-től

Site ikon a böngésző címsora előtt

Néhány böngésző megjeleníti a webhely ikont a címsor előtt, valamint a legördülő karakterlánc legördülő listáján:

Site ikonok értéke a SEO-ban

Favicon egy SEO tényező. Nak nek. Ez a keresési kérdés pontjaiban jelenik meg Yandex és Google (A mobil keresés kibocsátásakor a Favonki kezdtek megjelenni májustól és desktop & #; mivel az év elején), bizonyos mértékig befolyásoló Clickability (a valószínűsége átmenet a helyszínen a keresési találatok), amely pozitív viselkedési rangsoroló tényező.

Ezenkívül a Favonki végrehajtásának rendelkezésre állása és minősége megkönnyítheti a felhasználók munkáját a böngésző oldalán lévő oldalakkal, megkönnyítve a webhely felismerését, ezáltal közvetve befolyásolja a belső viselkedési tényezőket.

A fentiekből következik, hogy a töredék,

közvetetten befolyásolhatja a webhely oldalainak rangsorolását.

Webhely ikon és ps yandex

Favicon Megjelenik a keresési eredmények között Yandex és közvetlenül befolyásolhatja a külső viselkedési tényezőket.

Favicon a Yandex töredékekben

A Favonka webhely a Snippetov fejlécekkel szemben jelenik meg:

Favicon a Snippets Kibocsátó Yandex

A Favonki jelenléte (távollét) és vonzereje tükrözheti a Yandex keresési töredékének megkötését, közvetve a rangsorolást.

W Yandex Van egy külön keresési robot, indexelési fájlok Favicon formátumban Ico és más formátumokban. Favonok frissítés a kiadatásban Yandex – a jelenség meglehetősen ritka, körülbelül egy hónap.

Figyelmeztetés a fájl hiányáról

Ha az oldal ikon nem jelenik meg Yandex, Ezt a feljegyzést a megelőzés a „hiányzó Favicon fájlt a helyszínen” a „Diagnosztika az oldalon” szolgáltatás lakos:

Jelzés a favonki hiánya a Szolgáltatásban

Ellenőrizze a Favicon elérhetőségét az indexben

Favorki-t adunk az indexalaphoz, és a keresési eredmények formátumú képként jelennek meg . Ellenőrizze az elérhetőség ikonjait az indexben Yandex Linkhet:

Hab [abszolút url]

Például: Hab: // Hab

Ha a Favonka indexelve van, megjelenik az oldalon PNG formátumban.

Ellenőrizze a Favicont a követelményeknek való megfelelés érdekében

Ha az oldal ikonja nincs indexelve, és (vagy) a Yandexben. A webmester bemutatja a fenti figyelmeztetést a helyszínen lévő távollétről, majd ellenőrizze a követelményt a követelményeknek való megfeleléshez.

Annak érdekében, hogy a Favonka megjelenjen a keresési eredmények között, szükség van egy kép (Hab fájl), amelynek mérete 16 × 16 képpont a helyszín gyökérkönyvtárában. A webhely piktogramjának előnyös formátuma – ICO, de más formátumok lehetségesek: GIF, JPEG, PNG és BMP.

Hab

Site ikon követelményei

A webhely ikonok megjelenítésével kapcsolatos problémák elkerülése érdekében Favicon A böngészők és a részletek a Yandex keresésének, szükséges, hogy a fájl ikon megfelel bizonyos követelményeknek.

A Favonok számára vannak követelmények:

A fájlnévhez,
geometriai mérethez,
fájlformátumhoz,
Szálláshoz,
A HTML jelöléshez.

Most tekintse meg a Favonki fájl felsorolt követelményeit.

Fájl név

Hagyományosan az oldal ikonfájlját hívják, de valójában úgy hívható, mintha a HTML-kódban lenne a webhely ikonjának explicit útja. Más szóval, ha az ikon található a gyökér a helyén, és nincs kapcsolat vele a HTML kódot, a böngésző továbbra is érzékeli egy ikon nevét és megjelenik rendeltetésszerűen. Ha a Favonka webhelyet másképp hívják, mint a HTML-kódban eltérő, míg a HTML-kód nem lesz kifejezetten hivatkozva, a böngésző nem tudja észlelni azt.

A webhely ikonok megjelenítésének problémáinak elkerülése érdekében a Yandex keresés böngészőjében és töredékeiben az ikonfájlt “Hab” -nek nevezik.

Geometriai méret

A Google Súgójában azt mondják, hogy a favonki geometriai mérete 48 többszörösnek kell lennie, és legalább 48 × 48 px. A lapok, könyvjelzők és a böngészők címsora előtt, valamint a keresési eredmények ikonjainak slippeppes ikonjában Favicon Megjelenik a 16 × 16 képpont mennyiségében, így nincs értelme, hogy egy 48 × 48 px képet készítsen.

A webhely ikonja négyzetnek kell lennie, és mérete, több 48 képpont, például 48 x 48, 96 x 96, x SVG fájlok specifikusak. Támogatja az összes érvényes formátum ikonját. Győződjön meg róla, hogy az oldal ikonja jól néz ki 16 x 16 képpont felbontásban, a keresési eredmények megjelenítéséhez, az ikon méretét megváltoztatja. Ne feledje, hogy hozzáad egy 16 x 16 pixel méretű ikont.

Google Súgó

Fájlformátum

Hagyományos formátum Favicon Ez azonban a modern böngészők megjeleníthetik a favonki és egyéb formátumokat:

Amint korábban megjegyeztük, ha a webhely ikonja nem formátumban jön létre, akkor a HTML-kódban meg kell adni, hogy kifejezetten meghatározza a fájl elérési útját, különben a böngésző (valamint a robot) Yandex) Nem tudja meghatározni a kijelző ikont.

Az ICO FAVICON ICO formátumban minden modern böngésző támogatja.

Szállás az oldalon

Általános szabályként az egyik favonka a webhelyekre vonatkozik, amelyeket a webhely gyökérkönyvtárába kell helyezni. Azonban senki sem tiltja az egyes oldaloldalak különböző bejegyzéseit. Ebben az esetben az ikonok fájljait a webhely különböző könyvtáraiba lehet helyezni, vagy egy könyvtárban különböző nevek alatt, és győződjön meg róla, hogy csatlakozik Favicon A megfelelő oldalak HTML-kódjában.

Ha egy favonka kerül alkalmazásra a webhelyen, akkor a webhely gyökérkönyvtárába kell helyezni.

HTML kód ikonok az oldalhoz

Előír Favicon HTML-kódban nem szükséges, ha a Favonka megfelel a következő követelményeknek:

Fájl név: ,
fájlformátum: ,
A webhely ikonjának mérete több 48, t. E. Nem kevesebb, mint 48 × 48 px,
Fájl elhelyezése: A webhely gyökérkönyvtára.

Más esetekben (például, ha egyedi ikonokat alkalmaznak az egyes oldalakra), meg kell adnia a Favicon link címkét HTML-kódban.

Mi kell az oldal ikonja?

A szerény méretük ellenére, Favicon Ez egy megkülönböztető jel a helyszínen szemében a felhasználók és a keresők, és jelenléte és vonzerejét a játék nem az utolsó szerepet clicenality a SPIPET Yandex.

Vonzó

A webhely ikonjának egyedi, vonzónak és emlékezetesnek kell lennie, ezért komolyan kell létrehozni, figyelembe véve az összes lehetőséget:

Az egyedülálló fixer felhasználók használata nem szereti a plágiumot és másolást: a legtöbb esetben a másik népszerű erőforrás webhely ikonjainak kölcsönzése negatívan befolyásolja a viselkedési tényezőket.A favonka a helyszín kontrasztosnak kell lennie, a szerény méretének ellenére világosnak kell lennie: a felhasználónak világosan meg kell néznie, hogy mi látható a képen, különben nem emlékszik rá, és nem fogja értékelni.Gondolj az AnimationsBraizers használatára Firefox és Opera Megjeleníti animációt a formátumok telephelyén lévő ikonok és . Azonban nem szabad kihasználni ezt a lehetőséget. A webhely ikonján túlállási animáció elvonhatja a felhasználói figyelmet.Tekintsük az átlátszó formátumok használatát a fájlokhoz Favicon, Ezenkívül lehetővé teszi az átláthatósági és áttetsző hatásokat. Szükség esetén ezt kell használnia.

Egyedülállóság

Ne hagyja figyelmen kívül az egyediségét Favicon. Ha igazán tetszett egy másik webhely ikonja, akkor módosíthatja azt a szín megváltoztatásával átláthatóság vagy animációs hatások hozzáadásával.

Ha nehézségek merülnek fel a választás, akkor fontolja meg az univerzális lehetőségeket, például az ikonokat, amelyek egy nyilat vagy egy másik világos alakot képeznek:

Kontraszt

A webhely ikonjának világosnak és kontrasztnak kell lennie, de nem túl élesnek kell lennie. Ne használja Favicon Homályos fuzzy kép vagy túléles pixeles kisütéssel:

Forráskép

Animáció a faviconban

Néhány böngésző megjelenítheti a bővítményekkel való rögzítés animációját, és:

Statikus ikon

Animált ikon

Hozzon létre egy animált Favicont grafikus szerkesztőkkel vagy szakosodott online szolgáltatások segítségével.

A böngészők, amelyek nem támogatják animált ikonok az oldalon jelenik meg csak az első favicon keret, így nem kell attól tartanak, hogy az ikon nem jelenik meg egyáltalán.

Animált létrehozásakor Favicon Kövesse a következő szabályokat:

Gondolj jól, a webhelyed egy animált rögzítésre kerül,
Ne használjon túl sok keretet: webhely ikon – nem egy videó,
Ne használjon magas keretváltási sebességet, hogy ne zavarja a felhasználói figyelmet.

Átláthatóság

Az átlátszó és áttetsző favonok háttér az inaktív böngésző lapokon és más esetekben (aktív lapokban, könyvjelzőkben és még töredékekben is) észrevehetővé válik Yandex) Favonka fehér vagy világosszürke háttéren jelenik meg:

Megjegyezhető, hogy minden nagyobb népszerű webhely (beleértve a Yandex és Google) Favonki használata átlátszó háttérrel fehér helyett. Az átlátszatlan fehér háttér gyakorlatilag nem alkalmazható, t. Nak nek. Túl kiemelkedik egy szürke háttér inaktív böngésző lapokon.

A webhely ikonok háttér átláthatóságának meghatározásakor kövesse az alábbi elveket:

Favorki szilárd fehér háttérrel, általában úgy tűnik, hogy vonzóak a böngésző inaktív füleiben;
Szükség esetén használjon átlátszó háttalmát szilárd fehér helyett;
A fehér háttér egy másik színű képkockával kombinálható a kép körül;
A Favonki fehér elemei átlátszóvá válhatnak, ha a háttér más a fehértől eltérő.

Hogyan készítsünk favicont a webhelyre?

Számos módja van Favonok létrehozására ICO formátumban és más formátumokban: online generátorok, keskeny programok vagy grafikus szerkesztők használata. Figyelembe vesszük az online generátor létrehozási folyamatát és a programot Photoshop.

Online Hab generátor

A Hab szolgáltatásban csak 16 × 16 px mennyiségben létrehozhat egy favonki-t, ezért javasoljuk, hogy egy másik módot használjunk egy 48 × 48 px ikon létrehozására (a Google Súgóban található információk szerint).

Hab Könnyen alkalmazható és elsajátítható egy keskeny vezérlésű webszolgáltatás, amely biztosítja a szükséges funkcionalitást a Favonok generációjának részéről.

Menj a Hab generátorba

Szolgáltatási funkciók

Hab Lehetővé tesz:

Mentse el a favonki formátumot ,
Rajzoljon favonki online,
Képek konvertálása Favonki-ban,
Módosítsa a forrása képek arányait átalakításkor,
Animált Favonki létrehozása,
Vigyázzon a szerkesztésre a Favonki változásait,
Ingyenes letöltés kész Favy.

A generátor feltételes hátrányai tulajdoníthatók:

Az orosz változat hiánya,
A fájl exportálása csak formátumban .

Új favonki online létrehozása

Ahhoz, hogy az oldal ikonja online legyen, menjen a Hab szolgáltatásba, és kövesse az utasításokat:

Kattintson az Új favicon létrehozása gombra,
Az ablak jobb oldalán található “Color Picker” területen a rajzeszközök helyezkednek el:
- Szín paletta – A ceruza színének meghatározása,
- Átláthatóság – az átláthatóság fokának csúszka meghatározása,
- Utolsó használt színek – Gyors kiválasztási panel az utolsó használt színtől,
- Átlátszó – Átlátszó színt (“mosás”) állítja be,
- Mozog – lehetővé teszi, hogy az összes képpontot a szerkesztőben mozgassa.
Miután megértette az eszközöket, folytassa az ikonok rajzolását a szerkesztőben,
Minden változás azonnal megjelenik egy természetes értékben (16 × 16 px) az “előnézet” területen,
Letöltheti a kész favonka-t a Favicon letöltésére kattintva.

Favicon létrehozása az online generátorban

Animált Favonki létrehozása

Generátor Hab megkönnyíti az animált ikont Hab Az online webhelyre:

Kattintson az Animáció gombra a szerkesztő ablak alatt,
További eszközöket fognak kideríteni, hogy a személyzetnél dolgozzon:
- Keretszám Közvetlenül a Favicon szerkesztő alatt van megadva,
- A legördülő listában A számmal ellentétes, akkor kiválaszthat egy keretváltási frekvenciát,
- Tiszta keret – A szerkesztő ablak tisztítása (aktuális keret),
- Új keret hozzáadása – Adjon hozzá egy új tiszta keretet (megnyílik a szerkesztőben),
- Az előző keret másolása – Lehetővé teszi az előző keret képpontjainak másolását az aktuálisan,
- Keret törlése – Az aktuális keret eltávolítása,
- Animálja az előnézetet – Az animáció bemutatása az “előnézeti” területen,
- A legördülő listában A ChekBox ellenkezője kiválaszthatja az animációs ciklusok számát.

Online Favicon Converter

Funkcionális Hab Lehetővé teszi a képeket formátumokból ,,,, a formátumban a méretük átalakításával:

Kattintson a Kép importálására,
Válasszon ki egy fájlt, amely nem több, mint 5 MB,
Határozza meg a kép méretének méretét a négyzet alakú arányra:
- Méretek megtartása – Az eredeti kép aránya megőrzése,
- Zsugorodik a négyzet ikonra – A kép megnyugtatása vagy nyújtása.
Kattintson a Feltöltés gombra a konverzióhoz.

Online Favicon Converter. Cc

Ready Free Favonki

Szolgáltatás Hab Lehetővé teszi, hogy ingyenes, szerkeszthető és letölthető-e a favonki generátor használatával:

A kész kedvencek listájához kattintson a:
- Legújabb faviconok – A legújabb létrehozott ikonok,
- A legnépszerűbb faviconok – A legnépszerűbb ikonok,
Kattintson a kedvenc favonki nevére,
Kattintson a következőkre:
- Letöltés Favicon Favonki másolatának letöltéséhez,
- Szerkessze az ikon másolatát Folytassa a favonki másolatának szerkesztéséhez.

Favicon létrehozása a Photoshopban

Ha ismeri a funkcionalitást Adobe Photoshop, Amennyiben nem akadályozza meg abban, hogy egy kiváló minőségű ikon helyén ezzel a programmal.

A program jellemzői

Grafikus szerkesztő Adobe Photoshop Nincs szükség prezentációra. De hogyan készítsünk egy ikont a webhelyre a “Photoshop” -ban? Csak elég, ha már ismeri a programinterfészt, és meglehetősen nehéz, ha nincs munkavégzése Photoshop.

NE NEM SZÜKSÉGES A KÉPVISELŐKRE VONATKOZÓ KÉSZÜLÉKEK lehetőségét (ez egy másik téma és túl sok információ), de elemezzük a program feltételes hiányosságait, amelyek a létrehozáskor találkozhatnak Favicon:

Komplex multifunkciós interfész
Program Photoshop Ajánlott: kiváló minőségű képfeldolgozáshoz (különösen fotók). Gyors fejlődéshez, más keskeny fix programok a Favonok létrehozásához megfelelő.
Nem képes fájlokat menteni ico formátumban
De menthet egy ikont a BMP-ben, és cserélheti ki az ICO kiterjesztését.
Nincs lehetőség animált favicon létrehozására ico formátumban
De animált favorki-t hozhat létre GIF formátumban.

Az anyag képei és utasításai az Adobe Photoshop cc

Favicon rajzolása

Rajzoljon egy ikont a webhelyen a programban Adobe Photoshop CC:

Nyissa meg a programot,
Kattintson a Fájl → Hozzon létre,
A megjelenő ablakban 16 px magasságát és szélességét állítjuk be, és kattintson az OK gombra,
Könnyű rajzolás:
- A kép méretezése (gombok + és +),
- Kapcsolja be a rácsot: (gombok +),
- A rács konfigurálása: (szerkesztés → Beállítások → Útmutatók, háló és töredékek. ..),
- Használja a rajzeszközöket a szükséglettől függően (ceruza, kefe satöbbi.).

Favicon rajzolás a Photoshopban

Favonki megőrzése

Szabványos funkcionalitás Photoshop nem teszi lehetővé a fájlokat formátumban . Ehhez egyszerű trükköt használhat a formátum megváltoztatására:

Kattintson a Fájl → Mentés mentése gombra,
A Mentés ablakban a megfelelő szövegmezőben adja meg a fájl nevét, és a Fájltípus mezőben a legördülő listából válassza a és a Mentés lehetőséget,
Nyisd ki Teljes parancsnok és módosítsa a fájl bővítést .

A Favicon formátum megváltoztatása BMP-vel az ICO-val

Favicon képek létrehozása

Ha van egy készenléti képe (például egy teljes méretű logó), akkor a készüléket használhatja Photoshop:

Egy ikon létrehozása a webhelyhez a képen a Photoshopban

Nyissa meg az eredeti képet Photoshop,
Módosítsa a kép arányait egy 1 × 1 arányban (négyzet alakú):
- Kenyér (kulcs),
- Képméret (+ + gombok),
- Csatorna méretváltozások (+ + gombok),
Menjen a képméret módosításához (+ + gombok):
- Csökkentse a képet akár 16 × 16 px-ig,
- A legördülő listában “ResHampping” az optimális tisztaság érdekében válassza a “Biobubic (csökkenéssel) lehetőséget,
- Kíséreljen más lehetőségeket a resampling, az eredmény értékelése ugyanabban az ablakban,
Mentse el a fájlt a fentiek szerint (gombok +), vagy egy másik webes formátumban (+ + + gombok).

A favonki definíciójának méretének és konfigurálásának megváltoztatása

Animált favicon létrehozása

Animált webhely-piktogram létrehozása formátumban:

Nyissa meg a statikus favonkát a programban,
Kattintson az Ablak → Time Scale,
Kattintson a Keret animáció létrehozása gombra,
Válassza ki a keretet és:
- ismétlődő rétegek az új keretekhez,
- A rétegek szerkesztése az új keretekhez,
- Testreszabhatja a rétegek megjelenítését a keretben,
- Szerelje be a keretváltási frekvenciát.
Menjen a “Save for Web” (+ + + gombok):
- Válassza ki a fájltípust ,
- Az “animáció” kiválasztotta a “folyamatosan” ismétlések számát,
- Egy képet mentünk.

Hogyan kell telepíteni a favicont az oldalra?

Mielőtt csatlakoztatná a Favonki HTML-kódot, létre kell hoznia és telepítenie kell a fájlt Favicon Az oldalon: Alapértelmezés szerint a böngészők a webhely gyökérmappájában találnak egy favonkát. Ha az ikon nem felel meg a követelményeknek (név, bővítés és elhelyezés a fájl), akkor meg kell adnia a HTML-kódban.

HTML kód a favicon számára

A webhely ikonjának regisztrálásához a HTML-kódban a Link címkét attribútumokkal használja, és a fejrészben található:

Link rel = “gyorsbillentyű” típusa = “Kép / x-ikon” href = “Hab”

Hozzárendelés

Rel	ikon	Azt jelzi, hogy a Link címke határozza meg Favicon Az oldalra. Ezek az értékek egyenértékűek.
Rel	Gyorsbillentyű ikon
típus	kép / x-ikon	Az attribútumnak tartalmaznia kell egy MIME fájltípust Favicon. Az ikonok formátumára alkalmazott adatérték .
	Kép / Hab
	Kép / gif	Favonok GIF formátumban.
	Kép / JPEG	Favonok számára JPEG formátumban.
	Kép / png	FAVONOK számára PNG formátumban.
	Kép / BMP	FAVONOK BMP formátumban.
	kép / svg	A kedvencekhez SVG formátumban.
	kép / apng	Mert Favicon Formátum .
href	[Relatív URL]	Például: Hab
	[Abszolút URL]	Például: Hab
	[Base64 kód]	Például: Adatok: Kép / X-ikon; Base64, Aaabaa & #;

Csatlakozási példák

Tekintsük példákat a webhely ikonjára vonatkozó jelzésre a HTML-kódban.

HTML-címke a Hab számára

Ha az ikon nem csatlakozik a HTML-kódban, a böngészők megpróbálják felismerni azt a következő szabály szerint:

!– LOQUIMINE HTML TAG CODE LINK LINK A HAB-hoz helyezett a helyszínen: – Link rel = “gyorsbillentyű” type = “kép / Hab” href = “HAB” link rel = “gyorsbillentyű” type = “kép / x-icon” href = “HAB” link rel = “gyorsbillentyű” típusa = “Kép / Hab” href = “/ Hab” link rel = “gyorsbillentyű” type = “kép / x-icon” href = “/ Hab” link rel = ” Ikon “Type =” Image / Hab “href =” HAB “link rel =” Icon “típusa =” Kép / x-ikon “href =” HAB “link rel =” Icon “type =” Image / Hab “href =” / HAB”link rel = “ikon” type = “image / x-icon” href = “/ hab” !– Ezeket az utasításokat az alapértelmezés szerint is követik, ha hiányoznak a HTML-kódban —

Más esetekben a linkcímkét kell beilleszteni Favicon megfelelő attribútumértékekkel.

HTML címke Favicon egyéb formátumokhoz

A rögzítési formátum csatlakoztatása a más formátumban, adja meg a megfelelő MIME típusú rögzítés típusát az attribútumban . Például:

!– HTML kód ikonok PNG formátumban: – link rel = “shortcut icon” type = “image / png” href = “hab”

Ha lehetséges, használja az ikonokat a formátumban, hogy elkerülje a lehetséges problémákat a kijelzővel.

HTML-címke a favicon számára a gyökérkatalóguson kívül

A webhely gyökérkönyvtárában található rögzítés csatlakoztatásához helyesen adja meg az attribútumban lévő fájl elérési útját . Például:

!– HTML kód a Favonki számára, nem a root mappában található: – Link rel = “Shortcut ikon” típusa = “Kép / png” href = “Hab”

Egy ilyen HTML-címke kód alkalmas arra, hogy különálló webhelyoldalakat alkalmazzon egyedülálló (különbözik a fő webhelytől) Favonok.

A különálló oldaloldalak rendelkezhetnek a HTML-kódban megadott URL-címeken.

HTML-címke a nem szabványos névvel rendelkező fix blokkokhoz

A webhely ikonok csatlakoztatása, amelynek más nevét nem szabad elfelejteni, hogy ezt az attribútumban megadja . Például:

!– HTML-kód egy ikont egy szokatlan fájl nevét: – link rel = “shortcut icon” type = “image / x-icon” href = “hab”

Hogy elkerülje az esetleges problémákat a kijelző favicons név használatától .

HTML-tag favikonok base64

Nem csatlakozni a favicon fájlt egy weboldalon lehet illeszteni egy címkejellemzőn linkkódot Base64:

!– HTML-kód egy ikon base64 – link rel = “shortcut icon” type = “image / x-icon” href = “data: image / x-icon; base64, AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAI1nsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEREQAAABERERERAAAAEREREBEAAAARARAAEQAAABEBEAARAAAAEQEQABEAAAARARAAEQAAABEBERERAAAAEQEREREAAAARAREQAAAAABEBERAAAAAAEQEREAAAAAARAREQAAAAABEBERARAAAAEQEREREAAAAREREREQAAABEREEIAAABCAAACTkAADk5AAA5OQAAOTkAADk5AAABCQAAAQkAAA85AAAPOQAADzkAAA85AAAJOQAAAQgAAAEIAAA”

Ez a módszer HTML-kapcsolat Favicon minden böngészőben működik, kivéve Internet böngésző. A képkód megszerzéséhez használjon bármilyen dekódert Base64.

Ingyenes ikonok generátor webhelyekhez – Válassza ki az ikont a galériából, vagy használja a

Mi a favon (favicon)?

A “Favicons” kifejezés a “Kedvenc ikon” szavak hozzáadása; Ez a fő webhely ikon. Általában nagyon kicsi méretű ikon (16 × 16 vagy 32 × 32), amely a webhely URL-címe mellett jelenik meg a lapok és a webböngésző könyvjelzőiben. Ennek az ikonnak köszönhetően a felhasználók könnyebben tudják megismerni a webhelyét, ha megnyitják a könyvjelzőkből.

Miért érdemes használni a favon generátort?

Ahelyett, hogy manuálisan módosítaná a logójának méretét egy favonra, használhatja generátorunkat, amely azonnal megadja a kívánt méretű ikonját a PNG formátumban. Favon nagyon fontos, hogy reklámozza a márkát, és az online phawacon generátor akkor ideális skálázott ikont lesz az azonosító az Ön honlapján.

Hogyan lehet letölteni Favon a webhelyére?

Ez attól függ, hogy milyen platformot használ. Például, ha dolgozik, WordPress, letöltheti Favon a téma beállításait a „Mezei Identity” szakasz. Más webhely konstruktorokban hasonló eszközök vannak a favon betöltéséhez.

Ha manuálisan szeretné beilleszteni az ikonok kódját, akkor ezt a fájlt le kell töltenie a webhelyre. Annak ellenőrzésére, hogy a folyamat megfelelően befejeződött-e, írja be a karakterláncot Hab A webböngészőben.

Ezt a HTML kódot hozzá kell adnia ahhoz, hogy letöltse a favonot a chader oldalain és a webhely indexei főoldalán:

Link rel = “gyorsbillentyű” “href =” Hab “/

Ha webhely-gyorsítótárat használ, meg kell tisztítania a weboldal gyorsítótárát a favon ikonhoz.

Minden webböngészőben megjelenik a favon?

Egyszerű válasz erre a kérdésre – Igen. Az idősebb Internet Explorer böngészők ICO fájlformátummal dolgoztak, de most minden böngésző támogatja a PNG fájlokat, beleértve a Firefox, a Chrome és a Safari.

Hogyan adhat hozzá egy ikont a webhelyéhez

A dokumentum állapota

Fejlesztési projekt; drasztikusan változhat bármikor.

Ikon & #; Ez egy grafikus kép (ikon), amely egy adott weboldalhoz és / vagy webhelyhez kapcsolódik. Sok friss felhasználói alkalmazások (például grafikus böngészők és hírek olvasási programok) megjeleníti őket egy vizuális emlékeztető a webhely identitását a címsorban vagy lapok. A Wikipedia tartalmaz egy cikket a faviconokról [Favicon-Wikipedia].

Ha egy ikont szeretne hozzáadni a webhelyére, szüksége lesz mind a képre, és azt jelzi, hogy a kép ikonként használható. Ez a dokumentum megmagyarázza a W3C által előnyben részesített módszert az ikon jelzéséhez. Van egy másik közös módszer, amelyet az alábbiakban szemléltetünk. A magyarázattal, hogy miért nem összeegyeztethetetlen ez a módszer a webes architektúra bizonyos elveivel. Mindkét módszer csak a HTML-re és az XHTML-re vonatkozik, az alábbiakban tárgyalt korlátozások egyike.

Ebben a dokumentumban nincs részletesen, hogyan kell létrehozni egy ikont. Hab képformátum, amelyet választott, 16 & #; képpontok vagy 32 & #; 32 pixel 8 bites vagy bit színekkel. A képformátumnak a PNG (W3C szabvány), a gif vagy az ico egyikének kell lennie.

1. módszer (előnyös): Az attribútum értékének használata

A profilban

Az első megközelítés a & # ikon jelzésére; Használja az “ikon” attribútum értékét, és határozza meg, hogy ez az érték a profilon keresztül történik; A profilokat részletesebben tárgyaljuk.Ebben a példában az URI-n keresztül azonosított HTML ikon ikonként azonosított:

Az XHTML nagyon hasonlít:

2. módszer (nem ajánlott): Helyezze az ikont egy előre meghatározott URI-re

Az ikon meghatározásának második módja az előre definiált URI használatával alapul, hogy azonosítsa a képet: & #; / favicon & #;. Az ilyen megközelítés összeegyeztethetetlen a webes architektúra egyes elveivel, és jelenleg a W3C Műszaki Építészeti Csoport (címke) tárgyalja weboldaladat problémáját. A probléma összegzése: A webes architektúra lehetővé teszi a webhely adminisztrátorainak az URI-űr kezelését (egy adott számára) Domain név) Lásd Fit. Azok a megállapodások, amelyek nem képviselik a Közösség beleegyezését, és amelyek csökkentik a webhelykezelő rendelkezésére álló paramétereket, nem skálázhatóak, és konfliktushoz vezethetnek (mivel nincsenek jól ismert URI-k listája).Egy gyakorlati megfontolás szemlélteti a problémát: sok felhasználó rendelkezik weboldalakkal, bár nincs saját domainneve. Ezek a felhasználók nem adhatják meg az ikonokat a második módszerrel, ha nem tudnak írni a szervergyökre. Azonban az egyik módszert használhatják az ikon megadására, mivel rugalmasabb, és nem tilthatja meg az oldalkezelőt, hogy egy ikont használjon az egyik helyen az oldalon.

Számos más jól ismert behatolás van az URI téren, beleértve & #; hab & #; és a bizalmas információk helyét p3p. politika. A technikai architektúra egy csoportja olyan alternatívákat vizsgál, akik nem teszik meg az URI-helyet engedély nélkül.

A profilok használata az olyan kifejezések meghatározásához, mint az “ikon”

Nagyjából beszél, profil & #; Ez a fogalommeghatározás meghatározása. Ideális esetben a profil tartalmazza a számítógéppel olvasható információkat és olvasható információkat. A HTML és az XHTML-ben számos attribútumot, például egy attribútumot, nincs előre meghatározott Hab-készlete ennek a szerzőnek, hogy értékeket adhat az igényeknek megfelelően, majd a profilt használja annak megmagyarázására, hogy milyen értékeket jelentenek. A mi esetünkben javasoljuk, hogy a szerzők az Érték & #; Icon & #; és a profil, amely megmagyarázza, hogy “amikor azt mondjuk, hogy” ikon “, azt értjük,” ez az ikon “”.

Az 1. módszerben olyan attribútumot használunk az elem linkjével, és kiválaszthatunk egy profilt a fejelemen lévő attribútummal.

Olyan profilt találtunk, amelyet szabadon használhat a webhelyei számára.

Korlátozás

Számos korlátozás van a fent leírt megközelítések esetében, beleértve az előnyben részesített módszert (így a címke továbbra is a kérdésen dolgozik):

Csak a HTML vagy XHTML-ben működik
Az előnyben részesített megközelítés egy HTML dokumentum ikonját, nem egy dokumentumot (t.E. webhely)
A javasolt profil meghatározásához a & #; ikon & #; nem ismeretes szabvány, ami azt jelenti, hogy a gyakorlatban a kompatibilitás problémái lehetnek.
Nincs szabvány (legalább a HTML) a gépi olvasható profilokhoz, amelyek lehetővé teszik a böngésző megismerését, hogy mit & #; ez azt jelenti, hogy a kép a & # ikon;. Így a böngészőt előre kell programozni, hogy felismerje ezt az adott értéket . A HTML és XHTML CM profilok használatával kapcsolatos további információkért. GRDDL [GRDDL].

Bibliográfia

Favicon-Wikipedia favicon, Wikipedia, Elérhető: http: // HAB PDTDL Collect Resource leírások nyelvek nyelvjárások, D. Khazael-Massia, D. Connolli, szerkesztők, a W3C csapat által május 16-án bemutatott anyagok., Hab Utolsó változat elérhető a HTML HTML cím specifikációjában, D. Raggiet, A. Le Horsa és. Jacobs, szerkesztők, W3C ajánlás, december 24., http: // HAB utolsó verzió érhető el HAB Sentedate Cím Javítása Weboldal metaadatok HAB, W3C / P3P és favicon és a T. D. , Címke, elérhető a HAB # SITITATA XHTML1 XHTML ™ A Hypertext (második kiadás) bővítési nyelve, s. Pemberton, Szerkesztő, W3C ajánlása, augusztus 1., Http: // A Hab Az utolsó verzió elérhető a Hab-ban

Kösz

A QA érdekcsoport és a W3C alkalmazottai a következő résztvevői jelentősen hozzájárultak a dokumentum tartalmához: Dominic Hazael Massia (W3C), Chris Lilly (W3C) és Olivier Tero (W3C).

Útmutatók & #; Hab

Használja ezt a kézikönyvet, ha PNG ikonja van. PNG formázott ikon véget ér, ha használja az ICO formátumot ez a tankönyv helyett.

1. lépés. Nevezze meg a favicont

Bár nem szükséges, javasoljuk, hogy hívja a png formázott ikont . Ha saját nevét szeretné használni, akkor menjen erre a bővített menedzsmentre.

2. lépés. Töltse be a favicont

Bár nem szükséges, javasoljuk, hogy letöltse az ikont a Hab fő- vagy gyökérkönyvtárában, elérhető legyen . Ha egyéni helyet szeretne használni, akkor menjen erre a kibővített menedzsmentre.

3. lépés. Link a faviconhoz

Tájékoztatnia kell az internetes böngészőt, ahol az ikonja van. Ez megköveteli a címke elhelyezését a webhely címkéjén belül. Példa Referencia Tag Showing HAB Akkor cserélje az attribútum értékét a helyét az ön logója PNG formátumban.

4. lépés. Tesztelés

Az ikon letöltése után ellenőrizheti ezt a telepítést a böngésző lapon található ikon megtekintésekor. Adja meg a weboldal könyvjelzőit, hogy megbizonyosodjon arról, hogy az ikon megjelenik a Könyvjelzők panelen.

5. lépés. Hibakeresés

Miért nem jelenik meg az ikonom?

Valószínűleg az ikonja helytelenül megnevezett vagy a rossz katalógusban telepített. Győződjön meg róla, hogy az ikon elérhető

Miért nem jelenik meg a legújabb verzió?

Web böngészők gyorsítótár ikon és néha megjeleníti a régi verziót. Lehet, hogy törölnie kell a gyorsítótárat, ha úgy tűnik, hogy az ikon nem frissül. A böngésző megjeleníti az ikon legújabb verzióját.

Hab vs Hab & #; Miért kell használnom a PNG helyett az ICO helyett?

Hab vs Hab & #; Miért kell használnom a PNG helyett az ICO helyett? & #; Verem túlcsordulás

Csatlakozzon a verem túlcsordulásához , Tanulni, megosztani a tudást és építeni a karrierjét.

Kérdezte

Egyszer tekintették

Amellett, hogy a PNG egy gyakoribb képformátum, van-e technikai oka a HA HAB-nak?

Támogatom a modern böngészőket, amelyek támogatják a kedvenc PNG jelvényeket.

ChiccoDoro

K arany jelei a bronz jelek ezüst jele

Létrehozott 27 augusztus.

John Galloweway, John Gallowway

2, 11 arany jele ezüst jelek bronz jel

A válasz helyettesítése (és közösségi wiki-ba) számos frissítés és jegyzetek miatt mások ebben a szálban:

Az ICO és a PNG elismeri a teljes alfa-csatorna alapú átláthatóságot
Az ICO visszafelé kompatibilitást biztosít a régi böngészőkkel (például gramm. IE6)
A PNG valószínűleg szélesebb körű támogatást nyújt az átláthatósági eszközökhöz, de olyan eszközöket is találhat, amelyek az ICO létrehozásához egy alfa-csatornával, például a @merátor által említett dinamikus meghajtóeszközzel és Photoshop plugint is megtalálhatják.

További részletekért szabadon lépjen kapcsolatba más válaszokkal.

Minden modern böngésző (tesztelt Chrome 4, Firefox, IE8, Opera 10 és Safari 4) mindig kérni fog egy ikont, ha nem adta meg a parancsikont . Ezért, ha nem adja meg egyértelműen, akkor jobb, ha mindig van egy fájl, hogy elkerülje a Yahoo-t! azt javasolja, hogy kicsi és gyorsítsa.

És nem kell csak a PNG-t választania az Alpha átláthatóságához. Az ICO fájlok tökéletesen támogatják az alfa átláthatóságát (t.E. bit szín), bár alig minden eszköz lehetővé teszi számukra, hogy létrehozzák őket. Rendszeresen használja Favicon Generator Dynamic Drive létrehozni ikonfájlok alfa átláthatóság. Ez az egyetlen online eszköz, amelyet nekem ismert, hogy megteheti.

Van egy ingyenes Photoshop plugin, amely létrehozhatja őket.

Augusztus 28.

Kegynök

2, arany ezüst jelek bronz jel

tizennyolc

.A PNG-fájlok jóak, de fájlok .Az ICO az Alpha Channel átláthatóságot is biztosítja, egy plusz hátra kompatibilitást biztosítanak.

Nézd meg, milyen típusú Stackoverflow Például (vegye figyelembe, hogy átlátható):

Az Apple-itouch az iPhone-felhasználók számára készült, akik honlapokat hoznak létre a webhelyek számára.

Kylmit

K arany jele ezüst jele bronz jelek

Augusztus 30.

Elméleti előny *.Ico & #; Ezek olyan konténerek, amelyek több ikont tartalmazhatnak. Például menthet egy képet egy alfa-csatornával és egy színes verzióval az elavult rendszerekhez, vagy hozzáadhat 32 & #, 32 és 48 & # 48 (például megjelenítve, például a hivatkozás a Windows Explorerhez).

Ez a jó ötlet azonban ellentmond a böngésző megvalósításainak.

Létrehozott 18 nov.

Alvaro Gonzalez & #; Alvaro Gonzalez

1, 11 arany jel 22 ezüst jel 33 bronz jel

A PNG-nek 2 előnye van: kisebb méretű, és szélesebb körben használt és támogatott (kivéve az ikonokat).Amint azt az ICO előtt említettük, az ikonok több méretű, amely hasznos az asztali alkalmazásokhoz, de nem túl sok a webhelyek számára. Azt javasolnám, hogy tegye a rosszat az alkalmazás gyökerébe. Ha hozzáférhet a webhely oldalai fejlécéhez, használja a címkét a PNG fájl megadásához. Így a régi böngésző megjeleníti a Hab fájlt, és az új & #; Png.

A PNG és az ikonfájlok létrehozásához a GIMP-t ajánlném.

Létrehozott 02 november.

Pmoleripmoleri

3, a bronz jelek ezüst jelei

Néhány szociális eszköz, mint például a Google+ Egyszerű módszert használjon a külső linkek jelvényének megszerzéséhez, http: // Hab

Mivel nem terhelik a HTML tartalmát, a címke nem fog működni. Ebben az esetben a mod_rewrite szabályt használhatja, vagy egyszerűen helyezze el az alapértelmezett helyfájlt.

Chris Forens

9, arany jelei ezüst jele bronz jelek

Létrehozva június 18-án.

Hab

A bronz karakterek ezüst jelei

Ico lehet , a & #; Png.

Pontosabban, egy vagy több PNG-t tárolhat a minimális konténerformátum belsejében, a szokásos bitmap image + alfa helyett, amely még mindig határozottan kapcsolódik az ICO-hoz.

Támogatás

Elavult, megjelenik a Windows Vista () és a böngészők által jól támogatott, bár nem feltétlenül szoftverek az ikonok szerkesztéséhez.

Bármely megengedett PNG (minden, beleértve a címet) előzhet meg egy 6 byte ICO fejléc és byte képkatalógus.
A GIMP beépített támogatást nyújt. Csak az ICO-k exportálása, és jelölje be a “tömörített (png)”.

Létrehozott február 22.

Adria Adria

7, arany jele ezüst jele bronz jelek

Amelynek költségei, ezt:

És még mindig a gyökérben maradok.

Május 26-án.

S3cs3c

A bronz karakterek ezüst jelei

Mindenesetre elkerülje a PNG-t, ha megbízható kompatibilitást igényel az IE6-val.

Létrehozott 27 augusztus.

AEHLKEAHLKE

K55 arany jelek ezüst bronz jel jel

kilenc Nagyon aktív kérdés .Nyerjen 10 hírnevet, hogy válaszoljon erre a kérdésre. A visszafizetési követelmény segít megvédeni ezt a problémát a spamektől és a válaszok hiányából.

Nem a keresett válasz? Nézd meg más kérdéseket a png favicon ico jelekkel, vagy kérdezze meg a kérdést.

A Stack Overflow a Javascript használatával a legjobban működik

Titoktartásod

Favicon generátor tökéletes ikonok minden böngészőben

Android rugalmas a design a Hab, hogy automatikusan megfordítja a jelvényeket, ami lehet rossz hír, ha az ikonra van szüksége szögletes szögekre. Továbbá, győződjön meg róla, hogy az ikon mindig kiemelkedik, függetlenül a hátterétől. Használja ki a következő lehetőségeket a legmegfelelőbb kiválasztásához.

Nincs változás, mentse el a referencia képet, ahogy van.

Adjon hozzá szilárd egyszerű háttéreket az átlátszó területek kitöltéséhez. Mezők hozzáadása és egyszerű háttér.

Háttérszín Tipp: Kiválaszthatja a színt közvetlenül az előnézetből.

Mező méret (az ikon 96 & #; 96)

Alkalmazzon kis árnyékot, mint a hivatalos Google Alkalmazások (Gmail, Play Store, YouTube & #;).

Alkalmazás neve

Az Android Lollipop segítségével kezdődő témakörök testreszabhatja a tálca színét a kapcsolóban.

Android Chrome M39 egy manifeszt, amely segít tisztázni a “Hozzáadás a fő képernyőhöz”.

Böngésző. Ebben a módban, amikor a felhasználó rákattint a linkre, az Android Chrome úgy viselkedik, mintha az oldal nyitott volna, mint bármely szokásos weboldal.

Autonóm. Ebben a módban az Android Chrome egy kicsit több “natív” stílust ad.Különösen lehetővé teszi a kezdeti URL-címét és a képernyő tájolását. Ezenkívül törli a navigációs sávot, és a webhelye külön lapot ad a feladatkapcsolóban.

Kezdeti URL Általában a honlapod. Használja ezt a mezőt a könyvjelző által jelölt URL-oldal felülbírálásához.

Orientáció

Nem jelzett. Android Chrome úgy viselkedik, mint a szokásos, ha a felhasználó bekapcsolja az eszközét.

Telepítse a képernyő könyv tájolását.

Telepítse a tájkép tájolását.

Modern verziók

Android Chrome 39 és újabb

Csak ajánlott nagy felbontású ikonok létrehozása

Hozzon létre minden dokumentált ikonokat

Elavult változatok

Android Chrome 38 és korábbi verziók

Bejelentse a HTML-kódot, ha ezt nem teszi meg, a Chrome az Apple touch ikont használja.

Ha a fő képe nem alkalmas Androidra, küldhet egy kifejezetten az Android számára.

Válasszon egy képet az Android Chrome-hoz

Mesterkép
Dedikált kép

Útmutató az újoncokhoz, hogy hozzáadjon egy jelvényt a webhelyére

Weboldal

Hozzáférési idő

Március 9., G.

Homokóra üres

2 perc olvasás

Találkozhat a Favicon kifejezéssel, amikor a webdesign és a Hab, mi az? Nos, ebben a cikkben válaszolunk a kérdésre, és megmutatjuk, hogyan adhatunk hozzá egy ikont a webhelyéhez. Kezdjük!

Mi a favicon és miért fontos?

Egyszerűen tegye, Icon & #; Ez a webhelye logója, amely a böngésző lapján megjelenik a Meta Fejléc mellett. Más szóval, ahelyett, hogy egy üres dokumentum ikonját a böngészőben mutatná, a hivatalos honlapjának ikonja megjelenik a webhelyén.

A legtöbb weboldal általában a logójukat Habként használja a webhelyén, nincs logó, egyszerűen létrehozhat egy ingyenes logó tervezővel. Így a látogatók könnyen észlelni fogják webhelyét, ha sok lapot nyitnak egy böngészőablakban. Ezenkívül a webhelyed professzionálisabb lesz.

Hogyan adhat hozzá egy ikont a webhelyéhez?

Válassza ki az alábbi két mód közül, hogy hozzáadjon egy ikont a webhelyhez!

A böngészők automatikus létrehozása ikont

A legegyszerűbb módja annak, hogy hozzáadjon egy ikont a webhelyére & #; Töltse le azt .Png vagy .Ico A Fájlkezelőtől A tárhelyed . Ehhez kövesse az alábbi lépéseket:

Készítsen négyzet alakú képet formátumban .Png vagy .Ico A webhely logójához.
Ha már van fájlja .Png, , Használd. Azonban konvertálja a képet a formátumba .Ico Hab-val, ha szükséged van.
Nevezze át a képet .Png vagy .Ico v Favicon .
A legtöbb böngésző automatikusan érzékeli a fájlt Hab és Hab , A webhely katalógusában található, mint a webhely ikonja. Így nem szükséges kódolni.
Hozzáférés a mappához public_html , Majd Hpanelbe megy Fájlkezelő -> Menjen a Fájlkezelőre .
Betöltési fájl Hab vagy .Ico mappában public_html . Indítsa újra a webhelyet, és látni fogja az ikont.

Ezenkívül, ha van egy képed, mint a formátum .Png vagy .Ico (JPG, BMP, GIF és T. D.) Használhatja azt weboldal ikonként is. Azonban meg kell változtatnia a fájlt Hab A jelenleg használt téma mappában. Ehhez kövesse az alábbi lépéseket a hpanelben.

Ha van egy négyzetem, mint egy logó, menjen Fájlkezelő -> Fájlkezelő -> Public_HTML .
Töltse be a képet a mappába public_html .
A forrás kép nevét mentheti, vagy átnevezheti azt Favicon . Javasoljuk átnevezni az ikont, hogy megkülönböztesse más képeket.
Menjen a mappába WP-tartalom -> Témák . Ezután jelentkezzen be a mappába a jelenleg használt témával.
Fájl megnyitása Hab És helyezze be a következő szintaxist közvetlenül a címke vége előtt:
Alkatrészek módosítása / jpg és Hab A használni kívánt kép formátumának és címének megfelelően.
A módosítások mentése után a képet a webhely ikonjaként kell megjeleníteni.

Ha nem lát egy új ikont, tisztítsa meg a böngésző gyorsítótárát és indítsa újra.

Következtetés

Ahogy láthatja, kulcsfontosságú a helyszínen lévő jelvény jelenléte. Ez nem csak a webhelyét észreveheti a böngésző lapokon, hanem professzionális nézetet is ad.

A kép letöltésével automatikusan hozzáadhatja azt .Png vagy .Ico Névvel Favicon mappában public_html . Alternatív megoldásként letöltheti a szokásos képet (JPG, BMP, GIF és T. D.) És módosítsa a fájlt Hab A jelenleg használt téma mappában.

Hasznos volt ez az útmutató? Hagyjon megjegyzést!

HTML ikon kód

Ikon & #; Ez egy kis képfájl, amely egy vagy több olyan ikont tartalmaz, amely egy webhelyet, blogot vagy akár egy külön weblapot is használhat.

A faviconok általában olyan helyeken jelennek meg, mint a böngésző lap, címsor, böngésző előzmények, könyvjelzők panel és t. D. Favicons & #; Kiváló módja annak, hogy megkülönböztesse webhelyét másoktól, különösen akkor, ha a felhasználóknak sok lapja van, vagy a böngészőjükön keresztül keresik. Történelem vagy panel könyvjelzők. A favonons segíti a márka észrevehetővé tételét, mert a felhasználók megtanulják a színeket, a betűtípusokat és a t-t. D. Favicon a márkával, amikor a webhelyét fogja használni.

Ha nincs jelvénye a webhelyén, a felhasználók általában a szokásos weboldal ikonját látják.

Jelvény hozzáadása a webhelyedhez

Először letöltenie kell az ikont a kiszolgálóra. Bárhová nevezheti, de bárhol helyezheti el, de ha hívja, és helyezze el a webhely gyökérkönyvtárába, a legtöbb böngésző automatikusan megjeleníti azt. Megjelenítheti, hozzáadhatja a HTML kódot is webhelyére, hogy a böngészők tudják, hogy melyik ikonra használható.

Itt van egy példa, amelyet használhatsz. Helyezze el az elemre (cserélje ki a kép helyét a használni kívánt kép helyére):

Ne feledje, hogy ha ezt a kódot használja, akkor az ikonra tetszik.

Ezenkívül, bár ebben a példában a kiterjesztést használjuk, például más képformátumokat is használhat . , és még animált gif fájlok is. Azonban a formátum már régóta elterjedt a böngészőkben, és az ikonok használata során közös formátumú.

A favicons mérete 16 & #, 16, 32 & #; 32, 48 & #; 64 pixel, valamint 8 bites, bit vagy bit színmélység.

Apple iOS fő képernyő ikonjai

Apple eszközök

IOS verzióval vagy későbbi operációs rendszerrel (például az iPod touch, iPhone és iPad) támogatja annak lehetőségét, hogy egyéni ikon jelenjen meg, amely a felhasználók fő képernyőjén jelenik meg, amikor használják Web. Klipfunkció (hívott Add hozzá a fő képernyőhöz mobil szafariban).

Néhány Android készülék támogatja ezt a funkciót is.

Ha egy ikont szeretne létrehozni erre a célra, töltse le az ikont a kiszolgálóra, majd adja hozzá a következő kódot a weboldal HTML-kódjával az elemen belül (cserélje ki a képhely helyét a használni kívánt képhez).

Az iOS kerekített sarkokat ad hozzá, és tükrözi a csillogó ikont a fő képernyőn.

Ha reflektív fényesség nélkül szeretne, használja a következő kódot:

Hogyan kell beállítani a favonot

# Rövid válasz

Az ikon konfigurálásának legegyszerűbb módja (feltéve, hogy a webes kép már létrehozott), ha a következő kódot használja, és helyezze el a címkébe .

# Hosszú válasz

Az ikon beállítása nagyon egyszerű feladat lehet, ha elsajátítja. A legegyszerűbb és leggyorsabb módja van fent, de mi van, ha különböző méretű ikonokat szeretne különböző eszközökre és böngészőkre?

#Png méretek

Ahhoz, hogy adjunk a különböző méretű a Favicon linkre, akkor egyszerűen hozzáad egy attribútumot tag Haby méretű ikonok a legtöbb böngészőben :, felett. Néhány más böngésző esetében, például a Google TV és a Chrome Android, ajánlott méretek: és ennek megfelelően. Ezeknek a méreteknek a példája úgy néz ki.

# Fájl típus ICO

A & # ikon telepítésének fő módja; Használja az ICO fájlt. Bár minden modern böngésző olvashat PNG formátumot, elsősorban az IE régebbi verzióira használják. Az interneten sok favicon generátor található.