Vytvorenie ikony online. Favicon z hotového obrázka. Služby hotových favicon

  • 26.05.2019

favicon(skrátene z angl. FAVorites ICON - "ikona pre obľúbené", z názvu priečinka so záložkami v MSIE) - ikona webovej stránky alebo webovej stránky. Zobrazuje prehliadač pole pre adresu vpredu URL stránky, ako aj obrázok vedľa záložky, na kartách a v iných prvkoch rozhrania.

Väčšina profesionálnych webových stránok ich má zvyčajne, na jednej strane to nielen zaradí vašu stránku do radu profesionálov, ale tiež vám pomôže odlíšiť sa od ostatných stránok.

Ak ho chcete, potom je to veľmi jednoduchá ikona s naším generátorom. Všetko, čo potrebujete, je obrázok (akejkoľvek veľkosti), odošlite ho pomocou nižšie uvedeného formulára a za pár sekúnd dostanete späť komprimované obrázky použiť ako favicon. Je to naozaj jednoduché!

Väčšina hlavných verzií prehliadačov podporuje ikony favicon. Napríklad internet Explorer 5/6/7+, Firefox 1/2+, Mozilla 1/2+, Netscape 7+, Opera 7+, Avant 1.1, Konqueror 3+, Safari a ďalšie.


pôvodný obrázok ( Maximálna veľkosť: 150 Kb):

Veľkosť: 16x16 32x32


Favicon - tvár vášho zdroja v prehliadači

Veľmi často sa pri otváraní stránky v prehliadači používateľom zobrazí malá ikona vedľa Adresa URL zdroja- favicon (favicon, favicon), ktorý je v skutočnosti tvárou internetového projektu. Favicon je skratka pre anglické slovné spojenie „favorites ICON“, čo znamená „ikona obľúbených“. Ak ste svoj zdroj „obsadili“ faviconom, bude sa môcť odlíšiť od pozadia iných stránok, otvoril užívateľ na kartách prehliadača. Veľmi často je favicon malá kópia loga internetového projektu alebo spoločnosti (napríklad Wikipedia, Google alebo Facebook), ale môžete vidieť aj špeciálne vytvorené ikony, ktoré jednoducho odrážajú podstatu alebo tému projektu. Prvá ikona favicon sa objavila v roku 1999, keď vyhľadávacia spoločnosť Microsoft predstavila svoj webový prehliadač Internet Explorer 5: práve v tejto verzii prehliadača začala podpora miniatúrnych ikon pre stránky. A v roku 2003 bol formát favicon oficiálne zaregistrovaný úradom IANA (Internet Assigned Numbers Authority). Teraz Microsoft stratil svoj monopol v tomto výklenku a všetky moderné prehliadače (počítačové aj mobilné) podporujú ikony favicon. Na čo slúži nástroj Favicon Generator? Pomocou nástroja Favicon Generator môžete vytvoriť jedinečnú favicon pre vašu webovú stránku. Ak to chcete urobiť, stačí nahrať do špeciálneho poľa pôvodný obrázok, ktorého veľkosť by nemala presiahnuť 150 Kb, vyberte požadovaná veľkosť ikonu budúcnosti (16x16 alebo 32x32 pixelov) a kliknite na tlačidlo "Konvertovať". Výslednú ikonu vo formáte ICO možno použiť na uverejňovanie na webe: bude kompatibilná s väčšinou moderné prehliadače. Upozorňujeme, že mnoho moderných webových prehliadačov automatické sťahovanie favicon.ico z koreňového adresára zdroja bez toho, aby to bolo potrebné špecifikovať v kódoch stránok. Ak však chce správca webu použiť samostatnú favikonu pre každú stránku webu, potom musí určiť jej pozíciu v rámci sekcie v HTML kóde zdroja. Všimnite si tiež, že ikona sa v prehliadači nezobrazí, ak sa jej Typ obsahu v odpovedi webového servera nezhoduje so zadaným poľom hlavičky v kóde stránky. Ako by mala vyzerať dobrá favicon? Napriek tomu, že veľkosť favicon je veľmi malá (16x16 alebo 32x32 pixelov), táto ikona nesie veľmi veľkú sémantickú záťaž a jej vytvorenie je pomerne komplikovaný proces, ktorý webovým dizajnérom zaberie toľko času ako vývoj plnohodnotného loga. . Často sa stáva, že firemné logo absolútne nie je vhodné pre rolu favicon. V tomto prípade budete musieť použiť všetku svoju zručnosť a predstavivosť. Budúca favikona by sa mala vryť do pamäti používateľa natoľko, že v budúcnosti bude táto ikona spojená výlučne s vaším zdrojom. Pri vytváraní favicon nebudete môcť „rozhadzovať“ pixely: každý z 256 (alebo 1024) pixelov má svoju hodnotu. Vopred ručne opravte pixely, ktoré majú „hmlistú“ farbu, pretože keď je obrázok komprimovaný, ikona môže byť rozmazaná a bude potrebné ju upraviť v grafický editor. Upozorňujeme, že editor fotografií Adobe Photoshop neukladá obrázky vo formáte ICO, takže obrázok môžete previesť do tohto formátu pomocou našej služby „Favicon Generator“.

Čo je favicon?

Pre tých, ktorí nevedia, čo je favicon, poskytneme malú nápovedu, ktorá vám umožní sa zorientovať. Favicon je malá ikona s rozmermi 16 x 16 alebo 32 x 32 pixelov, ktorá zvyčajne obsahuje logo, prvé písmeno značky alebo charakteristický obrázok, ktorý odráža typ firmy alebo tému stránky.

Prečo je favicon dôležitá?

Favicon vykonáva nasledujúce funkcie:

Branding.

Identifikácia lokality používateľom (použiteľnosť).

Dodáva stránke profesionálny vzhľad.

Pozrime sa podrobnejšie na hlavné výhody používania favicon.

Povedomie o značke

Favicon je ako malá identita stránky. Ako už bolo spomenuté v úvodnej časti, favicon pomáha používateľovi zapamätať si vašu stránku medzi množstvom navštívených stránok. Či už ide o históriu prehliadania, výsledky vyhľadávania Google alebo zoznam stránok uložených medzi záložky vo vašom prehliadači, favicony uľahčujú používateľovi rozpoznať a navštíviť vašu stránku.

Dôvera

Používatelia majú tendenciu posudzovať online predajcov tovarov a služieb podľa toho, do akej miery je ich stránka profesionálna. Nedbalosť vo forme absencie favicon ( vyhľadávače zobraziť stránku bez ikony favicon prázdny dokument) môže ľahko viesť k strate dôvery, najmä ak vás používatelia porovnávajú s vašimi konkurentmi.

Spätné návštevy

Je známe, že ľudia reagujú lepšie na obrázky ako na text. Teraz povedzme, že návštevník vašej stránky sa pri prvej návšteve ponáhľal a rozhodol sa ju uložiť ako záložku, aby sa sem vrátil neskôr. Povedzme, že táto osoba sa následne rozhodne znova navštíviť vašu stránku, na čo sa odvoláva na svoje záložky. Máte šťastie, ak máte rozpoznateľnú favicon, ako je výrazné a jedinečné G Google, a používateľ vás nájde. Ak tam nie je žiadna favicon, môžete byť dokonca odstránení zo zoznamu záložiek.

Šetrí čas používateľa

Favicony šetria čas používateľovi na identifikáciu stránky v záložkách, histórii alebo na iných miestach, kde prehliadač umiestňuje favicon pre rýchlu identifikáciu. Len to uľahčuje život bežnému návštevníkovi vašej stránky.

Výhody pre SEO

Ak má vaša stránka favicon, budete viditeľnejší Výsledky vyhľadávania než stránky, ktoré ho nemajú, a preto budú môcť prilákať viac návštevníkov.

Ako vytvoriť favicon?

Existuje mnoho nástrojov, ktoré vám umožnia vytvoriť favicon v priebehu niekoľkých minút. Ak nemáte dizajnérske zručnosti alebo neviete, ako sa to robí, môžete skúsiť vygenerovať favicon pomocou Logaster .

Ak to chcete urobiť, postupujte podľa pokynov krok za krokom:

Krok 5 Vytvorte favicon

Teraz, keď máte svoje logo, kliknite na stránke s logom „Vytvoriť favicon s týmto logom“.

Krok 6. Vyberte si požadovaný dizajn favicon

Rovnako ako v prípade loga, aj Logaster vygeneruje niekoľko desiatok krásnych favicon pripravených na použitie. Vyberte si svoj obľúbený dizajn. Ukážka vám umožní vidieť, ako bude vaša favicon vyzerať na stránke.

Ak potrebujete zmeniť favicon, môžete to urobiť úpravou loga, pretože favicony sa vytvárajú na základe dizajnu loga. Preto, ak chcete napríklad inú farbu favicon, musíte sa vrátiť na stránku s logom, zmeniť jeho farbu a potom vytvoriť favicon znova.

Inšpiráciu favicon nájdete na týchto stránkach:

Krok 7. Stiahnite si favicon

Favicon si môžete zakúpiť samostatne za 9,99 $ alebo si kúpiť Design Pack, ktorý obsahuje nielen favicon, ale aj logo, vizitka, obálka a hlavičkový papier. Ako si kúpiť dizajnový balík, môžete zistiť.

Po zaplatení si môžete stiahnuť favicon vo formátoch ico a png.

Kde môžem použiť favicon?

Môžete použiť favicon:

Na strane;

mobilné zariadenia. Používateľ môže pridať favicon Domovská obrazovka vaše zariadenie (niečo ako záložka) – Android, IOS, Windows telefón atď;

Programy a aplikácie pre PC/Mac.

Ako nainštalovať favicon na webovú stránku?

Akonáhle dostanete favicon, inštalácia na server nezaberie žiadny čas. viac ako pár minút a uskutočňuje sa v dvoch etapách. Na to budete potrebovať prístup do koreňového adresára vašej lokality a textový editor na úpravu kódu HTML lokality.

Krok 1. Musíte nahrať súbor favicon.ico na server. Ak to chcete urobiť, musíte si stiahnuť a nainštalovať ftp klienta, napríklad FileZilla. Potom zadajte svoje používateľské meno a heslo a nahrajte súbor. Viac podrobné pokyny ako nahrať súbor favicon, ktorý si môžete prečítať.

Krok 2 Teraz musíte upraviť stránku HTML svojho webu, aby ste prehliadačom pomohli nájsť váš obrázok favicon. o otvorené okno FTP, nájdite a stiahnite si súbor index.html alebo header.php zo servera.

Otvorte súbor index.html v textový editor— Poznámkový blok, Poznámkový blok ++, Vznešený text.

Ak vaša stránka obsahuje čisté HTML, vložiť špeciálny kód do oblasti HEAD súboru index.html.

Kód je možné skopírovať zo stránky favicon na webovej lokalite Logaster.

Ak používate WordPress, vložte nižšie uvedený kód do oblasti HEAD vášho súboru header.php.

Po dokončení stiahnite súbor späť na miesto, odkiaľ ste ho získali. Pripravený! Ak chcete zobraziť ikonu favicon, znova načítajte stránku svojho webu.

Väčšina moderných prehliadačov je dostatočne inteligentná na to, aby dokázala nájsť súbor favicon aj bez takéhoto kódu, ale iba ak má favicon obrázok s rozmermi 16 x 16 pixelov s názvom favicon.ico a uložený v koreňový adresár vaše stránky.

Dúfame, že vám tento článok niečo dal užitočná informácia, ktorý vám pomôže vytvoriť favicon, vďaka ktorému bude vaša stránka úspešnejšia a atraktívnejšia.

Online editory ikon mnohí neberú vážne, ale v skutočnosti takéto nástroje značne uľahčujú pracovný tok. Len pár kliknutí vám môže ušetriť hodiny hľadania, prehliadania alebo sebarozvoja. Navyše nemá zmysel používať plnohodnotné, keď sú k dispozícii. špeciálne služby s vylepšenými funkciami pre tieto špecifické úlohy.

Stránky editorov ikon, ako je táto, sú veľmi efektívne. Umožňujú vám:

  • ľahko a rýchlo vytvárať nové materiály;
  • dať existujúcemu vývoju úplný vzhľad;
  • uložiť výsledok do rôzne formáty(SVG, ICO a PNG);
  • vytvoriť ikony pre .

V tomto článku sme vybrali päť najlepších online bezplatných editorov ikon a pre porovnanie sme sa pokúsili vytvoriť sadu v každom z nich.

IconsFlow

IconsFlow.com - vektorové ikony + editor, ktorý vám umožní vytvárať personalizované sady a exportovať ich do dobrá kvalita(SVG, ICO a PNG). Hlavnou výhodou služby je prítomnosť dvoch editorov:

  • hlavný, v ktorom sa vyberá paleta, štýl, efekty;
  • editor formulárov, kde môžete zmeniť aktuálny formulár alebo nakresliť nový.

Ak ste už vytvorili ikony v Illustratore, stačí nahrať súbory SVG a hrať sa s nimi rôzne pozadia. IconsFlow má určité obmedzenia, keď bezplatné používanie, takže si ich pred začatím prečítajte. Pre začínajúcich používateľov sú k dispozícii lekcie a pomocná časť, navyše je možné pracovať v editore ikon v ruštine.

Pohľad na vektorový editor IconsFlow:

Príklady práce:

ploché ikony

S FlatIcons.net si môžete vytvoriť svoju vlastnú ikonu plochého štýlu na základe hotové šablóny. Nastavte rozmery, vyberte obrázok a hlavné pozadie (kruhy, krúžky, obdĺžniky), zmeňte farbu. Tento editor ikon je bezplatný, má však dve nevýhody:

  • Po prvé, môžete sťahovať iba súbory vo formáte PNG.
  • Po druhé, budete musieť vytvoriť každý objekt samostatne, pretože je nemožné vyvinúť celý súbor naraz.

Napriek tomu, že vrchol popularity už prešiel, veľa ľudí ich používa vo svojich dizajnoch. Vývojári vám napríklad umožňujú sťahovanie voľná súprava sociálne ploché ikony. Výsledok práce v editore FlatIcons:

Generátor ikon spúšťača

Projekt Launcher Icon Generator je bezplatný a myslíme si, že je vhodnejší pre pokročilých používateľov. Tento online editor ikon vám umožňuje nahrávať obrázky / kliparty a pridávať text. Môžete si stiahnuť jednu ikonu naraz v 5 veľkostiach (48 x 48; 72 x 72; 96 x 96; 144 x 144; 192 x 192).

Súbor grafiky v štýle sa používa ako základný klipart. materiálové prevedenie z GitHubu. Služba obsahuje také nastavenia ako: výplň, tvar, farba pozadia alebo priehľadnosť, mierka + dodatočné efekty. výsledok:

Android Material Icon Generator je ďalším nástrojom na vytváranie plochých ikon. Charakteristickým znakom služby je určite efekt v podobe dlhého tieňa. Ak potrebujete takéto riešenia, tento editor ikon bude perfektnou voľbou.

Začnite výberom obrázka z galérie, potom určte farbu, tvar pozadie(kruh alebo štvorec), dĺžka tieňa, sýtosť, vyblednutie - a vaša ikona je pripravená. Všetko je mimoriadne jednoduché. Pre osobné použitie stránka je úplne zadarmo.

Po stiahnutí nájdete v archívnom súbore 6 PNG rôzna veľkosť a vektor súbor SVG. V Illustratore bude ikona SVG rozmazaná, ale našťastie v prehliadači vyzerá dobre. Výsledok je niečo ako:

Stránka Simunity je generátor založený na HTML5, kde môžete vytvoriť ikonu a potom skopírovať kód, aby ste ju zobrazili vo svojich webových projektoch. Ako zdrojové materiály používajú sa ikony z Font Awesome, pre ktoré sa vyberajú rôzne parametre: farba, orámovanie, veľkosť a štýl tieňa.

Táto služba je užitočná, ak potrebujete rýchlo vytvoriť jednoduché pôvodné ikony pre stránku. Výsledok aplikácie Simunity:

Celkom. Diskutované vyššie online redaktori Ikony sú skvelé nástroje na optimalizáciu práce dizajnérov. Nemá zmysel sťahovať niektoré programy, keď sa všetko dá urobiť rýchlo a jednoducho online. Z tejto kolekcie možno odlíšiť IconsFlow. Obsahuje maximum veľké číslo funkcie: galéria ikon, nahrávanie SVG, kód na vloženie, Náhľad, vytvorte si vlastné šablóny, exportujte PNG, ICO a SVG, prispôsobenie veľkosti, módne štýly a vstavané vektorový editor. Navyše je to jediné bezplatný editor ikony v ruštine, ak je to pre vás dôležité.

Ak poznáte nejaké iné podobné služby, možnosti pošlite do komentárov.

„Budem hovoriť o niečom inom online službu ach, s ktorými môžete tvoriť jedinečný obrázok alebo vygenerovať favicon z nejakého hotového obrázku.

A samozrejme, ako vždy, podrobne popíšem, v zásade nie zložitý proces inštalácia favicon na stránke.

Čo je favicon a prečo je vôbec potrebný? Favicon v angličtine píše sa ako Favicon a prekladá sa doslovne - "Obľúbená ikona", ale Wikipedia uvádza iný preklad - "Obľúbená ikona". Favicon možno prirovnať k viackrát zmenšenému logu s predĺžením .ikona.

Favicon sa zobrazuje pred adresou URL lokality v paneli s adresou ľubovoľného prehliadača, ako aj na paneli so záložkami a vo výsledkoch vyhľadávania vedľa nadpisov.

Na stránku je nevyhnutné nainštalovať favicon, pretože to pomáha zvýšiť uznanie a dáva projektu určitú vážnosť, čo určite ovplyvní dôveru používateľov.

Favicony prichádzajú vo forme bežného alebo animovaného obrázka a tiež vo forme 3D obrázka, čo je už dosiahnuté pomocou Photoshopu.

Favicony vo forme bežného obrázka

Chcem hneď povedať, že na vytvorenie favicon je žiaduce použiť jedinečný obrázok s rovnakými pomermi strán a nie všetky obrázky sú vhodné pre favicon, pretože zmenšením ich veľkosti na 16x16 alebo 32x32 pixelov sú malé prvky na obrázku nečitateľné.

Pozrime sa na taký príklad. Takže chcem vytvoriť webovú stránku na túto tému - "Cestovanie a cestovanie", tak aký obrázok si môžem vybrať pre favicon. Budem sa riadiť dvoma pravidlami, ktoré som predtým poznal.

Pravidlo č.1.

Obrázok by mal mať iba jeden veľký prvok s jasnými hranicami obrázka.

Pravidlo č. 2.

Obrázok musí byť štvorcový a vážiť maximálne 150 kB.

Po nie dlhom hľadaní som našiel zdanlivo vhodný obrázok s obrázkom teplovzdušný balón podľa vyššie uvedených pravidiel:

Teraz ho potrebujem previesť do formátu .ikony a zmenšiť na 32x32 pixelov.

Ak chcete previesť obrázky na obľúbené ikony, existujú špeciálne servery a ja použijem jeden z nich - tools.dynamicdrive.com .

Stačí vybrať obrázok a nahrať ho na server, potom vybrať formát a stlačiť tlačidlo - "Veľká ikona":


A po spracovaní dostaneme dva dva obrázky 32x32 a 16x16. Jeden obrázok je ikona pre pracovnú plochu a druhý pre panel s adresou, záložky a vyhľadávače.


Ak na obrázku 32x32 stále dokážete rozoznať siluetu balóna, potom na obrázku 16x16 je ťažké pochopiť, či je to nejaký druh cibule alebo obrátenej hrušky 🙂

Preto. že na obrázok pre favicon je ešte jedna požiadavka.

Pravidlo číslo 3..

Objekt na obrázku by mal mať v reálnom svete malú veľkosť. Pre favicon obrázky lietadiel, lodí, balóny atď.

Tak som sa trochu zložil na zem a našiel som si iný obrázok. Skúsme to:


Skvelé, uvidíme, čo sa stane po spracovaní:


No to je úplne iná vec. Stiahnite si favicon do svojho počítača kliknutím na - Stiahnite si FavIcon.

Pre tých, ktorí chcú vytvoriť favicon pre stránku z vlastná fotografia musíte vedieť: aby ste boli aspoň trochu rozpoznateľní ľudská tvár, obrázok musí mať aspoň 48×48 pixelov.

Ako vytvoriť animovanú favicon

Animované favicony sú skvelé! Žiaľ, nie všetky prehliadače podporujú animáciu v adresnom riadku a v záložkách, no napriek tomu určite upútajú pozornosť používateľa a prispejú tak aspoň k miernemu zvýšeniu návštevnosti. Existuje dobrá online služba na vytváranie animovaných ikon favicon. Služba je buržoázna, ale stránku je možné preložiť do ruštiny pomocou funkcií prehliadača a ukáže sa, že je celkom čitateľná:


Na ľavý panel vôbec nevenujeme pozornosť, v zásade je služba už pripravená na prácu a zostáva vybrať farbu alebo farby budúceho výkresu. Nakreslím napríklad panvicu 🙂 So stlačeným ľavým tlačidlom myši sa pohybujeme po štvorčekoch a tie sa prefarbujú v požadovanú farbu, a ak potrebujete vymazať prebytok, kliknite na štvorec kliknite pravým tlačidlom myši myši. Ako príklad vám ukážem jednoduchú animáciu pozostávajúcu iba z 2 obrázkov. Prvý obrázok:


Keď je kresba pripravená, kliknite na - "Používanie animácie" a vypadne panel s nasledujúcimi funkciami:


Vybrať - "Pridávanie nových rámov" a už na otvorenom poli kreslíme druhá časť animácie:


Nižšie si môžete pozrieť výsledok a stiahnuť hotový súbor:


Ako vyzerá moje „majstrovské dielo“? 🙂

Toto je, samozrejme, najjednoduchší príklad animácie a existujú animované ikony skladajúce sa zo 6 epizód, ale toto sú už nejaké „karikatúry“.

Ako vytvoriť favicon vo Photoshope

Pravdepodobne nemáte formát vo Photoshope. ikonu, ale to nevadí, teraz túto záležitosť napravíme. Stiahnite si archív doplnku ICOFormat pre Adobe Photoshop a rozbaľte ho do priečinka - C:\Program Files\Adobe\Adobe Photoshop\Plug-ins\File Formats. Spustíme Photoshop, načítame ľubovoľný obrázok a pokúsime sa ho uložiť vo formáte .icon



Kto vie, ako používať Photoshop, nebude pre neho ťažké nakresliť alebo urobiť krásny favicon z hotového obrázka pre svoju stránku.

Ako nainštalovať favicon na webovú stránku

Inštalácia favicon je otázkou niekoľkých minút a ani nie je veľmi čo popisovať. Takže už máme súbor s rozmermi 32 x 32 pixelov a stačí ho nahrať do koreňového adresára stránky pomocou FTP klienta, kde sa nachádzajú priečinky wp-admin, wp-content a wp-includes. Mimochodom, nie je vôbec potrebné umiestňovať súbor do rootu blogu, môžete ho nahrať na iné miesto, no potom je potrebné správne zadať cestu k nemu v súbore header.php.

Ak sme napriek tomu umiestnili súbor s faviconom do koreňového adresára stránky, potom do súboru header.php pred uzatváraciu značku musíte napísať nasledovné:

To je v podstate všetko, favicon na stránke nastaviť!

Služby hotových favicon

Pre tých, ktorí sú príliš leniví na to, aby sa obťažovali, majú možnosť vybrať si a stiahnuť hotovú favicon z nasledujúcich služieb:

Maj sa!

s pozdravom Vitalij Kirillov

