Нажмите "Enter", чтобы перейти к содержанию

Hogyan készítsünk favicont.Ico a Photoshopban

Hogyan lehet létrehozni .Ico a Photoshop (ikon)

Hogyan lehet egyszerűen és gyorsan létrehozni az ikont a Photoshopban. Ikon a Photoshopban, az ikon formátumként fogjuk tartani .Ico
A kezdethez támogatnia kell a támogatási formátumot .Ico a Photoshopban.

ICO támogatási formátumú támogatás

Nemrégiben szükségem volt, hogy rajzoljon egy barátja favicont a Photoshopban. A munka megkezdése után hirtelen rájöttem Photoshop Nem barátságos s Ico Formátum. Nem gondolkodás nélkül gondolkodás nélkül, hirtelen emlékszem, hogy már szembesültem ezzel, és barátok Ico-val csak a pluginnal tudtam, amelyről elmondhatom.
Ahhoz, hogy barátok legyenek Photoshop CS6 és fiatalabb az ICO-val Formátum (Barátok készítése — Az ICO formátum megnyitása, szerkesztése, Mentse el egy másik formátumba, vagy mentse el az ICO-ban).
Tehát az első dolog, hogy töltse le a bővítményt, körülbelül az oldalról, kiválasztva, hogy milyen bit (nem tudom, hogyan van egy Windows reteszessége), szüksége van egy pluginra vagy a wow-ra, vagy a b kisülési rendszerre

Miután letöltötte a zip fájlt, távolítsa el az egyik fájlt a 8BI kiterjesztéssel.

Most dobja ezt a fájlt a mappába (a WOW és az EH kisülési rendszerekhez)
C: / Programfájlok / Adobe / Adobe Photoshop CS6 (64 bites) / szükséges / plug-in / fájlformátumok /
C: / programfájlok (x86) / Adobe / Adobe Photoshop CS6 / Szükséges / Plug-in / fájlformátumok

Ezután kilép a Photoshopból, és futtassa újra. Most már mentheti az ICO-t, és megnyithatja az ICO formátumot közvetlenül a kedvenc szerkesztő Photoshopban. Az egyetlen dolog, hogy ha ICO formátumban szeretné megmenteni, a méretnek 16 képpontra kell lennie 16 képpontra, vagy az ICO-ban történő megtakarítással rendelkező ablak nem lesz!

Miután a Photoshop már támogatja az ICO formátumot, elkezdhetünk létrehozni egy ikont a Photoshopban. Ha jól húz, új dokumentumot húzhat, átlátszó háttér ikonjával. Az engedély nem több, mint képpont. Még mindig mentse az ikont, amit nem fogunk formázni, de egy kisebb!

Hogyan lehet létrehozni egy ikont a Photoshop (Ico Photoshop)

Amint látjuk, a képnek nincs háttere. Jól van számunkra Ico ikonok létrehozása a Photoshopban. Nyissa meg a Photoshop-ban, tegye meg a méret × pixeleket, és tartsa be az ICO formátumban

Hogyan lehet létrehozni egy ikont a Photoshop (Ico Photoshop)

Az ikonunk készen áll, és sikeresen alkalmazzuk!

Hogyan lehet létrehozni egy ikont a Photoshop (Ico Photoshop)

A Photoshop ikon létrehozásának összes részletét a videó leírja, amely az elején! Ha valaki van valami, valami nem néz meg a videót feltétlenül!
Töltse le az ikont, amely kiment a Photoshopban, itt kattintva megnyomhatja az itt

Hogyan mentse el a Favicon webhelyét a Photoshopban

   Photoshop leckék

Ha létre kell hoznia egy Hab-ikont a webhelyén, és nincs vágy letölteni, és még inkább a speciális programok fizetésére, hogy ikonok létrehozásához csak a Photoshop. Sajnos, egyenletes verzió CS3 Photoshop Nem mentheti fájlokat ico formátumban. Ez a probléma könnyen javítható egy speciális plug-in. Munka egy kicsit, de a plugin lehetővé teszi, hogy hány készletet gyorsan és kényelmesen csak a Photoshopban. Tehát mit kell tennie:

1. Töltse le a speciális bővítményt a Photoshophoz, amely lehetővé teszi a fájlok ico formátumban történő mentését:

Töltse le a Photoshop plugint, amely lehetővé teszi a fájlok mentését *.Ico

A plugin az archívumba van csomagolva Hab, Súlya 7 kb. Változatban Photoshop CS és CS3 Photoshop Ez a plugin pontosan működik, más verziókban is működnie kell, de személyesen nem ellenőriztem.

2. Telepítse a plugint. Zárja be a Photoshopot, másolja a kicsomagolt plugint Icoformat.8b A telepítési mappákban bővítményekben. Ha telepítve van CS3 Photoshop Az alapértelmezett mappában az útvonal így lesz:

C: Programfájlok \ Adobe \ Adobe Photoshop CS3 \ Plug-ins \ fájlformátumok \

Minden. Most elég újraindítani a Photoshopot, és fájlokat menthet az ICO formátumban. Ehhez a Favicon létrehozása után nyomja meg a CTRL + SHIFT + S vagy FILE-SAVE …:

Ha részletes információkra van szüksége, hogyan kell telepíteni a favicon ikonját a webhelyén, hogyan kell csinálni, és mit kell tennie egyáltalán, olvassa el a cikket Hogyan készítsük el a Hab-ikont a webhelyére.

Ezzel a pluginnal és a Photoshop segítségével nem nehéz egy ikonot készíteni a webhelyre, nem pedig az első évben eladó raktári felszerelések Fehéroroszországban. Az ikon ötlet lehet a fém bútorok, a biztonságos vagy más tematikus berendezések sziluettje.

Lásd még:

Hogyan lehet a favon a Photoshop-ban, és kiemelkedik a tömegből

Üdv mindenkinek! Nem senkinek, nem titok, hogy a favon bármely online szolgáltatásban vagy készen áll, de nem lesz egyedülálló, és nem lesz egyedülálló, és valahogy ki kell állnia a tömegből.

Ezért ebben a cikkben beszélünk arról, hogyan lehet a favon a Photoshopban, és úgy gondolja, hogy ez nem olyan nehéz.

Valószínűleg tudod, hogy a Favon mérete 16 × 16 képpont és ICO formátumú. De ez a formátum nem található a Photoshopban, így először telepítjük a plugint a Photoshop-ban, amely lehetővé teszi, hogy fájlokat mentse az ICO formátumban.

Az interneten keresve azonban ilyen plugint találtam, de csak az Adobe Photoshop CS6 verziójára vonatkozik. Ezért, ha van egy másik verziója, keressen segítséget. És azok számára, akik a verzió, mint én, a kis szerencsés, adok egy linket, akkor töltse idejét itt, és időt takarít meg, és nem tölti a keresési;)

Nos, amit letöltöttek, most telepítsük a Photoshopba. A plugin telepítése előtt győződjön meg róla, hogy kicsomagolja az archívumot. Most a kicsomagolt mappát kell dobni a mappát, ahol a Photoshop található, az én esetemben ez így néz ki: C / Program Files / Adobe / Adobe-Photoshopcs6 (x64) / plug-inek. Ez minden, most csak a Photoshop-t kell futtatnia és ellenőriznie kell.

Plugin telepítve van az ideje, hogy elkezdj egy favon létrehozását.

Hogyan készítsünk favonot a Photoshop-ban

Tehát először meg kell nyitnia egy Photoshop programot, és létrehoznia kell egy új dokumentumot. Ehhez a Fájl lapon kattintson a «Létrehozás» gombra. Miután megnyílik az ablak, ahol megadjuk a 16 szélesség kívánt méretét és a háttér magasságát, amely átlátható, de adott esetben bármilyen színt, és kattintson az «OK» gombra.

Új réteg jön létre, de kicsi, és annak érdekében, hogy kényelmes legyen rajzolni, növelje azt a «skála» eszközzel.

Például felhívom a szokásos szívet egy figurával. Engedélyezheti a képzelet és valami eredeti. Például írja be a számok betűit, általában, hogy a lélek kívánja.

Tovább menjen az «önkényes figura» eszközhöz,

Most a felső panelen válassza ki a kívánt számot, két aranyos szívvel választottam. És válassza ki az alakunk színét.

Szóval, minden készen áll a rajzolásra.

És ez történt. A rajz kiderült, hogy homályos, mert a méret kicsi, de amikor csökkentjük, minden rendesen megnéz.

Hozzáadhat néhány hatást is. Ehhez menjen a rétegekhez, és válassza ki a «réteg stílus» «overlay paramétereket»

A megnyíló ablakban a kullancsokat a «dombornyomó» és a «kontúr» ellenére helyezzük, és beállítjuk őket. Először kattintson a «dombornyomás» és a kiállításra (mélység%)

Most kattintson a kontúrra (% tartomány).

Minden favon készen áll, megmentheti. Kattintson a «Fájl» gombra, a «Mentés» gombra.

Megnyílik egy ablak, ahol meghatározzuk a helyet a számítógépen, ahol megmentjük a létrehozását, van ez az asztal, és kiválasztja az ICO fájl típusát.

Megnézzük, mi történt.

Íme olyan egyszerű cselekedetek, teheti meg a favonját. Mindentem van, remélem, hogy a cikk hasznos volt. Sok szerencsét!

Mi a favicon? Favon részletes útmutatója a webhelyen

Tartalom

Mi a favicon?

A Favicon egy kis webhely ikon, amely bármely nyitott böngésző lapon jelenik meg. A vállalat mini-logójaként szolgál, és segít azonosítani a webhelyet, különösen akkor, ha az oldalak túlságosan nyitottak, és a címsorok egyáltalán eltűnnek.

Általában a Favicon klasszikus ICO formátumban jön létre. A standard ikon mérete 16 x 16 képpont 16, 24 vagy bit színtámogatással és átláthatósággal. Sokkal később új kiterjesztések kezdődtek, ami az eszköz típusától és operációs rendszerétől függ: 32 x 32, 48 x 48, 96 x 96 és mások. De általában a böngészők megjelennek az ikonok 16 x formátumban

A FAVICON fő funkciója az oldal vizuális ábrázolása egy kis képen. Ezért minél gyakoribb a webhelyétől és ikonjaitól, annál jobb. Leggyakrabban a Favicon cég logó vagy márka színskála alapján jön létre. Ez az ikonnak relevánsnak és világosnak kell lennie: a felhasználónak azonnal meg kell értenie, hogy mit húzott rajta, és könnyen emlékeznie kell rá.

Miért nagyon fontos a favicon?

A legfontosabb ok, amiért szüksége van a faviconra — a felhasználói élmény javítása az oldalon.

Az önazonosság ezen jele eredetileg létrehozta, hogy gyorsan vizuálisan keresse meg a szükséges oldalt az interneten lévő több ezer könyvjelző között. Nyilvánvaló, hogy megkönnyíti a munkát: sokkal könnyebb megtalálni a kívánt helyet a konkrét webhelyhez tartozó képen.

Egyes keresőmotorokban a Favicon megjelenik az egyes webhelyeken szembeni keresés eredményeiben. Yandex már régóta végrehajtási ezt a funkciót, míg a Google elkezdte tesztelni annak végrehajtása csak abban az évben (az asztali verzió a Google Favonov nincs idő, és jelen vannak a mobil kiadása).

Példa a favon megjelenítésére a Yandex keresőmotor kibocsátásában:

Példa a favon megjelenítésére a MOBILE Google kiadásakor:

