Hogyan készítsünk egy képet Favicon

Hogyan készítsünk Hab-ikont a webhelyére

Részletes utasítások, weboldal létrehozása

Ikon Hab Ez egy apró kép 16×16 pixelről, amely a webhely vagy blog címe mellett jelenik meg a böngészőkben, a keresési eredmények között a könyvjelzők és a t.D. Általában ez az ikon készül a logó vagy töredéke a cég logóját a háttérben a vállalati színeket, vagy bármely más karakter, hogy a tervező fogja vizsgálni emlékezetes és alkalmas a tárgy a helyszínen. Például a favicon ikon a bloghoz & #; .

Hogy a favicon ikonja a webhelyén egyáltalán nem legyen nehéz, de a webhelyed felismerhetővé válik. A közelmúltban a legtöbb webhelynek ilyen ikonjai vannak, ezért nem lehet lusta vagy alábecsültük jelentését. Minél többet készített és telepítette Favicont gyorsan és csak. Csak nagy részletességgel írom le, hogyan kell csinálni, mert sok szöveg :).

Favicon ikonok jelennek meg a keresési eredmények hivatkozásának mellett, például a Yandexben:

Favicon ikonok jelennek meg, mielőtt a webhely címe szinte minden böngészőben, a kedvencekben vagy böngésző könyvjelzőkben:

Most megtanulják, hogyan készítsünk ilyen ikonokat webhelyére vagy blogjára. Ehhez Adobe Photoshop CS3 és Repicons Pro programokra van szükségünk. Ha nincsenek ezek a programok, és nem tudod, hol letöltheted őket ingyenként, azt tanácsolom, hogy olvassa el a cikkemet, mint bármely program letöltése.

Egy ikonot készítünk a Hab webhelyre a Photoshop CS3 és az AwiCons Pro programok használatával

1. Készítsen B Photoshop Vagy bármely más grafikus szerkesztője a 16×16 ikont, gif vagy png formátumban mentjük.

2. Nyissa meg a mentett ikont bármely program segítségével, például ikonok és kurzorok létrehozásához, AwiCons Pro (Fizetett). Az ilyen szabad programok meglehetősen sokat, a Google, a letöltés és a telepítés. Nyissa meg a programot, és húzza a favicon ikon munkadarabjához. Ha fehér alapon mentette meg az ikont, a programban AwiCons Pro Ez így fog kinézni:

3. Ha az ikon nézete elégedett, nyomja meg az F2 vagy File-> Objektum mentése & # gombot; és mentse az ikont a név alatt Hab:

Ha a háttér Favicon átlátszó, akkor azonnal mentheti a Photoshop munkadarabot egy átlátszó háttérrel, vagy eltávolíthatja az extra képpontokat a programban ikonok létrehozásához. Ahhoz, hogy átlátszó hátteret készítsen a Favicon-szal, kezdetben új fájlt kell létrehoznia a Photoshopban, átlátszó háttérrel (Ctrl + N):

Kérjük, vegye figyelembe, hogy az ICO formátum, mint a GIF formátum, nem támogatja az Alpha átláthatóságot. Ha csak egy komplex cég logóját veszi igénybe, és csökkenti a Photoshop-ban, akkor meg kell mentened egy ilyen ikont átlátszatlan háttéren. A kép csökkenésével a kép extrém képpontja áttetsző lesz. És az ICO formátum átalakítása után az összes áttetsző képpont fehér lesz, fehér pontok jelennek meg a kép körül, az úgynevezett műtárgyak. Ha megmenti az ikont egy töltött háttéren, az áttetsző pixeleket vegyes színű háttérrel és képekké alakítják át.

Maga az ikon is rajzoltam azonnal egy speciális programot, de személy szerint sokkal kényelmesebb számomra a Photoshop, és a lehetőségek feldolgozásához képek photoshop összehasonlíthatatlanul. Szánság, hogy még a verzió is CS3 Photoshop Nem tudom, hogyan mentse el az ikonokat ICO formátumban, és speciális átalakító szoftvert kell használni. De van egy második út, mint a Hab létrehozásakor csak Photoshop.

A Hab ikon létrehozása után letölteni kell a szerverre (hogyan tölthet fel fájlokat FTP-en keresztül) a root mappába, ahol a webhely található, és előnyösen minden almappában található.

Ezt követően hozzá kell adnia a hívószámot a webhely HTML sablonjához. Ez egy sor a fejcímkék között:

1 2 3

Fej LINKREL = gyorsbillentyű IconHref = Hab / Link / Fej

Minden. Ha az ikon neve és formátuma van Hab, A webhely gyökérébe és a webhely HTML-sablonterületére van betöltve. Van egy rakodóvonal – A Favon megjelenik a webhely vagy a blog címe mellett.

Lásd még: