Jak na favicon aneb vlastní ikonka webu
5.11.2009 | 01:00Favicona – favorite icon najdete vedle URL adresy nebo v panelu svého prohlížeče. Favikonka je výborný grafický doplněk vašich stránek, ale i skvělá věc pro rozlišení jaký web máte v panelu načtený, nebo uložený mezi záložkami. Ale soubory ICO najdou i jiné uplatnění.
Možností jak si vytvořit vlastní ikonku je několik, ať už pomocí nějakého grafického programu nebo webové aplikace. Kreslení ikonky pixel po pixelu mě moc nebaví a výsledek není vždy takový jak si představuji. Na internetu jsem narazil na on-line aplikaci Converticon 2.1, která umožňuje vytvářet ikonky z obrázků PNG, GIF, JPG a ICO. Na tom by nebylo nic zvláštního, ale aplikace do výsledného souboru ikony uloží i vybrané alternativní rozměry ikonky.
Začneme kliknutím na tlačítko Get Started a vybereme obrázek z kterého vytvoříme ikonku.
Vybraný obrázek se načte, než přejdeme k nastavení výstupu, můžeme vybrat jiný obrázek kliknutím na tlačítko Browse. Pokud máme vybraný obrázek klikneme na tlačítko Export.
V horní části můžeme zvolit výstupní formát ikonky (ICO nebo PNG). Pak zaškrtneme požadované velikosti ikony, které má náš výsledný soubor obsahovat. Ideální je zaškrtnout vše od 16×16 po 128×12. Ikonka bude obsahovat potřebné rozměry pro běžné použití. Nakonec klikne na tlačítko Save As a uložíme ikonku na disk počítače.
Ikonu můžeme použít například právě pro své webové stránky. Ikonku nahrajeme přes FTP na hosting a do záhlaví přidáme odkaz na ikonu, stejně jako například na externí styly nebo skripty.
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
Ještě jak to uložit na ikonu disku, flash disku a podobně
PS: já si počkám
Článek bude …. zítra
Kliknu na Get Started , chci vybrat obrázek , ale vždy to chce soubor Icon (Ico) . Změním to na Image (png,jpeg) . Vyberu obrázek , Export , zaškrtnu všechny velikosti ikony , dám Save As . V Uložit jako typ je nabádka pouze Všechny soubory a ne Icon . Co s tím ?
A zkoušel jsi to kliknout na uložit? Ono se to uloži jako ICO. Jen je v aplikace špatně nastaveno ovládání Save dialogu.