A favon megjelenésének okai a keresési eredményekben: Növelje a töredékek lekapcsolhatóságát egy további grafikus elem rovására. A helyzet nagyon valószínű, hogy a felhasználó rákattinthat a linkre, amely alacsonyabb pozíciót foglal el, ha ismeri az ismerős ikont. Ebben a tekintetben az ikonok nélküli webhelyek alacsonyabb CTR-vel rendelkeznek, mivel kevesebb figyelmet fordítanak rájuk a favicon hiánya miatt a kibocsátáslapjánál.

Kétségtelen, hogy ez az eszköz minden webhelyen hasznos lesz. Növeli a márkafelismerést, és egyszerűsíti a felhasználó életét.

Másfelől, a helyszínen nem egy ilyen személyazonosításra ikon kíséri majd a közös böngésző jelképe.

Példák favicon

Mivel a Favicon a webhelyek létrehozásakor kötelező elemévé vált, javasoljuk, hogy megismerkedjen néhány példával, hogy megértse a saját ikonjának létrehozásának elveit. Az alábbiakban a böngésző tetejének képe a legtöbb különböző ikonokkal a lapokon:

Ha többet szeretne megtudni arról, hogy az ikon megjelenjen a különböző eszközökön vagy böngészőkön, használja a SEO-ellenőrzést.

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

Számos módja van a favicon létrehozására:

1. Húzza magad egy grafikus szerkesztőben.
2. Rajzoljon egy ikont egy speciális online szolgáltatásban.
3. Keresse meg és letöltse az ikont ingyenes csatornával (Hab vagy Hab).
4. Töltse be a meglévő logót vagy bármely más képet az alábbiakban bemutatott Favicon online generátorban, majd mentse el:

Ha azonban nagyszabású webhelyet tervezel, és szeretné, hogy a márka mindenhol tudjon, valószínűleg kapcsolatba kell lépnie egy professzionális tervezővel, hogy valami egyedi és alkalmas legyen a vállalat számára.

Hogyan lehet létrehozni egy ikont a Photoshopban?

Photoshop — Népszerű grafikus program bármilyen formátum képeinek létrehozásához, de van egy probléma — nem támogatja a teljes körű munkát a fájlformátumfájlokkal.Ico «. Ezért le kell töltenie és telepítenie kell a plugint a Telegraphics-től.

Azonban személyesen azt javaslom, hogy egy csomagot használjak: Photoshop + Program Art Icons Pro egy népszerű ikonok (orosz fejlesztés), amely lehetővé teszi az ikonok létrehozását és szerkesztését. A program támogatja a több grafikus formátumok exportját és behozatalát.

Munka a «művészeti ikonok». Hogyan szoktam személyesen, amikor favicont akarok létrehozni:

  • Elmegyek az oldalra, amelyre szükséged van egy ikonra.
  • Egy képernyőképet csinálok az oldalon található webhelyen, ahol a logó található.
  • Megnyitom a Photoshopot, helyezze be a képet a vágólapról.
  • A képernyőkép képét levágtam, hogy a logó a központban van +, meg kell őriznie, hogy a kép lecsökkentése után négyzet alakú legyen.
  • Ezután tartsd meg a png-ben. Bezárás Photoshop.
  • Ezután nyissa meg a mentett képet a «Art Icons» -ban.
  • Csökkentse a képet 16 x 16 képpontra: & #; eszközök — konvertálás és #; & #; és válassza a 16-as méretet 16 és a színek & #; igazi szín + Apha (32 bit) & #;.
  • Ezután választom & #; fájlt — mentse el a & #; & #; & #; és válassza a Format & #; ikon (*.Ico) & #;.
  • Minden.

Nos, a legegyszerűbb lehetőség — online generátorok favicon. Példák hasonló online szolgáltatásokra:

Hogyan lehet hozzáadni az ikont a helyszínen?

Az ikon létrehozása után letölteni kell a webhelyre — helyezze be az oldalkódot. Ehhez kövesse az alábbi lépéseket:

  • A HAB-t a kiszolgálóra feltölti a root mappába.
  • A webhely fejében írja be a Linket FAVICON-ra az űrlapon:
    • Link href = & #; / Hab & #; Rel = & #; gyorsbillentyű ikon & #;.
  • Minden!

Látod — minden egyszerű!
Hozza létre a favicont, és győződjön meg róla, hogy magad!

Hogyan készítsünk rögzítőt a webhelyre

Ma nagyon érdekes téma van. Amikor a webhelyén dolgozik, előbb-utóbb lesz egy favon létrehozása. Egyszerű nyelven, Favon & #; Ez a webhely ikonja, amely megjelenik a böngésző lapján. A böngésző gyors hozzáférési területén is látható, ha webhelyét hozzáadta a & #; Kedvencek & #;.

Favona legnépszerűbb helyszínek

Azt hiszem, nincs értelme azt mondani, hogy a favonnak jó minőségűnek kell lennie, mert valamilyen módon a webhelyének arca. Ebben a cikkben megtanuljuk, hogyan hozhatunk létre átfogó Favon igényeit, és megismerkedjenek a szolgáltatással az átalakításukért. Tovább Tovább is Tovább.