Neoddeliteľnou súčasťou moderných webových stránok je ikona Favicon, ktorá vám umožňuje rýchlo identifikovať konkrétny zdroj v zozname kariet prehliadača. Je tiež ťažké si to predstaviť počítačový program bez vlastného jedinečného označenia. Stránky a softvér zároveň v tomto prípade spája nie úplne zrejmý detail – obe využívajú ikony vo formáte ICO.

Tieto malé obrázky je možné vytvárať vďaka špeciálne programy a pomocou online služieb. Mimochodom, práve tieto sú na tieto účely oveľa populárnejšie a v tomto článku s vami zvážime niekoľko takýchto zdrojov.

Grafické práce nie sú najobľúbenejšou kategóriou webových služieb, no čo sa týka generovania ikoniek, rozhodne je z čoho vyberať. Podľa princípu fungovania možno takéto zdroje rozdeliť na tie, v ktorých si nakreslíte obrázok sami, a stránky, ktoré vám umožňujú previesť už hotový obrázok na ICO. Ale v podstate všetky generátory ikon ponúkajú oboje.

Metóda 1: Editor ikon X

Táto služba je najfunkčnejším riešením na vytváranie obrázkov ICO. Webová aplikácia umožňuje detailne nakresliť ikonu ručne alebo použiť hotový obrázok. Hlavnou výhodou nástroja je možnosť exportu obrázkov s rozlíšením až 64×64.


Ak teda potrebujete vytvoriť celú sadu rovnakých typov ikon rôznych veľkostí, nie je nič lepšie ako Editor ikon X pre tieto účely nenájdete.

Metóda 2: Favicon.ru

Voliteľne vygenerujte favicon s rozlíšením 16 x 16 pre webovú stránku, skvelý nástroj môže slúžiť aj ruská online služba Favicon.ru. Rovnako ako v prípade predchádzajúceho riešenia, aj tu si môžete buď nakresliť ikonu sami, pričom vyfarbíte každý pixel samostatne, alebo vytvoríte favicon z hotového obrázka.


V dôsledku toho sa do vášho počítača uloží súbor ICO, ktorý predstavuje obrázok s rozmermi 16 x 16 pixelov. Služba je ideálna pre tých, ktorí potrebujú iba previesť obrázok na malú ikonu. Nie je však zakázané ukázať predstavivosť na Favicon.ru.

Metóda 3: Favicon.cc

Názov a princíp fungovania podobný predchádzajúcemu, ale ešte pokročilejší generátor ikon. Okrem vytvárania bežných obrázkov 16×16 služba uľahčuje kreslenie animovaného favicon.ico pre váš web. Okrem toho zdroj obsahuje tisíce vlastných ikon dostupných na bezplatné stiahnutie.


Ak vás rozhranie v anglickom jazyku neobťažuje, neexistujú absolútne žiadne argumenty v prospech práce s predchádzajúcou službou. Okrem toho, že Favicon.cc dokáže generovať animované ikony, zdroj správne rozpoznáva aj priehľadnosť importovaných obrázkov, o ktorú je, žiaľ, ruský náprotivok zbavený.

Metóda 4: Favicon.by

Ďalšia možnosť generátora ikon favicon pre webové stránky. Je možné vytvoriť ikonu od začiatku alebo na základe konkrétneho obrázka. Medzi rozdielmi je možné vyzdvihnúť funkciu importu obrázkov z webových zdrojov tretích strán a pomerne štýlové, stručné rozhranie.


Vo všeobecnosti neexistujú žiadne rozdiely v práci so službami, ktoré už boli diskutované v tomto článku, zdroj Favicon.by sa však oveľa lepšie vyrovná s prevodom obrázkov na ICO, čo je celkom ľahké si všimnúť.

Metóda 5: Online konverzia

Je pravdepodobné, že túto stránku už poznáte ako takmer všežravý online prevodník súborov. Ale nie každý vie, že toto je jedna z nich najlepšie nástroje previesť akékoľvek obrázky na ICO. Vďaka tomu môžete získať ikony s rozlíšením až 256 × 256 pixelov.


Ako môžete vidieť, vytvorte ikona ICO používanie stránky Online-Convert nie je vôbec ťažké a dá sa to urobiť len niekoľkými kliknutiami myšou.