Gondolkozott már azon, hogy melyek azok a színes, apró ikonok a böngésző lapjain?
Talán az első gondolatod egy márka logója lenne.
Bizonyos értelemben igazad van. De bár technikailag igazad van, az a „logó”, amelyről beszélünk, valójában egy favicon.
A Faviconok, amint azt a Google-on is megtalálja, egy webhelyet vagy márkát jelképező böngészőikonok – mondhatni mini logó.
Mivel olyanok, mint a minilogók, a faviconok vizuális asszociáción keresztül javítják a felhasználói élményt és a márkaismertséget.
És amint azt korábban említettük, ezeket a kedvenc ikonokat általában a böngésző lapjainak bal oldalán találhatja meg.
Általában 16 x 16 képpont vagy 32 x 32 pixel méretűek, ami éppen elég ahhoz, hogy több lap megnyitása után felismerje őket.
Most, hogy a témánál tartunk, térjünk rá egyből a Canván való létrehozására.
Hogyan készítsünk Favicont a Canvában
Először állítsa be a dokumentum méretét 40 x 40 pixelre (a Canva 40 px alatt nem enged semmit!) méretre. Kiválaszthat egy sablont a Canva galériájából, és szerkesztheti a színeket és az ikonokat. Ha a semmiből építkezik, módosítsa a háttérszínt, adjon hozzá szöveget és ikonokat, és szerkessze a színeket és az igazítást, mielőtt letölti PNG-fájlként.
Faviconok létrehozása a Canvában: Az alapok
Meglehetősen értetlenül áll, hogyan kezdje el kedvence elkészítését a Canvában?
Nos, nem kell, mert nagyon hasonlít ahhoz, ahogyan te hozzon létre egy logót a Canvában , csak kisebb méretben.
Chandler parsons és kc concepcion
Szóval, kezdjük?
1. módszer: Favicon sablonok használata
1. lépés: Miután bejelentkezett Canva fiókjába, érintse meg az „Új design létrehozása” gombot.
2. lépés: A megjelenő legördülő menüben válassza az „Egyéni méret” lehetőséget.
3. lépés: A megjelenő 2 üres mezőbe írja be a 40-et. A faviconok ideális mérete 16 x 16 px, de mivel a Canva dokumentumméreteinek alsó határa 40 x 40 px, ezt használjuk helyette.
A 40 x 40-es méret azonban nem feltétlenül kötelező a kedvenc Canva-ban való létrehozásakor. Választhat nagyobb dokumentumméretet is, de fontos megjegyezni, hogy a Faviconnak mindig négyzet alakúnak kell lennie.
Ez azt jelenti, hogy a hossznak mindig egyenlőnek kell lennie a szélességgel (48 x 48 px, 64 x 64 px, 256 x 256 px, stb.)
De amint azt korábban említettük, a faviconok ideális esetben 16 x 16 képpont méretűek. Ezen a ponton ne aggódjon túl sokat, mivel később bármikor átméretezheti egy harmadik féltől származó alkalmazás vagy webhely segítségével.
Csak győződjön meg arról, hogy az említett fájl egysége „pixelben” van beállítva. Ezután érintse meg az „Új design létrehozása” lehetőséget.
4. lépés: Miután belépett a szerkesztő oldalon, lépjen a bal oldali Canva menübe, és érintse meg a „Sablonok” lehetőséget.
5. lépés: A „Sablonok” galériában keressen használni kívánt sablont úgy, hogy lefelé görget, vagy kódol bizonyos kifejezéseket a keresősávban.
Attól függően, hogy milyen típusú favicont szeretne létrehozni, választhat szöveges vagy képi favicont.
De érdemes megjegyezni ezen a ponton. A Canva jelenleg nem tartalmaz valódi Favicon-sablonokat.
A „Sablonok” galériában azok a tervezési javaslatok, amelyeket a Canva megfelelőnek ítél a 40 x 40-es mérethez. Tehát technikailag használhatja őket kedvenc sablonokként.
6. lépés: Kattintson a kiválasztott sablonra, hogy megjelenjen a vásznon.
különleges munkaszüneti nap 2017
7. lépés: Módosítsa a háttérszínt a szerkesztő eszköztárán lévő színes csempe megérintésével. Ne tegye ezt a lépést, ha átlátszó hátteret tartalmazó favicon készítését tervezi.
8. lépés: Válassza ki a használni kívánt színt, amely rezonál vagy megegyezik az Ön márkájával a galériában bemutatott színek segítségével.
sara jane "jinky" suzara
Ha azonban van egy adott hexadecimális kódja, akkor inkább megérintheti a „+” csempét a galériában, és kódolhatja azt a keresősávban.
Ha még nincs konkrét kódja, egyszerűen kódolja a keresni kívánt színt a keresősávban, és válassza ki a kívánt színt.
9. lépés: A háttérszín szerkesztése után módosítsa a szöveget úgy, hogy duplán kattint rá, és kódolja a márka kezdőbetűit, ha szöveges favicont hoz létre.
Te is módosítsa a betűtípus színét és stílust a szerkesztő eszköztárának megfelelő ikonjaira kattintva.
Akár egyéni betűtípusokat is feltölthet, ha van ilyen.
10. lépés: A képi kedvencek esetében először szétválaszthatja a csoportosított elemek az említett sablonon (ha vannak csoportosítva) a szöveg törlése előtt (ha van ilyen).
11. lépés: Növelje meg a fennmaradó elemek méretét a sarkokon lévő fehér körökre kattintva és húzással.
Ha a sablon egyik eleme nem illeszkedik a márkához, egyszerűen törölje azt, és keressen egy másikat az „Elemek” galériában.
12. lépés: Módosítsa a fennmaradó elemek színét a márkaszíneknek megfelelően, ha megérinti a színes négyzeteket a szerkesztő eszköztárán.
13. lépés: Ha elégedett a kedvenc ikonja megjelenésével, érintse meg a „Letöltés” gombot a Canva képernyő jobb felső sarkában.
14. lépés: Ha egy átlátszó háttér hogy mit szeretne, kattintson a PNG fájltípusra. Ehelyett válassza a JPG-t, ha nem szeretné eltávolítani a hátteret a „Letöltés” gomb megnyomása előtt.
Tehát így hozhat létre egy favicont egy sablon segítségével. Mit szólnál, ha a semmiből tervezed?
2. módszer: Faviconok létrehozása üres vásznakból
1. lépés: Miután bejelentkezett Canva-fiókjába, érintse meg az „Új design létrehozása” gombot.
2. lépés: A legördülő menüben válassza az „Egyéni méretek” lehetőséget, és ennek megfelelően kódolja a dokumentum méretét (40 x 40). Csak állítsa be az egységet pixelre.
joshua garcia és julia barretto videók
3. lépés: Miután a szerkesztő oldalon van, módosítsa a vászon színét úgy, hogy rákattint, és megérinti a szivárványszínű csempét a szerkesztő eszköztárában.
4. lépés: Válassza ki a használni kívánt színt a megfelelő színű csempék megérintésével, vagy adjon hozzá/keressen újat a „+” csempére kattintva.
Használjon hexadecimális kódot a szín közvetlen kereséséhez, vagy húzza rá a megfelelő csúszkákat.
5. lépés: Szöveges kedvencekhez adjon hozzá szövegmezőt a bal oldali menü „Szöveg” fülének megérintésével, és a „Címsor hozzáadása” lehetőség kiválasztásával, vagy közvetlenül a billentyűzeten a „T” megnyomásával.
Átméretezés és ennek megfelelően módosítsa a betűtípus stílusát és színét a márkáját képviselő betű vagy betűk kódolása után.
Ügyeljen azonban arra, hogy kihasználja az igazításhoz megjelenő irányelveket és térköz .
6. lépés: A képi kedvencekhez lépjen inkább az „Elemek” oldalra, és válassza ki a márkához illő grafikát.
Lefelé görgethet, vagy kódolhat egy adott kifejezést a keresősávban. Addig adjon hozzá, amíg meg nem kapja, amire szüksége van.
7. lépés: Méretezze át az elemeket úgy, hogy a fehér körök átlósan húzásával kitöltse a vásznon lévő hely nagy részét.
8. lépés: Ha módosítania kell az elemek színét, csak érintse meg őket ennek megfelelően, mielőtt a szerkesztő eszköztárában a színes csempére kattintana.
vásárolni a napot és a holdat is
9. lépés: Ha minden tetszik, nyomja meg a „Letöltés” gombot, és válassza ki a JPG vagy PNG fájltípust.
Egyszerű, igaz? akkor mire vársz?
Nyissa meg Canva-fiókját, és kezdődjön el a kedvencek létrehozásának folyamata!
Gyakran ismételt kérdések a Favicon létrehozásával kapcsolatban a Canvában
Letölthetsz átlátszó hátterű favicont, ha ingyenes Canva-fiókot használsz?
Sajnos nem töltheti le átlátszó háttérrel rendelkező faviconját, ha Ön ingyenes Canva-felhasználó. Csak a Canva Pro felhasználók használhatják az átlátszó háttér funkciót PNG-ben. Azonban továbbra is letöltheti kedvenc ikonját PNG formátumban, és lépjen a remove.bg oldalra a háttér manuális eltávolításához.
Létrehozhat több favicon verziót a Canvában?
Csakúgy, mint a logók tervezésénél, a Canvában is létrehozhatja kedvenceinek különféle változatait. Egyszerűen adjon hozzá egy másik oldalt, vagy másolja meg a meglévő oldalt, és szerkessze a színeket és a szöveget a favicon új verziójának létrehozásához.
Csoportosíthat elemeket a faviconban annak kis mérete ellenére?
Természetesen! Nem számít, milyen kicsi a dokumentum mérete, továbbra is kihasználhatja a Canva csoportosítási funkcióját. Jelölje ki az összes elemet, mielőtt megérinti a „Csoport” opciót a szerkesztő eszköztárában, vagy nyomja meg egyszerre a Ctrl és a G billentyűket.