Videó hit:
[Iframe align = & #; center & #; Mód = & #; normál és #; AutoPlay = & #; No & #; Maxwidth = & #; & #;]

Mit kell favonnak

Mielőtt elkezdené a favicon létrehozását, jó lenne, ha ideálisnak kell lennie. Szóval, a tökéletes favon:

  • Világos és érthető
  • Jó minőségű
  • Továbbítja a webhelyének jelentését
  • Van egy közös stylista a webhelyével
  • Állj ki a többi oldal ikonjainak hátterében

A fenti paraméterek az ideális favonnak tulajdoníthatók. És csak egy ilyen ikont kell létrehoznunk webhelyünknek. Vannak azonban viták arról, hogy pontosan mit kell tenni a favonban. Úgy vélem, hogy ezt a problémát kell folytatnia az általános stílusból és a webhely témájából. Egy kép vagy szöveg ábrázolható. A favonoe szöveg elhelyezése esetén legfeljebb 2 betűből kell állnia. Ellenkező esetben senki sem képes szétszerelni az ilyen szöveget, mert a favicon méretei főként 16 * 16 képpontot alkotnak.

Milyen méretűek vannak a weboldal ikonok

Mint tudod, most van egy hatalmas különböző böngészők, monitorok és eszközök. És a Favonov méretére vonatkozó követelmények különböznek egymástól. A következő méretek vannak:

  • 16 * 16px & #; A Favonov szabványos méretei, amelyek a legtöbb böngésző és eszköz számára alkalmasak
  • 32 * 32PX & #; Néhány esetben az Internet Explorer és a Safari
  • 57 * 57px & #; Az iPhone-on történő megjelenítéskor
  • 72 * 72px & #; Az ipadon megjelenő megjelenésekor
  • * px & #; A retina megjelenítésénél használják (57 * 2 =)
  • * px & #; Az iPad kijelző megjelenítése során (72 * 2 =)

Milyen formátumot kell favonának

Korábban a böngészők csak a Favona-t érzékelték a & #; ICO & #;. Most megtanulták megérteni más formátumokat, köztük a & #; png & #;. A mi esetünkben megölünk 2 nyúlást egy lövéssel. Először FAVON-t fogunk létrehozni a formátumban & #; png & #;, majd konvertáljuk azt a & #; ico & #;.

Többféleképpen hozzon létre favonovot

Ma két fő módja van Favonov létrehozásához:

  1. Különleges online szolgáltatások révén
  2. Olyan speciális programokon keresztül, mint a Photoshop és az Adobe Illustrator

Minden módszernek saját jellemzői vannak. Az előnye, hogy olyan favon az online szolgáltatás az, hogy nem kell, hogy van néhány különleges képességekkel erre. Töltse le a szükséges képet, véglegesítse, és töltse le a kész favonot. Vagy csak dolgozzon a szöveggel, és rajzoljon egy online szolgáltatási eszközt. Általában a módszer fő pluszja az egyszerűség az egyszerűség. Az érem hátoldalán azonban abban rejlik, hogy az ilyen ikonok minősége a helyszínek számára sokra hagyja. Egyedülálló favon, amit nem kap az egyszerű okból, hogy az online szolgáltatási ikonok galériája nem korlátlan. És ha saját képeket használ, a szervizeszközök használatával nem könnyű minőségi terméket létrehozni. Az online szolgáltatási eszközökön keresztül kézi rajzolás esetén kiderül, hogy kiderül & #; valami elképzelhetetlen & #;.

Ezért választjuk ki a második, összetettebb, de sikeres megoldást. Favon létrehozásához használjuk a Photoshop programot. Ha nincs tapasztalata a programmal, akkor semmi szörnyű. Az utasításokat követve könnyen kezelheti a feladatot.

Favon létrehozása

Amint említettem, a Favon képet vagy egyszerű betűket hozhat létre. A mi esetünkben néhány képet fogok használni. Például képzeljük el, hogy van egy autó témánk. Ezért találnunk kell egy képet az autó területéről. Azt javaslom, hogy a webhelyünk ikonját kerékként készítsem.

Kiválasztunk egy képet

A képeket bárhonnan készítheti el. Például ugyanazon yandex képeken keresztül. Fő állapot & #; hogy a kép egyszerű volt, árnyékok és kötetek nélkül. Ez annak köszönhető, hogy ha 16 képpontos méretre csökken, akkor nem lesz nagy részletessége. A felesleges volumen és árnyékok miatt a kép kenet.

Megtalálom a megfelelő képet a Google Keresés segítségével a kérés & #; kerék & #;. Csak azt maradom, hogy megmentse azt a jobb egérgombbal kattintva, és kiválasztja a & # funkciót; mentse el a képet, mint & #;.

Alkalmas kép a Google Képekben

Ezután megnyitjuk ezt a képet Photoshop segítségével. Nagyon fontos, hogy a favon átlátszó háttérrel rendelkezik. A mi esetünkben nem. A hátsó háttér eltávolításához a & # eszközt használjuk; Magic Wand & #;. A munka lényege nagyon egyszerű. Ezzel az eszközzel kiemelhetjük az azonos színű képen lévő területeket. Mivel a képünk háttere egyértelműen ellentétben áll a kerékkel, nagyon könnyű megcsinálni. Változtatás Miután kiemeljük a monokróm területet. A CTRL + törlés gomb kombinációjának megnyomásával töröljük ezt a területet.

Távolítsa el a kerék hátterét

A kép háttérének minden részével csináljuk. Így a képen a kerék átlátszó háttéren van, ami meg kellett tennie. Szóval, a webhelyünk ikonjának billetje készen áll.

Kerék átlátszó háttéren

Hozzon létre favonot 2 különböző méretben

Azt javaslom, hogy 2 poszt 64px és 16px méretű. Először is meg kell hoznunk egy nagyobb ikont (64px). Ehhez nyomja meg a CTRL + N billentyűkombinációt. A megjelenő ablakban kiválasztjuk a kép magassága és szélessége 64px-ben.

Állítsa be a jövő Favicon dimenzióit

Ezután át kell adnunk a kereket a létrehozott képre. Ehhez visszatérünk a képhez a kerékkel, és válassza ki a & # eszközt; Mozgó & #;. A következő lépés a kerék képére kattint, és a bal egérgombbal mozgatjuk az új kép területére. Győződjön meg róla, hogy mozog, egy réteg kerékkel. Ellenkező esetben az átadás nem lesz sikeres.

A kereket egy új képhez szállítjuk

Miután a kereket egy új képre mozgatta, látjuk, hogy nem megfelelőek. A kereket 64 px méretre kell csökkentenünk. Ehhez rögzítjük a Shift billentyűt, és a kép átlós pontjára kattintunk. Tehát létrehoztuk az első favon webhelyünket. Emlékeztetem, hogy 64 * 64px. Most meg kell mentenünk azt, hogy kiválasztja a & #; mentse a web & #; a & # lapon; File & #;. A PNG formátumot és a képmappát választjuk. Favon maga is hív, csak latin betűk és #; & #; Favicon & #;.

Favon

Bírság. Most egy finom favonot kell létrehoznunk. Ehhez kattintson a & # fülre, a kép & #; és válassza ki a & # funkciót; Képméret & #;. Itt 16px szélességet és magasságot kérünk.  Most meg kell mentenünk ezt a képet az interneten. Meghívhatjuk, & #; favicon-2 & #;.

Tehát itt 2 favicont hoztunk létre webhelyünknek a formátumban & #; png & #;. 64px méretű verziót hoztunk létre annak érdekében, hogy könnyen csökkentsék a 16px méretét. Ha először hozzon létre egy opciót 16px-től, akkor növelje 64px-re, anélkül, hogy a minőségveszteség nem működik. Ezért szem előtt kell tartania, hogy ne tegyen kettős munkát.

Telepítse a favonot az oldalra

A favicon telepítése az általunk előírt fejcímkön belüli webhelyre:

Link rel = «gyorsbillentyű» href = «Képek / faviconpng» típus = «Kép / png»

Abban az esetben, ha favon van a formátumban & #; ico & #; Ezután mi helyett & #; png & #; Előírjuk & #; ico & #;. Például:

Link rel = «gyorsbillentyű» href = «Képek / faviconico» type = «image / ico»

Ezután tartsa előre a haladást és ellenőrizze az eredményt. A weboldalunk megnyitása után látjuk a favicon megjelenését.

A Favicon megjelenítése a böngészőben

Amint láthatja, megjelenik az oldal ikonja, amikor elképzelhető.

A webhely ikonját a formátumban konvertáljuk, & #; ICO & #;

A modern böngészők problémamentesen felismerhetik és megjeleníthetik a FAVONAT formátumban & #; png & #;. Előfordulhat, hogy át kell alakítanod a & # formátumra; ICO & #;. Ennek a formátumnak az egyik előnye az összes méretű rögzítések tárolása egy fájlban. Egyetértenek abban, hogy nagyon kényelmes. Tehát ikonok átalakításához használjuk az osztályszolgáltatást & #; Hab munka vele nagyon egyszerű. Minden történik 4 lépés:
1. Kezdjük, letölteni kell a favonunkat. Ehhez kattintson a & #; Import & # gombra;.

Favonov betöltése a Hab szolgáltatásban

2. Ezután a Letölthető fájlokat a & # gombra kattintva választjuk ki; Upload & #;. A következő lépés eltávolítja a kullancsokat a felesleges méretekből (32 és 24px), és kattintson a & #; ok & #;.

A letöltött fájlok kiválasztása

3. Ha szeretné, kattintson a & #; Preview & # gombra; és nézze meg, hogyan jelenik meg.  A FATONS letöltéséhez a formátumban & #; ICO & #; Kattintsunk a & # export és # gombra;.

Tehát itt megtanultuk, hogyan kell létrehozni Favona In & #; PNG & #; és konvertálja őket a & #; ICO & #;. Különösen nem vettem figyelembe a részletes képfeldolgozást a Photoshopban, mint sokan is. Szükség esetén minden bizonnyal tovább javíthatja a favon minőségét, a Photoshop pixelekkel dolgozik. Megpróbáltam megállítani mindent, amire szüksége van, és egyszerűsített formában. És ezen a mindenben van. Remélem, ez a lecke hasznos volt az Ön számára. Ha igaz:

  1. Tegye meg a cikket a szociális hálózatokról, hogy több ember részesült róla;
  2. [popup_trigger címke = & #; span & #;] Feliratkozás [/ popup_trigger] a hírlevélre, hogy ne hagyja ki hasznos és érdekes kiadványokat a blogon.

Nem mondok búcsút neked. Köszönjük figyelmét az ülésre a következő kiadványokban!

Mi a favicon és hogyan kell csinálni.

Favon — Kedvenc ikon (a kedvencek ikonja) egy kis kép, amely a webhelynév közelében található keresési eredmények eredményeiben jelenik meg, valamint a böngésző könyvjelzőiben.

FAVON szükséges, hogy kiemelje webhelyét a többiek között. Az ikonban használt kép gyakran létrejön a webhelyhez való egyesületek hívására. A favonot egy személy jól emlékezik, és a legtöbb esetben minden helyszín pontosan azonosítható egy ismerős Favonau-nál, amelynek vizuálisan kiemeli a böngésző teljes tömegétől vagy számos könyvjelzőitől.

A favicon méretek különbözőek lehetnek — 16x16px, 32x32px, XPX. Gyakran az első méret 16 & # 16 képpont, mivel a fennmaradó méretek ritkán jelennek meg. Az ikonok formátuma több — ICO, JPEG, PNG, BMP. Javasoljuk, hogy ICO formátumot használjon, mivel kifejezetten az ikonok létrehozásához és megjelenítéséhez szükséges. Nem elmosódnak, fekete maradnak, mert ilyen kis összeggel nagyon fontos, hogy a felhasználó megkülönböztetheti legalább a favicon rajzának vázlatát, és nem látta a pixel zabkót.

Favon, amint azt már említettük, megjelenik a webhely neve bal oldalán. A Yandexfavicons felelős az ikonok indexeléséért, amely összegyűjti és frissíti az internetes erőforrás ikonokkal kapcsolatos összes információ szükségességét. Ha ma telepítette a favicont a webhelyén, és nem látta a keresési eredményekben — ne félj. Az indexelés több naptól több hónapig tart. De a gyakorlatban természetesen gyorsabb.

Miután a YandexFavicons szolgáltatás megtalálja az ikont, hozzáadja magamhoz az adatbázisban. Nézze meg hivatkozással

  • Hab (webhely címe)

Hogyan készítsünk magukat?

Végül úgy döntött, hogy ezt a lépést megteszi — Favicon létrehozása a webhelyére, akkor már felismerhető stílus és design. A létrehozáskor próbálja meg illeszteni a webhely egységes stílusát. Amikor a webhely favonnal rendelkezik, a következő előnyökkel jár —

  • A márka felismerhetőbbé válik;
  • Növeli a látogatók bizalmát;
  • A felhasználók gyakrabban írják be webhelyét;
  • A látogatók gyorsabban találják webhelyét a keresési kibocsátásban;
  • A webhely könnyen megtalálható a böngésző számos betétje között.

A favonov három létrehozásának módjai —

Rajzolj magad a Photoshop-ban. Ha jó tervező vagy, és tudja, hogyan kell felhívni, vagy egyszerűen úgy döntött, hogy megpróbálja a kezét a Favicon létrehozásában, használhat egy grafikus szerkesztőt. A legnépszerűbb — Adobe Photoshop. Az interneten sok lecke van a rajz ikonokon.

Használja ki a különleges szolgáltatásokat. Az interneten sok speciális szolgáltatás van, úgynevezett favonov generátorok. Az egyik legnépszerűbb A HAB-nak egy interfész-érthető, intuitív szinten, képes menteni az ikonokat különböző formátumokban. Ha nem tudja, hogyan kell felhívni, egyszerűen töltheti le a képet a kiszolgálóra, automatikusan megkapja a favonot.

Tervező. A szabadúszóban számos előadót cserélnek különböző készségekkel és készségekkel. Segítségre hivatkozhat rájuk, és ha szerencsés vagy, akkor nagyszerű favicont kapsz. De ez a szolgáltatás költsége pénzt.

Nos, és a legegyszerűbb lehetőség — megtalálhatja a kész favicont az interneten, a jó nekik felhalmozódott egy nagyszerű készlet.

Összefoglalva, elmondható, hogy a favonon nem kötelező lépés, és szinte nem befolyásolja a SEO-t, de a helyszínen elérhető elérhetősége nagymértékben növeli az erőforrás átalakítását és tudatosságát a másik között.

Hogyan készítsünk Fixer Független & #; Két egyszerű módszer

Szerző Ruslan Oshchars olvasás 2 perc. Közzétett

Helló kedves barátaim! Favon a webhelyen, úgy tűnik, kicsit, de az ilyen apróságok egy webhely vagy blog további promóciója épül. Csodálkozzunk, hogy milyen favon van, miért van szükség, és hogyan kell létrehozni a feszültség nélkül.

A Favon maga egy ikon jelenik meg a webhelynév melletti böngésző lapon. A Favon segít a felhasználóknak navigálni, ha sok lap van a böngészőben.

A Favon megjelenik a Könyvjelzők panelen, ha a felhasználó hozzáadta a webhelyet a könyvjelzőknek.

A legtöbb keresőmotorban a webhely ikonok jelennek meg a keresési eredményekben, amely lehetővé teszi, hogy a webhely kiemelkedjen, és jobb, ha emlékezni a felhasználókra.

Így a webhely számára a Favon egyszerűen szükséges, mind a látogatók kényelmét, mind az online előmozdítását.

  1. Favicon online létrehozása program nélkül
  2. Hogyan készítsünk egy favonot a Photoshop-ban

Favicon online létrehozása program nélkül

A favon ikon létrehozásához nem feltétlenül használjon a számítógépen lévő programokat. Az online szolgáltatást fogjuk használni.

Tehát menjen a Hab linkre, töltsön be egy számítógépről előre elkészített képet. Készítsen négyzet alakú képet, és a szükséges méretet a szolgáltatás maga üdvözli.

Ha a kép betöltődik a szervizre, kattintson a «Favicon» gombra

Megjelenik a böngésző ikonjai, és a számítógépre való letöltés gomb megjelenik. Töltse le és töltse le magad a webhelyre.

Hogyan készítsünk egy favonot a Photoshop-ban

Ha legalább egy kicsit ismeri az Adobe Photoshop-t, könnyen létrehozhat favonot.

Ehhez hozzon létre egy új Ctrl + N dokumentumot. Ha létrehoz egy nevet, az a méret, amely kényelmes lesz a megtekintéséhez és szerkesztéséhez (Adja meg az egyenlő oldalt).

Ezután tegye a kívánt képet egy új dokumentumba.

Miután az ikon készen áll, meg kell változtatnia a méretét. Normál Favicon Méret 16 x 16 képpont.

Menjen a felső eszköztár «Kép» «Képméret», vagy kattintson a Ctrl + Alt + i elemre, és módosítsa a kép méretét, miközben megmenti az arányokat, amint azt a képen látható.

Ezután mentse el a CTRL + SHIFT + S dokumentumot, és válassza ki a listából a fájlok típusát egy ICO kiterjesztéssel, amint azt a képernyőkép mutatja.

Minden, a favonunk készen áll a letöltésre az oldalra! Ha az utasítás hasznos volt, értékelje a cikket és részesedjen meg barátaival. A kommunikációig!

Szeretem a 16-at

Ruslan Osorcov

Az oktatási projektek alapítója és technikai vezetője Rosh Iskola

Ír

Favicon weboldal tervezés a Photoshopban

Favicons (rövidítve a választott ikonoktól) & #; Ezek az apró ikonok, amelyek a webes böngésző címsávánál helyezkednek el, és része a webhelyének általános brandingjének. Ezek a webes böngészőben, valamint a hírszalagokban jelennek meg, ezért fontos, hogy magában foglalja őket a webhelyén. Favicons valójában & #; Ezek apró ikonok; Méreteik 16-os 16 pixeles & #; Nem olyan sok hely a munkához. Nézd meg az interneten, és nézd meg, hogy milyen más Habno jelvények jobban működnek, mint mások, mint egy ilyen kis mennyiségű, és a kulcsfontosságú pont az egyszerűség.

Oké, folytassa.

  1. Töltse le plugin for Photoshop, amely lehetővé teszi, hogy mentse a fájlt a Windows ikon formátumban (ICO). Letölthet egy ingyenes plugint az ICO formátumnak hívott HAB telepítési utasításokkal az ingyenes letöltés tartalmazza.
  2. Nyissa meg a Photoshopot. Válassza ki a „Fájl”> Új és hozzon létre egy új dokumentumot a felbontás 72 PPI és méretek 64-64 HAB méretének csökkentésére létrehozása után grafikákat.
  3. Állítsa be vagy írja be illusztrációját egy új dokumentumban. Ha a szöveget az Ön ikonján használja, győződjön meg róla, hogy leválasztja a simítást a szélekre szépnek és világosnak.
  4. Az Ön ikonjára lila lábnyomot használok, míg egy darab mancsát rózsaszín színnel jelöli ki. Vektoros formában hozták létre.
  5. Ha a design készen áll, válassza a «Kép»> «Képméret» lehetőséget. Győződjön meg róla, hogy a «Proportok mentése» jelölőnégyzet a párbeszédpanel alján van jelölve; Ezután állítsa be a «Szélesség» vagy «Magasság» mezőt 16 pixelre (a Photoshop automatikusan megváltoztatja a másik mező értékét 16-ra).Kattintson az OK gombra.
  6. Ha a tervezés egy kicsit elmosódott, használja az Unsharp maszkszűrőt.
  7. Most, amikor az ön logója kész, válassza a „Fájl”> Save As és válassza ki a „Windows” ikonra (ICO) a „Format” pop-up menü alján a párbeszédablak; Ezután kattintson a Mentés gombra.

És itt van az ön logója. Nagyon egyszerű.

Ha létrehozott egy ikont a saját webhelyére, akkor készen áll a fájl letöltésére a webhelyének gyökér szintjén, ahol az index oldala található. Nem minden webböngésző támogatja az ikonokat, hanem a böngészők, amelyek támogatják azt, beillesztheti a következő kódot a szakaszba

Jegyzet: Többet akar?

Ha többet szeretne tudni Jennifer-től, iratkozzon fel hírlevelünkre a webdesign, a SitePoint Design View .

Ha tetszik ez a hozzászólás, akkor szeretnél tanulni; Az új készségek és technikusok tanulási helye a mesterekről. A résztvevők azonnali hozzáférést kapnak az összes e-könyvhez és interaktív webhelypoint online tanfolyamhoz, például a Photoshop alapjaihoz.

Megjegyzések a Cikk Hab kérdéseiről a Photoshopról? Miért ne kérdezze meg a fórumunkon?

Hogyan lehet létrehozni egy favicon ikont (.Ico) a Photoshopban

Az ingyenes szolgáltatás támogatása érdekében partner jutalékokat kapunk néhány hivatkozásunknak. Ez nem érinti a minősítést. Folyamatellenőrzésünk.

Mi a favon?

Ikon (a webhely, az url, a címke vagy a könyvjelző ikon) és a #; Ez egy kis ikon, amely megjelenik a bal oldalon a URL-oldalt, hogy az oldal megtekintésekor a címsorba a böngésző, valamint a sarokban az aktuális böngésző fülön vagy a böngésző ablak a megtekintett oldal. Ha több fül van nyitva, kényelmes vizuális sorként szolgál, amely segít gyorsan felismerni a weboldal személyazonosságát.

Hogyan néz ki a favon?

Általános ajánlásként szükséged van Hozzon létre egy ikont, amely tükrözi a webhelyed azonosságát. Ezt a logó kis ikonjának létrehozásával lehet elvégezni, vagy webhelyének vagy cégnevének egy része, valamint a webhely színsémájának használata. Azt szeretné, hogy az ikon az emberek fejében maradjon, mint egy kis emlékeztető, hogy ki vagy.

A Favicon ikon előírásai (fájl) .

Ico)

Ikon:

  • Négyzet alakú
  • 16 x 16 képpont (Bár 64 x 64-től kezdhetsz, hogy a design több szabadságot adjon)
  • Véget ér a kiterjesztésben .Ico .

Ikon & #; favicon & #; Eredetileg az Internet Explorer korábbi verziójában mutatkozott be, és csak a formátumot támogatta .Ico. Ma a legtöbb modern böngésző támogatja az ikonok más grafikus formátumát, a Hab (PNG, GIF (beleértve animált gif fájlokat is), de .Az ICO-t leggyakrabban minden böngészőben használják, ezért a webhelyére használandó szabvány.

Favicon fájl létrehozása (.Ico) a Photoshopban

Hozzon létre egy új fájlt a Photoshopban. Bár 16 × 16 képpontos négyzetet szeretne kapni, 32 × 32 vagy 64 × 64-es elindulhat, hogy több helyed legyen a munkához. Importálja a tér változata az emblémát vagy ikont mutassa be a márka a Photoshop. Ezután másolja ki és illessze be egy új Haze a konverziós eszköz (tartsa lenyomva a SHIFT billentyűt, hogy mentse az arányokat) lakik és győződjön meg arról, hogy a módosított mérete 16 × 16 még mindig jól néz ki. Amikor befejezte, válassza a „Mentés az interneten”, és mentse el a képet formátumban .PNG felbontással 72 DPI (dots per inch).

Elrejtése B .ICO segítségével átalakító eszköz

Ugrás az ICO Converterre, ingyenes webhelyre konvertálva a fájlt .PNG B .Ico. Kattintson az «Áttekintés» gombra, és importálja a létrehozott fájlt .Png. Válassza ki a méret és a bitmélység és a Mentés a számítógépre.

Adja hozzá a Favicon ikont a weboldalához

Miután megkapta a Hab-ot, és készen áll a munkára, hozzáadhatja azt a weboldalához az alábbiak szerint. A fejléc minden weboldal meg kell adni a következő kódot (cserélje ki a HAB, hogy a könyvtár, amelyben letöltötte a ikon):

Töltse be az ikont a webszerverre

Miután hozzáadta az ikonfájl URL-címét az Ön weboldalára, meg szeretné győződni arról, hogy a Hab valóban ott van, ahol megadta (a fenti példában, a dokumentum gyökerében (a webhely gyökér mappája) T.E. / Public_HTML vagy / www a Linux kiszolgálókon))).

Nézze meg, hogyan működik a Favon!

Amint megteszed, indítsa újra a webböngészőt, és látnia kell a & # ikont; mind az URL cím karakterláncának bal oldalán, mind a látogatott weblap felső sarkában. A Google Analytics ikon mellett található új ragyogó ikonunkat láthatja a screenshot-on.

A Photoshop még mindig a legjobb?

Az Adobe Photoshop még mindig ágazati szabvány lehet a fotószerkesztéshez, de a legjobb marad? Szakembereink töltse be ezt, és megtudja, mi felülvizsgálat, a legújabb verzió a Photoshop képes, valamint a versenyképesség!

Hogy sikerült-e létrehoznia és megjeleníteni az új ikont?

Hozzászólások:

6 megjegyzés

Favicon & #; Hogyan lehet Hab létrehozni

Próbálja meg vásárolni . Töltsön be minden Adobe terméket, és kapjon szabadnapos próbaverziót .

Próbálja ki az Adobe-készletet ingyen belül egy hónapon belül & #; Hamarosan vége!
Itt van egy kiváló ajánlat az Adobe-tól, amely csak november végéig tart, & #; Szerezz 10 ingyenes képet Adobe Stock. Ajánlat véget ér november 30-án. Az első hónapod vissza fog térni, ha egy évre aláírja az Adobe-állományban (10 kép havonta), havonta 29,99 $ áron. (plusz alkalmazandó adók) Kockázat nélkül törölve az első hónapban.

A Hab Habs & # rejtélyei; Hogyan készítsünk Favicont a Photoshop-ban

Favicon & #; Ez egy kis felhasználói ikon, amely a Webhely URL-címe mellett jelenik meg a webböngésző címsorában. Ezek a könyvjelzők által jelölt webhelyeken is megjelennek, a lapok böngészőinek lapokon és az asztali címkék ikonjainak formájában, az asztalon vagy más Windows mappákban.És amikor azt mondom, hogy «kicsit», 16 pixelt értem 16 pixelben. Tehát ha tetszik egy jó design kihívás, próbáld ki a kezét.

Mindössze annyit kell hozzáadnia a favicon ikonhoz a webhelyére, & #; Ez egy Windows ikonok fájlja (.ICO), általánosan hívott Hab, amelyet letölti a webhely fő könyvtárába. Jelenleg a legtöbb böngésző az Internet Explorer mellett a GIF (beleértve animált) vagy png (beleértve a teljes átláthatóságot is). De mivel az összes böngésző, beleértve az IE, megérteni a formátumot .Az ICO, és mivel számos érdekes funkcióval rendelkezik, amelyek nem GIF és PNG-ben vannak, olvassunk tovább, hogy megtudja, hogyan kell létrehozni.

Töltődömör
Az ICO fájl formátumának exportálása esetén a Photoshop plugin szükséges Windows ikon formátumban (ICO). Letöltheti a Plugin-t a Telegraphics-ból. A beépülő modul olvas és feljegyzések ICO fájlokat 1, 4 és 8 bites indexelt és Bit RGB mód, és szintén olvas és ír „XP 8 bites” bit karakter (8 bites alfa csatorna). Ügyeljen arra, hogy telepítse a plugint, mielőtt folytatná ezt a kézikönyvet.

Kezdjük
16 x 16 és # óta; Ez egy ilyen kis vászon régió, nagyon nehéz megmutatni a kreatív Habu helyett. Indítsa el a projektet a 64 x 64-es vászonnal (mindig is használjon még számokat, ha módosítja a fájlméretet). Tegye ezt úgy, hogy kiválasztja a «Fájl»> «Hozzon létre» lehetőséget, és megnyitja a 64 x 64 pixel új vászonját.

Tervezés
Ha már van logója, akkor a 16 x 16-as méretre kell csökkentenie, hogy ellenőrizze, hogy ellenáll-e. Ha ez nem tűnik jól ezzel a méretgel, dolgozzon a vászonhoz 64 x 64, és próbálja meg létrehozni egy egyszerű kialakítás, beleértve a színeket a webhelyének palettájából.

Ha készen áll, hogy teszteljék a design, válassza ki a „Kép”> „képméret” menüt, és adja meg a 16 x kattintson a „Resample Image”, és válassza ki a „kettős köbös élesebb” a legördülő menüből (CS csak ez a lépés). Ez a legjobb beállítás, amely lehetővé teszi, hogy győződjön meg róla, hogy a kép nem hallatszik átméretezéskor. Ha még mindig nem elég éles, térjen vissza és növelje az élességet, túlméretezze és / vagy növelje a forráskép kontrasztját, majd ismételje meg a méretét.

Ha úgy érzi, hogy az ikon nem pontosan az, amire szüksége van, tartsa be, amíg tökéletes lesz. Ilyen apró méretű, több kísérlet szükséges, mielőtt sikerülne.

Egyéni ikon mentése
Válassza ki a „Fájl”> „Mentés másként” és ellenőrizze, hogy az úgynevezett HAB fájlt a „Format” részben a legördülő menüből ki kell választania a Windows ikonra (ICO). Ez a formátum csak a Plugin feltöltése és telepítése után elérhető a Photoshopban. A következő lépésben, akkor le kell tölteni az új fájlt a gyökérkönyvtárban webhely, ezért javasoljuk, hogy menjen, és mentse el a merevlemezek helyére.

Letöltés Hab fájl ikon
Csatlakozzon a kiszolgálóhoz, és töltse le a Hab fájlt a webhelyére. Ugyanazon katalógusra kell helyezni, mint otthoni (index) oldal, és hagyja szabadon, próbálja meg, hogy ne tegye be a képkönyvtárba vagy más mappába. Standard helyszín & #; Ez a webhely «root» mappája, amely ugyanabban a könyvtárban található, mint az otthoni (index) oldal, és nem a képkönyvtárban vagy más mappában található. Ha ott helyezed (és hívja Hab), a legtöbb böngésző automatikusan megtalálja.

Egyes böngészők megkeresi a forrás HTML kódot egy közvetlen linket a HAB fájlt a webhelyen. Segíthet ezeknek a böngészőknek, hogy hozzáadjuk ezt a linket az egyes oldalak címére, ahol rosszat akarsz
Itt van az a linkkód, amelyet szeretne tartalmazni:
A kód hozzáadása után töltse le az összes módosított oldalt.

(Néhányan úgy vélik, hogy valójában jobban megfelel: mindkettőt használhatja, ha szeretné!)

Ha szeretné használni a GIF vagy a PNG helyett, használja ezt a formátumot (csak ne feledje, hogy nem fog működni az IE):
vagy

Tesztelés
Ha az új Favicon ikon nem jelenik meg azonnal, próbálja meg frissíteni az oldalt, vagy törölje a cache & # -t; Vagy tegyen egy jelet «?». Az URL végén, amely szerint a böngésző úgy gondolja, hogy az új oldal nem tárolódik.

Hibaelhárítás
Problémák a böngészővel
: A Microsoft IE 6 for Windows nem jeleníti meg az ikont, amíg az URL-t hozzáadja a kedvencekhez. Vagy próbálja ezt a trükköt: Ide a címsorban kattintson Meglévő (általában ez az alapértelmezett IE) ikonra, majd kissé „shake”, és engedje el. Ez újraindítja az oldalt, és megjelennie kell az új ikon.

A Safari for Mac nem jelenik meg frissített ikont, míg a böngésző gyorsítótárát nem tisztítják. De a választás a „Empty Cash” a menüből nem segít, mert a Safari üzletek jelvények külön HabTe „Szerkesztés”> „Reset Safari”, és válassza ki a Delete All honlap ikonok jelölőnégyzetet. Ha nem találja meg, tisztítsa meg a gyorsítótár ikonokat. Keresse meg a «Felhasználó»> Könyvtár> Safari> Ikonok. A Windows Safari verziójában keresse meg a C: \ Documents and Settings \ YourUSerName \ Local Settings \ Alkalmazási adatok \ Apple Computer \ Safari \ Hab Safari, Törölje a fájlt, újraindítsa a Safari-t. (Néha újra kell indítania a számítógépet.)

Tisztítsa meg a gyorsítótárat a Firefoxban, és indítsa újra a böngészőt. Az opera csak frissítés.

Valójában az ablakok hűek lehetnek abban, hogy nem frissíti az internetes címkék ikonjait (például az asztalon). Ez a tanács az OT Habcom / oktatóanyagok :

1. Jobb egérgombbal kattintson az asztalra.
2. Válassza a «Testreszabás» lehetőséget, és válassza a «Kijelző beállítások» (vagy egyszerűen «Beállítások» XP).
3. Módosítsa a színt a bitről bitre, majd kattintson az «Alkalmaz» gombra.
4. Módosítsa a színt 32 bitre, és kattintson az «Alkalmazás» gombra.

A fájlformátum nem érhető el : A Windows ikonfájl (ICO) formátuma nem lesz elérhető, amíg letölti és telepíti a plugint, majd ne zárja be és ne indítsa újra a Photoshopot.

Hibaelhárítás frissítése
Az egyik személy, akinek problémája volt az Internet Explorer 7-nek küldött nekünk egy kis tanácsot:
Problémám volt az IE 7-vel, de hozzáadta a két kódot a probléma megoldása:

Itt találtam információkat:
Hab HTML / HTM

És Sharif elküldi ezt: az én tapasztalatom, az Internet Explorer tűnik, egy kicsit instabil kapcsolatban a szükséges időt, mielőtt dönt, hogy megjelenjen az ikon.Próbáltam egy csomó kódolási lehetőséget, de a legtöbb esetben az ikon nem jelenik meg azonnal, de a közelmúltban hasznos tanácsot észleltem: Amint a kódot a weboldalakra helyezi, és töltse le a HAF fájlt a szerverre, menjen a Hab fájl és a böngésző (azaz 7) azonnal megjeleníti az ikont, és megmenti.

Favon több engedélyekkel
Tehát, ha eddig elmentél, akkor már láthatja az ikont a böngésző címsorában, és valószínűleg úgy néz ki, mint a Hab ambiciózus, és egy másik lépést szeretne venni?

Különösen a Windows ikonok ikonjai mindenhol megjelennek. Például, ha a hely egy parancsikont az asztalon honlapján, a Windows gyakran használja a honlap ikonra a címke ikon. De a Windows asztalon sokkal nagyobb ikonot használ, általában 48 & #; 48 pixel. Ha ez megtörténik, az ablakoknak meg kell növelniük az ikon méretét, és valószínűleg elmosódott, és nem olyan szép.

Megjavíthatja. Az egyik csodálatos Hab az, hogy az ikon többféle verziót tartalmazhat különböző méretű és színmélységgel (úgy tűnik, hogy az animált gif több képet tartalmaz). Amikor csinálják, a Windows a legmegfelelőbb méretét és mélységét használja. A méretek a leggyakoribb 16, 24 & # 24, 32 & #; 32 és 48 & #; 48 pixel, és mindegyiket egy fájlba lehet kombinálni .Ico.

Egy másik felbontású ikon létrehozása nem sokkal bonyolultabb, mint amit tettél, hogy megteremtse az ikont 16 & #; 16, Telegraphics, ahol elküldi a favicon plugin, még van egy másik http: // Hab plugin, amely lehetővé teszi, hogy kombinálhassa több ikonot Egy fájlban .Ico. Valójában ez nem plugin, hanem egy külön Windows program (a parancssorban) vagy a macók (húzás és csepp). Vannak olyan autonóm eszközök is, amelyek egy különböző felbontású ikont hoznak létre az egyik kezdeti képen. Itt van egy pár, amit ingyen próbálhatsz: Hab és Hab .

Ami a színes mélységet és # -et használja; Ismét, ha Windows-ban dolgozik, előfordulhat, hogy korábban észreveheti, hogy az asztalon lévő néhány jelvények egyenetlen élekkel rendelkeznek, míg mások simán mennek a széleken. A sima bevezetés annak a ténynek köszönhető, hogy ezek az ikonok egy kis színű verziót tartalmaznak, amely valódi átláthatóságot biztosít, mint a Photoshop rétegei. Létrehozhat egy bites verziót az ikon, valamint a kicsit (16 millió szín, átlátszó GIF formátumban), bit (színek) vagy akár 8-, 4- vagy 2 bites & #; Mindegyike újra tárolható a Hab fájlban!

Tehát, ha azt szeretné, hogy ikont nézel, mindenütt, ahol a személy látja, próbáljon meg létrehozni több változatban a HAB fájl például:

16 & # 16, bit () színek
16 & #; 16, bit színek
32 & #; 32, bit () színek
32 & #; 32, bit színek
48 & #; 48, bit () színek
48 & # 48, bit színek

De ne menjen őrültnek, mert minden egyes lehetőség egy kicsit többet tesz, ami azt jelenti, hogy a letöltés hosszabb időt vesz igénybe.

Ihlet
Ha inspirációra van szüksége, böngésszen ez a gyönyörű ikonok gyűjteménye. Szintén figyeljen az 50 csodálatos ikonra vonatkozó szép kategorizált listára a smashing magazin naplójában. Találsz valamit, ami megtörténik az ötlethez.

Ez minden. Élvezze a kedvenceit!

Kedvezményes Creative Cloud & #; 40% kedvezmény az Adobe Creative Cloud-on

Jelenlegi felhasználók Creative Suite & #; 40% kedvezmény az Adobe Creative Habbachties használatának első évében az egyes termékek és a CS3 csomagok összes regisztrált felhasználójához vagy később. Nem áll rendelkezésre az oktatási intézmények vagy az ügyfelek számára vállalati licenceléssel.

Az Adobe Creative Cloud egyszerű havi tagságát az egész CS6 szerszámgyűjtemény és még sok más megadja. Szerelem nyomtatásra? Érdekelt webhelyek és iPad alkalmazások? Készen áll a videó szerkesztésére? Mindezt megteheti. Ezenkívül a kreatív felhő résztvevői automatikusan új termékeket és exkluzív frissítéseket tesznek lehetővé a kiadásuk után. És hála a felhő tárolási és szinkronizálás képességek bármilyen eszközzel, a fájlok mindig ahol szükség van rájuk. A kreatív felhő az egyének vagy csoportok számára elérhető.

Onone szoftver a digitális fotósokhoz & #; Exkluzív 15% kedvezmény

Onone & # szoftver; Ez a leggyorsabb és egyszerű módja annak, hogy a képeket szokatlanítsa. Mindenhol dolgoznak és #; Photoshop, Lightroom, rekesz és külön alkalmazások. Használjon kedvezményes kódot Pssppt06 , 15% kedvezményt kaphat bármely terméken.

Tökéletes fotócsomag
& #; Mindössze annyit kell végrehajtania a fényképészeti látásodat
& #; Hét integrált termék a munkafolyamat fotóihoz
& #; Tökéletes hatások: lenyűgöző képek létrehozása
& #; Tökéletes portré: egyszerű erőteljes retusálás
& #; Tökéletes átméretezés (valódi fraktálok): A nyomtatott képek bővítése
& #; Tökéletes rétegek: Rétegek ereje Photoshop nélkül
& #; Tökéletes maszk: szükséges vágószerszám
& #; Focalpoint: Telepítse a kívánt fókuszt
& #; Photoframe: Határok, háttér, textúrák és díszek

Tökéletes hatások
& #; Népszerű HDR és RETRO képek hozzáadása
& #; Indítsa újra a filmek és a sötét szobai technikus megjelenését
& #; Teljes képeket matricákkal, textúrákkal és határokkal

Tökéletes portré
& #; Egyszerű erőteljes portré retusálás
& #; Automatikus bőr simítás és foltok eltávolítása
& #; Azonnali szemjavítás és fogak

Tökéletes maszk
& #; A háttér eltávolítása egy kattintással
& #; Könnyen termeszthető kemény dolgokat, mint a haj, üveg és fa ágak
& #; A legjobb maszkoló eszközök Photoshop nélkül

Tökéletes átméretezés
& #; Növelje a legmagasabb minőségű képet a valódi fraktálok alapján
& #; A mobiltelefonról a digitális tükörkamrára nagyíthatja a% -ig
& #; Az eredeti fotó élességének és részleteinek megőrzése

Fókuszpont
& #; Azonnali fény és kedves lencse létrehozása
& #; A mező mélységének beállítása kép után
& #; A kreativitás megjelenési lencsék utánzása hajlam és eltolás

Képkeret
& #; Képek javítása a határok, textúrák és díszek
& #; A film és a sötét szobák hiteles szélhatásainak hozzáadása
& #; Teljes könyvtár több mint profi design elemek

Tökéletes rétegek
& #; Bontsa ki a képszerkesztő Lightroom és a rekeszértéket
& #; Kombinálva több fotó legjobb részeit
& #; Retusáló portrék és tájak

Exkluzív 15% kedvezmény a pluginok, a csomagok és a frissítések TOPAZ

Adja meg exkluzív kedvezményes kuponkódját Photoshopsupport A Topaz Labs megrendelésének folyamata során Azonnali kedvezmény 15% Bármely TOPAZ terméken, beleértve a készleteket és a frissítéseket.

A TOPAZ LABS Photoshop bővítmények kifejezetten arra tervezték, hogy bővítse a kreatív készlet fotós eszközöket a képfeldolgozó technológiák erőteljes fejlesztései segítségével. A fotósok világszerte élvezik az expozíció kreatív hatásainak előnyeit, a művészi egyszerűsítést, az élek egyedülálló manipulációját és az első osztályú zajcsökkentéseket a Topaz termékekben. Topaz Plugin csomag a Photoshop & #; Ez egy nagy teherbírású plug-ins csomag a Photoshop számára, amely magában foglalja a következő TOPAZ termékeket:

TOPAZ beállítása
Hozzon létre lenyűgöző és dinamikus képeket ezzel az egyedülálló erősebb plug-invel, amely olyan funkciókkal rendelkezik, mint a HDR, és javítja az expozíciót, a színt és a részleteket.
TOPAZ INFOCUS
A TOPAZ INFOCUS a képek visszaállításához, tisztázásához és növeléséhez használt «TOPAZ INFOUMUS HASZNÁLATA A KÉSZÜLÉKEK MEGHATÁROZÁSÁNAK A KÉSZÜLÉKEK VISSZAÁLLÍTÁSÁRA, TÖRTÉNŐ ÉS NÖVEKEDÉSE.
Topaz részletesség
Háromszintű plugin beállításai az alkatrészekhez, amely a mikrokontrasz és az élesség javítására specializálódott műalkotások nélkül.
TOPAZ remazs
A leggyorsabb és hatékony program a maszkoláshoz és kivonáshoz egy maszk tisztázásához egy kattintással.
Topaz denoise
A zajcsökkentés legmagasabb minőségi plugin, amely eltávolítja a legtöbb zajt és a színt, miközben fenntartja a maximális kép részletességét.
A TOPAZ egyszerűsíti
Kreatív egyszerűsítést, művészi hatásokat és fókuszáló vonalakat biztosít a könnyű egyedi művészethez.
Topaz tiszta
Kezelje a képek mélységének mélységét kiterjedt eszközök segítségével a simításhoz, a textúravezérléshez és az él javításához.
Topaz Dejpeg
Jelentősen javítja a webes képek minőségét és más tömörített fotókat.

Tudjon meg többet a TOPAZ bővítményekről a Photoshophoz. Töltse be az ingyenes próbaverziót.

Web Template Photoshop & #; Weboldal tervezési tankönyv
Ismerje meg, hogyan hozhat létre webes sablont Photoshopot ezzel a weboldal tervezési kézikönyvével. Tartalmaz egy kész weboldalt a szabad erőforrásokhoz kapcsolódó linkekkel.

Pixel betűtípusok rohanó súgó és #; Hogyan kell használni őket, és hová kell venni őket
A webes projekteken dolgozó grafikus tervezők gyakran panaszkodnak, hogy ha a nyomtatásra szánt betűtípusok kisebb méretűek, akkor egyre nehezebb olvasni, és nem vonzóvá válnak a szemek számára. Még a simítás használata (simítóparaméter a szimbólum palettán) nem elég ahhoz, hogy ezek a betűtípusok jobban nézzenek a képernyőn. A megoldás, ha ez megtörténik, hogy teljesen felhagy a betűtípusok a nyomtató, és próbálja meg használni a Pixel font, ami ad egy világos, tiszta képet, nagyon kis méretű.

Blogok és tippek a blogtervezéshez
Ez a Photoshop lecke tippeket kínál a blog sablonok javítására a saját design elemek hozzáadásával. Tartalmazza az ingyenes blogforrások és a martini recept listáját.

A Photoshop blog kínálja a legfrissebb Photoshop híreket és digitális fényképezést, szoftverfrissítéseket, tippeket és kézikönyveket, valamint véletlenszerű gondolatokat a grafikus, a digitális fényképész és a szakértő a Photoshop Jennifer Apple.

Szerszám a webes design site darálóhoz

Gyakran úgy tűnik, hogy a világ a web design és fejlesztés van egy szigorú szétválasztását Habian szakemberek tapadnak a Photoshop térségben, míg azok, akik megértik az írás a forgatókönyvet, a feladat az, hogy megvalósítsák munkáját. Valójában ezek a két királyság nagyon különbözik egymástól, és bármelyikünk, még mindig homályosan ismeri őket, könnyen megerősíthetők.

Lényegében a Photoshop & #; Ez a tervező stúdió korlátozások nélkül, felajánlva a művészt, látszólag végtelen kreatív lehetőségek. Másrészt a HTML, a CSS, a Java és a hasonlók követik a fejlesztő szigorú szabályait, amelyek előírják, hogy a fejlesztő figyelembe vesszük az ezoterikus problémák számát, hogy biztosítsák a hálózat megtervezésének megfelelő megjelenítését a hálózaton.

Fordítsa a Photoshopot egy teljes körű webes design eszközre
A Sepersegrinder arra törekszik, hogy leküzdje ezt a szakadékot a tervezés és a fejlesztés között. Lényegében Sitegrinder fordul Photoshop egy könnyen használható és teljes értékű web design eszköz. A SiteGrinderrel a tervezők most képesek lesznek teljes mértékben adni a kreativitásukat, majd nem hiányoznak egy másodpercig, átadják projektjeiket az interneten. A SiteGrinder a gyakorlati megfontolásokkal ötvözi az esztétikai szempontokat, és egy elképesztően erőteljes eszköz, amely fantasztikus kiegészítés lesz a HAB Unlocked SiteGrinder trükkjeihez Mac OS X-hez és a letölthető ablakokhoz.

Online könyvtár Hab & #; Ingyenes videoklipek megtekintése

Feliratkozás az Online Library Hab hozzáférést biztosít bármikor több ezer videóóra a Photoshop, Illustrator, Dreamweaver, Web Design, Digital Képek, 3D, Digital Video, Animáció és sok más Habitrify Video Clips.

A nap mint egy dollárnál kevesebb, mint egy dollár, a résztvevőknek lehetősége nyílik arra, hogy naprakészen maradjanak az eseményekkel és készséggel, innovatív és produktív módszerekkel, valamint bizalmat és versenyképességet kapjanak; És mindez a saját tempójában. Prémium előfizetés tartalmazza oktató edzésfájlokat hogy a résztvevők figyelemmel kíséri a pontos példákat a képernyőn. Az ügyfelek a saját tempójukon tanulhatnak, és abbahagyhatják, visszaállíthatják és reprodukálhatják a szegmenseket, amennyire szükséges. Tekintse meg több ingyenes videoklipet (nagy felbontású).

Plugin Photoshop maszkolás folyadék maszk & #; Exkluzív azonnali kedvezmény

Áttekintés Fluid maszk 4 1/2 Az 5 csillagból a Macworld-on elkezdődik azzal a ténnyel, hogy ez a Photoshop plugin leegyszerűsíti a háttérkiemelést, & #; folyékony maszkot és #; Nagyon hatékony eszköz az objektumok elválasztásához a háttérükből. Számos hasznos funkciót kínál szinte bármilyen összetett kép megoldásához, a vékony hajtól a komplex lombozatig.Az online video oktatóanyagok és az interaktív képzés segít a tanulási folyamat egyszerűsítésében. «.

Barátaink Vertus, a Flowid Mask Photoshop plugin fejlesztői létrehozták a speciális exkluzív kedvezményt a HAB-nál a folyadékmaszk oldalunkra, hogy különleges, exkluzív kedvezményes linket kapjunk.

A folyadékmaszkot a fotósok, képek szerkesztõi, grafikus tervezők és mindazok, akik komolyan utalnak a digitális képek szerkesztésére. Az optimalizált felület és a munkafolyamatnak köszönhetően a folyadékmaszk azonnal megjeleníti a kép legfontosabb éleit, és átfogó egyszerűséget biztosít, olyan eszközöket használ, amelyek a nehezen elérhető élek és komplex területek működnek, mint például a fák és a Hab maszk is Minden fontos információ a szakemberek vágására vonatkozó élekről. További információért lépjen a folyadékmaszk oldalunkra.

Hogyan lehet létrehozni egy favonot a Photoshop webhelyén

Hogyan készítsünk favonot a Photoshop webhelyén B12

Nincs konfigurálható ikon a webhelyére? Kövesse ezeket a hasznos kézikönyveket, hogy megtudja, mennyire könnyű létrehozni a Photoshop-ban.

Indítsa el a vállalkozás fejlesztését a b

A hitelkártya nem szükséges

Átirat

: Hello, ez Ann az Ann gyakorlati javaslatokkal a grafikai tervezéssel, és ma megmondom, hogyan hozhat létre egy ikont a webhelyén az Adobe Photoshop használatával. Favon & #; Ezek ezek a kis jelvények az interneten. És ezért ha megvan, segít létrehozni a márkát a weboldalán. És meg fogjuk csinálni a Photoshopban. Tehát nyissa meg a Photoshopot. A favicon mérete 16 16 képponton van. Szóval, menni a Fájl> Hozzon létre. Annak ellenére, hogy végül 16-ot kap 16-ra, úgy érzem, kicsit könnyebben dolgozhatok 64-től 64-ig, majd nyomjuk meg azt. Így 72 pixel leszünk hüvelykenként. És csak azt mondjuk, hogy «hozza». Oké, nagyon kevés. Meg fogom nyomni a CMD 0-at, hogy teljes méretben kapjam. És most megyek, és elveszem a logóomat.Kétféle módon megmutatom neked. Először tegyen egy fehér háttér nélkül. Csak elhalasztom a Photoshop-ban. «Válassza ki az összeset» a CMD A, «Másolás», majd «Paste» használatával. És olyan nagy, ami kitölti a teljes képernyőt. Tehát nyomja meg a cmd t-t, hogy megváltoztassa méretét, majd cmd & #; További információ →

Kulcsvidékek:

  • & #; Közepes és #; Lejátszási szimbólum M? Youtube? Autonóm ikonok G? A Google faviconjai megtalálhatók az interneten keresztül.»
  • & #; Itt vannak a böngészőm lapjai: Tudom, hogy nem csak bűnös vagyok a lapok és # visszaélésekor;.
  • «Első pillantásra tudom, hogy melyik webhelyen vagyok, hogy gyorsan megváltoztassam a megrendelést, vagy kezdje el a helyét, ahol megálltam».
  • & #; Az ICO fájl különböző méretű fájlokban tárolja az ikont, így az apró böngésző lapoknál dolgozik, a Top-site böngésző webhelyekhez.»
  • «Különböző okostelefonok és streaming eszközök, például Roku vagy Chromecast, szintén saját igénye van a méretre».
  • & #; A fenti képernyőképek, az elsőnek van ikonjai & #; és a Second & # lap ikonok; 16 & #; 16 & #;.

Bővebben →

Kulcsvidékek:

  • & #; Mivel népszerűek az interneten, ez egy kicsit meglepő, hogy sem a Photoshop, sem az Illustrator nem támogatja a közvetlen exportot az ICO-hoz.»
  • «Ebben az útmutatóban azt feltételezzük, hogy szükséged van a következő méretre az ICO-ban: 16, 24, 32, 48, 64, 96».
  • «A Photoshop módszerrel kezelheti az egyes méretű ikonok tervezését, ellentétben az Illustrator módszerrel».
  • & #; Az Illustrator nagyszerű az SVG ikonok (jövő) számára, de inkább a Photoshopot használom, amikor az ICO-ba jön.»
  • «2. lépés: Készítse el az ikont! 2. lépés: Az ikon létrehozása! Ezen következő képernyőn az exportálni kívánt mindkét beépítési területek PNG on 1x, 2x, 3x és 4x skála.

Bővebben →

Kulcsvidékek:

  • «Egyes ponton úgy döntöttem, hogy összegyűjti az összes információt, és összeállítom azt egy útmutatóra, amely segít a tervezőknek, és arra ösztönzi őket, hogy elkezdjenek rajzolni saját ikonjaikat ideális pixelrel.»
  • «Ez a kézikönyv öt részre oszlik, beleértve a» dokumentumbeállításokat «,» tippek és ajánlások «,» ikonok «,» Ikonok exportja «és» ikonok létrehozása «.
  • «Amikor csak elkezdtem létrehozni az ikonokat, azt hittem, szükségem van egy rácsra, mielőtt még megpróbálnám felhívni őket».
  • & #; Megpróbáltam sok különböző módon, rájöttem, hogy nincs szükség egy rácsra az első ikonokhoz.»
  • „Ha kell ihletet a rács, akkor olvassa el a cikk” Rács Ikonok: Mikor és hogyan kell használni? «.
  • «A fiók létrehozása után több lépést kell végrehajtania az ikon betűtípusának megszerzéséhez és elkészítéséhez».

Olvass tovább → átirat

: Hello és üdvözöljük a video blog a web design ezen a héten. Ma meg fogjuk mutatni, hogyan lehet egy ikont a Photoshop most ikon, más néven webhely ikon vagy könyvjelző ikon. Egy kép, amely akkor látható, ha az internet böngészése a dolgok, mint Explorer Safari Firefox, és adja meg a játékot, ha hozzá az oldalakat, hogy a könyvjelzők, vagy még itt, mint a Firefox, ahol megnyomja a tartalmat, akkor láthatjuk a laboratóriumi böngésző Egy kicsit van kamerám, valamint a választott Adobe ikon, így öt ikon létezik elég hosszú ideig, és a webes tervezők és az internet-felhasználók szoktak dolgozni velük, és látták őket, így jó hír azért, hogy az Ön számára web — oldal nagyon egyszerű, mint a web designer lényegében egy pár lehetőség, hogy van, hogy lehetővé teszi, hogy hozzon létre egy ikon most, az első & #; Tudod, hogy a Google, tudod, hogyan lehet létrehozni a favicon ikon alkotóját, és használhatja az egyik ingyenes eszközt az interneten lévő ikonok létrehozásához Most itt nagyon népszerű, Kedvenc pontja CC és & #; További információ →

Átirat

.. További információ →

Kulcsvidékek:

  • & #; Tervezése kontextusban, amikor egy jelvényt fejleszt, elkezdi megtagadni, és végül megkapja az űrlapot és a tervezést, amit szeretne. Ebben a szakaszban nagyon fontos, hogy megnézzük az igazi eszközön, és ne csak az utánzáshoz. A vázlatban vagy a Photoshopban.»
  • «Ez mindent érinti: lehetővé teszi a szoftvereket a tervezéshez, a növekedéshez, a méretarányhoz, a kis alkatrészek megolvasztásához és a környezetből, bármilyen más vizuális interferencia nélkül, például más ikonok, eszközpanel és értesítések nélkül.
  • & #; Ikonok különböző platformokon. Természetesen ez az internet, az egyes szállítónak saját stílusa, követelményei és előnyben részesített mérete van, egyes platformok átlátszó háttérrel rendelkezhetnek, és úgy néznek ki, mint bármely forma, mások színt igényelnek.»

Bővebben →

Kulcsvidékek:

  • «Favon vagy Website Icon & #; Ez egy apró kép, amely a weboldal címe mellett jelenik meg a böngészőben.
  • & #; Ez segít a felhasználók azonosításában a webhelyed, és a webhelyének gyakoribb látogatói azonnal felismerik ezt az apró képet.»
  • «Az ikon segít a felhasználó azonosítani a webhelyét, és gyorsan átkapcsol a kívánt fülre.».
  • «A webhely ikonja vagy ikonja is akkor is használható, ha a felhasználó hozzáadja webhelyét az asztalra a mobileszközön.».
  • «A webhely ikonjának ajánlott képmérete & #; nem kevesebb pixel szélesség és magasság «.
  • & #; A webhely ikonjának képe négyzetnek kell lennie, nagyobb méretű téglalap alakú képet használhat, és a WordPress lehetővé teszi, hogy a képet hozzáadja, amikor hozzáadja.»

Bővebben →

Vásárlói vélemények és szakértők

DAN értékesítés B12-ben

«Az üzleti tulajdonosok őrülten elfoglaltak. Mi még inkább őrült, ezért elvárja, hogy az üzleti tulajdonos tudja, hogyan kell tervezni, karbantartani, közvetlen forgalmat és frissíteni a saját AI-ja, hogy nem szükséges. B12 weboldalak alapján mesterséges intelligencia nagyon erős, és nem tudunk várni, hogy mi hoztunk létre, az emberek előtt. «.

Stafford ügyfél sikere a B12-ben

«B12 & # cél; Adja meg a legjobb ügyfélszolgálatot, és nagyon örülök, hogy része vagyok ennek a küldetésnek. Segítség az ügyfeleknek olyan weboldal létrehozásában, amely élő látásukat megtestesíti, & # #; Természetesen a tartózkodás legjobb része.»

Daniel eladó B12-ben

«Büszke vagyok arra, hogy B12-ben dolgozom, és megadjuk a termékeket és szolgáltatásokat. Túl gyakran az embereknek nincs ideje vagy iparági ismerete a weboldal létrehozására, kezelésére vagy támogatására. A modern világban a webhelyed lehet a legjobb barátod. Arra törekszünk, hogy a legjobb barátod a lehető legnagyobb mértékben dolgozzunk! »

Chuck ügyfél / crowdfluenser

«A B12 webhelyem nagyszerűen néz ki, nagyon örülök a Hab-val, mint az új weboldalunk érzékenysége, ráadásul hihetetlenül könnyű és gyors. A csapat hihetetlen munkát végzett stílusokkal, és nagyon tetszett a design.

Bővebben →

Leslie ügyfél / társadalmi elmélet

«Mit szeretek a legjobban a B12-ben, a kényelmes Hab nemcsak olyan weboldalakat hoz létre, amelyek modern és nagyszerűek, hanem hihetetlenül könnyű kezelni és frissíteni. Amikor a weboldalamon módosítani kívánt információk megjelennek, meg tudom csinálni magad.

Bővebben →

Freddie ügyfél / partnerek Suffolk Equity

«B12 lenyűgöző! Kiváló minőségű designt kapsz a Hab árán valóban csodálatos. «.

Karen ügyfél / a lin élet

«A B12 mesterséges intelligenciát használ a weboldalak gyors létrehozásához. A csapat barátságos és elérhető a kezdőknek a weboldalak fejlesztésében. Van egy tiszteletreméltó weboldal rövidebb időre nagyszerű áron. «.

Roberto ügyfél / smaragd kertek

«A B12 képes volt megadni a szükséges rugalmasságot a weboldal elemeinek lejátszásához, és elküldtünk minket az első kísérletünkben egy weboldal létrehozására.»

Bővebben →

Kelly ügyfél sikere a B12-ben

«Büszkék vagyunk a kiváló ügyfélszolgálatra. Szeretem az ügyfelek orientált, és az általunk használt technológiát, hogy felgyorsítsuk a webhelyek létrehozásának folyamatát, segítettek minket rövidebb idő alatt létrehozni a professzionális webhelyeket.»

Mandy Design szakértő a B12-ben

«Nagyon tetszett a Webhely-szerkesztő munkával B Ez lehetővé teszi számomra, hogy weboldalakat hozzon létre ideális pixelrel egy nagyon rövid időre».

Liam értékesítés B12-ben

«A B12 célja a kisvállalkozások tulajdonosainak segítése, időt takarít meg arra, hogy összpontosítson arra, amit a legjobb és #; A Hab-i magatartásban segítünk nekik növelni nyereségük növelését, mivel kiváló minőségű weboldalakat biztosítunk a butik ügynökségek és egyéb különböző beszállítók által felszámított ár kis részében ».

Dan Ügyfél / Dan Garcia Photography

«B könyvelés B12 & #; Valóban az egyik legjobb funkció a weboldalam. Ügyfeleim mindig kapcsolatba léphetnek velem ezzel a csodálatos eszközzel.»

Debra ügyfél / Új megjelenés az élelmiszerre

«A B12 pozitív hatással van az üzleti tevékenységemre, mivel számos integráció, mint például a foglalás integrációja! Egyre több levelet kapok olyan potenciális ügyfelektől, akik online jegyeket foglalhatnak online és könnyen megtervezhetők velem. Nem értem a technológiákat, tehát ha olyanok, mint én, az ilyen társasággal való együttműködés hihetetlenül hasznos lesz.»

Bővebben →

Ann ügyfél / expozíció és kegyelem

«A B12 weboldal értéke a kezdetektől fogva nyilvánvaló volt. Észrevettem, hogy azonnal több forgalmat jelent, ami nagyon fontos számomra. A tudás, hogy a B12-eszközök folyamatosan optimalizálni website a keresőmotorok, ad nekem egy lélek HAB segít összpontosítani üzleti, és nem próbálja megérteni, hogyan kell kezelni a honlapon «.

Bővebben →

Heidi ügyfél / cd roma

«Az elindítás óta több formanyomtatványt kaptunk a vendéglátás és a menüopciók megismeréséhez. Ezenkívül észrevettem, hogy több ügyfelünk megtudta minket a honlapunkon, mielőtt vacsorázna! Forgalom, amit rövid időre kaptunk, amikor az oldal online volt, nagyon lenyűgöző volt.»

Bővebben →

Készen áll az üzleti tevékenység fejlesztésére?

Csatlakozzon több tízezer szakembert, aki sikereket ért el a B12 honlapján, a SEO, a blogolás és sok más dolog!

Tudjon meg többet egyetértek

Photoshop ico fájlformátum és az ikonok létrehozása

Favicons & #; Ez első pillantásra (és szó szerint!) Kicsi, de fontos módja annak, hogy reklámozza a márkát a webhelyén. Vizuális természetűek vagyunk, ami azt jelenti, hogy nagyobb valószínűséggel megtanuljuk ezt a kis kék madárt a Twitteren, vagy ez a piros boríték gyorsabb, mint a nevük, amikor megnézzük a könyvjelzőink panelünket. Készíthet ikonokat, létrehozva az ICO fájlokat a Hab pályán, mint egy rövid útmutató a Photoshop CC-hez, meg fogja tanítani az ikonokat és sok más dolgot, amit még nem is gyanítottál, meg tudod csinálni a Photoshopot.

Az Ön webhelyének egyedi ikonjának elérhetősége megkönnyíti a fogyasztókat, hogy keressen webhelyét a letöltött fül könyvjelzőiben vagy számos lapon, és meggyőzze őket, amikor az oldaladra esnek, hogy helyes helyek.

Nem kétséges, hogy az ikon fontos mindenkinek, akinek van egy honlapja. Az egyetlen kérdés az, hogyan lehet ezt? Nos, ez a Photoshop Ico fájlformátummal kezdődik.

Mi a favicon?

Először is, mi a favon? Rövidítve a kedvenc ikonról, amelyet más dolgok is leírnak, mint a címke ikon, fül ikon vagy könyvjelző ikon, ikon & #; Ez egy kicsi, általában mini-logo 16 × 16, amelyet használhat a webhelyén. Ha a böngésző támogatja, akkor egy olyan helyen jelenik meg, mint például a címsor, könyvjelzők, lapok, oldaltörténet, adatok megtekintése és t. D.

Ikon

A Hab egy kis zöld négyzet, amelynek nagybetűje van, amint az a fenti fülön látható.

A faviconok ICO fájlokként kerülnek mentésre, olyan fájlformátumra, amely különböző méretű képeket takarít meg a zoom célokra. Minden ikonok a Windows, honnan futtatható asztali fájlokat, mielőtt alkalmazásokat a Start menüből, menti fájlkiterjesztésű .Ico.

ICO fájlok létrehozása a Photoshopban

Photoshop & #; Kiváló és rugalmas program a grafika szerkesztéséhez egyedi ikonok létrehozásához. Azonban a fájlok bővítéssel történő mentéséhez .ICO A Photoshopban külön bővítményt kell betölteni.Szerencsére nagyon könnyű.

1. lépés &#; Telepítse a plugint

A Plugin megtalálható a Telegraphics weboldalán. Letöltésre van szüksége egy ICO MARK (Windows ikon) formátummal, amely mind Mac, mind Windows számára elérhető.

A plugin telepítéséhez először győződjön meg róla, hogy a Photoshop zárva van. Távolítsa el a letöltött fájlokat, és helyezze el őket a Plug-in almappában> Fájlformátumok a megadott helyen Adobe Photoshop.

Most, hogy megnyitja a Photoshopot, hozzon létre egy új dokumentumot, kattintson a «Mentés AS» gombra, és bővítse a legördülő menüt, az ICO fájltípusnak opciónak kell lennie.

2. lépés. Hozzon létre egy ikont egy 64 × 64 dokumentumban

Ha teljes szakember, és 16 × 16 képponton belül dolgozhat, mer! De ha szüksége van egy kicsit több helyre, akkor 64 × 64 képpontos dokumentummérettel kezdődhet, majd később skálázhatja.

Ha tudod, hogy a grafikai tervezés és a fotoszféra munkájában szerkeszthető összes funkciója, akkor nem kellene problémái az alapvető ikon kialakításában. Ha nem tudja, hogy a palettaeszközök bármelyike ​​működik, először olvassa el róla! Próbáld ki ezt a pálya Photoshop Essentials, majd térjen vissza erre a kalauz, ha lesz egy grafikai tervezés mester!

Az ikon példájához egyszerű gradiens hátteret és egy «A» betűt hoztunk létre a «márkánk» kijelöléséhez.»

3. lépés. Csökkentse akár 16 × 16-ig

Most itt az ideje megváltoztatni az ikon méretét, hogy kompatibilis legyen a webböngészőkkel. Válassza a Kép> Kép mérete menü tetején vagy az Alt + Ctrl + i és megváltoztathatja a méretet 16 × Győződjön meg róla, hogy pixeles, nem hüvelyk.

Szintén jól nyissa ki a legördülő menüből a felirat: „Resample”, és válassza ki a kettős köbös élesebb beállítás. Ez biztosítja, hogy a kép nem lesz túl homályos, ha átméretezés, de ha ez még mindig veszít túl sokat az élesség, akkor mindig beállítani ezeket a tulajdonságokat a szűrési paraméterek.

Ha minden rendben van, akkor látnod kell, hogy a 64 × 64 ikon a 16 × 16-os ikonra alakul át!

Az ikon sarkainak kerekítése teljesen újfajta lehet. Attól függően, hogy milyen stílusban választhat, ezt megtanulhatja.

Ez a rövid útmutató a Photoshop CC Látható, hogy van ez könnyen megoldható az új Photoshop CC funkciókat. Az idősebb változatok esetében tekintse meg ezt az egyetemi pályát az alapítványok fejlesztéséről.

4. lépés: Mentse el az ikont Ico, Hab fájl típusként

Ez egy egyszerű lépés. Ha helyesen telepítette a bővítményt, itt az ideje, hogy menjen a «Fájl»> «Mentés» menübe, nyissa meg a legördülő menüt, és válassza ki az opciót ICO (Windows ikon) (* .Ico) . Kattintson a Mentés gombra, és kéri, hogy megadja az ikon formátumát.

Javasoljuk, hogy a fájlt szabványos ICO-ként mentse, mivel a PNG (VISTA) formátum nem nagyon kompatibilis.

Az OK gombra kattintva a Hab Photoshop alkalmazás még mindig utal a mi ikonunkra .Psd, amikor csak megmentettük, mint az ico? Ez azért van, mert az ICO fájl nem szerkeszthető a Photoshopban. Csak próbáld meg kinyitni és nézni. Miután elmentette az ikont ICO-ként, ez az ICO fájl végleges lesz. Ha módosítani szeretné, továbbra is módosítania kell a fájlt .PSD mindaddig, amíg elégedett a végtermékkel, és mentse újra ICO-ként.

Használja az ICO fájlt a webhelyén

Szóval, van egy új szép ikon mentésre ICO fájlt, de hogyan, hogy ténylegesen nem jelenik a könyvjelzők panelek és lapok weboldalán?

Ez az első szabály. Fontos tudni: Az ICO fájlt meg kell menteni (vagy áthelyezni) olyan könyvtárat, amelyben a kezdőlap található, általában a root mappa. Ha önálló képkatalógusba vagy valahol máshol menti, a böngésző nem fogja megtalálni.

Ezután győződjön meg róla, hogy a címke

Faviconname Itt helyettesítse a fájl nevét .Ico Favicon. Alapértelmezés szerint a böngészők a «Hab» -t keresnek, így jobb, ha ilyen.

És megvan! Ön létrehozott egy egyedi ikont a webhelyére, és megtanultad használni. További webes design tippek és grafikai tervezés a következő Udemy tanfolyamokon található:

Utolsó frissítés Oldal: Január G.

A jelvény létrehozása a webhelyére

Minden nagyobb weboldalra megy, szinte biztosan látni fogja az ikon bal oldalán a cím a böngészőben. Ezt az apró képet Favonnak nevezik (vagy a Kedvencek Ikon), és egy kis erőfeszítést alkalmaznak, létrehozhatod a sajátját.

Hozzon létre egy ikont

A 16 pixeles méretű ikonok tervezése kihívás lehet. A vállalatok képei és bonyolult logói felismerhetetlenné válnak az ilyen kis méretű méretezés során, így valami egyszerűen kell eljutnod, és igen, Iceic & #; Például a neved első betűje, vagy talán egy grafikus elem a cég logójától. Létrehozhat egy ikont bármilyen grafikus szerkesztővel, de erre a példára az Adobe Photoshop CS4 (). Egy új HAB-ban is létrehozunk egy ikont, amely lehetővé teszi, hogy teljes színű ikonokat hozzon létre simított élekkel. Megjegyezzük, hogy az ikonok ikonok nagyobbak lehetnek, mint egy négyzet 16 pixel, hogy figyelembe vegyék azok használatát a könyvjelzők és RSS csatorna is, de ebben a cikkben fogunk összpontosítani, hogyan lehet létrehozni egy ikont, amely megjelenik a böngésző címsorában.

Az ikon létrehozásával mentse el az egyszerűsítést, és ragaszkodjon a hálóvonalakhoz. Vízszintes és függőleges élek, amelyek nem illeszkednek a rácshoz, végül sáros és fuzzy. Elkerülje a túl sok részletet; Végül a rács minden négyzetét egy pixelre csökkentik, amikor a skála csökken.

Az ikon betöltése

Export ikon az interneten való használathoz nagyon egyszerű. Válassza ki a „File” -> „Save az interneten és eszközök”, majd a „PNG” a Pre-Settings előugró menüben. Kattintson a «Mentés» gombra, írja be a Hab fájlnevet, majd kattintson a «Mentés» gombra. Most menjen a Finderbe, keresse meg a fájlt, és nevezze át a «Hab» -re. A kereső megkéri, hogy erősítse meg, hogy módosítani szeretné a fájl kiterjesztését; Kattintson a «Használat gombra .Ico «A folytatáshoz».

Utolsó lépés &#; Töltse le a fájlt a szokásos FTP programra, és keresse meg webhelyének gyökérkönyvtárát, amelyben a honlapja általában (például Hab, Hab vagy Hab). Töltse le a HAB fájlt ebbe a könyvtárba, és minden készen áll. A webböngésző, hogy nézze meg a honlap, és az új ikon jelenik meg mellette a web-címét a mezőbe. Ha azt szeretnénk, hogy teljesen biztos, hogy a ikon jelenik meg, akkor hozzá a következő kódot a fejlécben az oldal:

Bár ez a boot sorrend elég univerzális, vannak konfigurációk szerverek különböző típusú, amelyek megakadályozzák a megjelenését Habu, ha ezek a csomagtartó lépések nem működnek az Ön számára, forduljon az Internet szolgáltató különleges utasításokat.

Favon & #; Ezek értékes díszítéseket teszi a webhely még emlékezetesebbé. Ők biztosítják a látogató vizuális ötletek, és adjunk a kifinomult bármely honlapján. És a meglepetés könnyű létrehozni.

Chris Macvey & #; Szerző, Illustrator és fotós játékok Halifax, New Scotland.

A Favicon formátum mentése a Photoshop CC használatával

Már sok ember már tudja a Photoshop & #; A legnépszerűbb fotószerkesztő program, így meglepődöm, hogy hiányzik az ikonok mentésének képessége.

Azt mondom, hogy meglepő, mert az ikon kötelező minden webes mester számára, és mivel az ikon egy műszaki kép, meglepődöm, hogy ez a formátum nem támogatott Photoshop.

Szóval mit kéne tenni? Érdemes megtalálni az új fotószerkesztő programot, amely képes megmenteni a képet ikonként?

Nos, ha úgy néz ki mint én, akkor szeretné kipróbálni, hogy megtudja, hogyan lehet photoshop mentse a képet a ikon & #; Legalábbis ez az, amit végeztem.

A jó hír az, hogy ennek módja van erre a HAB bővítmény telepítésével

Igazán van egy plugin Windows és Mac, és ez a plugin valóban kompatibilis a Photoshop CC-vel, bár a Photoshop CC nem szerepel a & # oldalán; Legalábbis a cikk írásakor.

Az alábbi videóban láthatja, hogyan telepítettem a bővítményt.

Nem nézhet videót? Lásd a YouTube-t

Letöltés plugin:

Először letölteni kell a plugint a Hab-ban, amint már említettük. A Photoshop CC-hez kompatibilisnek kell lennie a számítógép és a Photoshop CS6 operációs rendszerével.

A plugin telepítése:

A plugin letöltése után meg kell találnia a fájlt a számítógépen, és távolítsa el.

A fájl kivitelezése után el szeretné olvasni az Olvasási Me fájlt.

Ha Windows-ban dolgozik, akkor szerencsés vagy, mert az utasítások léteznek.

Комментарии закрыты, но обратные ссылки и pingbacks ещё работают.