Favicon készítés Gimppel
1, Készítsünk egy 160x160-as új képet.
Azért kell ekkora, hogy kényelmesen „elférjünk” benne, majd a végén készítünk belőle 16x16-ost. Nagyítsuk fel a képet, hogy jó látható legyen.
2, Rajzoljuk meg a kívánt ikont. Itt használhatjuk a kreatív energiáinkat rendesen. A leírás részekén letölthető és az oldal irányelveinek megfelelően felhasználható a képeken látható ikon.
3, Csökkentsük az ikon 16x16 pixeles méretre, a képen látható módon (images/scale_image). Élesítsük egy picit az ikonon, mert a méret csökkentésével egy kicsit elmosódottabbak lettek a körvonalak. Az élesítés funkciót mindig használhatjuk, ha kicsinyítünk. (filter/enhance/sharpen)
Méret csökkentés után élesítsünk a fotón:
4, mentsük el a képet.
Első lépésben a képen látható módon a rétegeket összevonjuk.
Majd mentés másként (file/Save_AS SFT+CTRL+S) és adjuk meg a favicon.ico nevet. A mentésnél még lesz egy felbukkanó ablak de nyomjunk mentést.
A fájl kiterjesztésből a Gimp már tudja hogy ikonként mentünk.
Rétegek összefésülése:
A Gimp a kiterjesztésből felismeri a mentési formátumot, nem szükséges külön beállítás.
Ha megtekintjük a mappát ahová a favicon.ico fájlt mentettük, rögtön látszik a produktum.
5. Favicon.ico megjelenítés, program a HTML kódban. Bár fejlettebb böngészők mint a Firefox alapból megtalálja a favicon.ico állományt anélkül, hogy azt be kéne linkelni a HTML kódunk fejléc részébe. A favicon.ico állományunkat töltsük fel. (lehetőleg oda ahol az index.html|php fájlunk található, ha máshová tesszük akkor az útvonalakra figyeljünk.) De gondolván a népszerűbb ám gyengébb böngészőkre is íme a kód: (Elhelyezni a head és /head közötti HTML részbe kell)
- <head>
- <link rel="icon" href="http://www.domain.tld/favicon.ico" type="image/x-icon" />
- <link rel="shortcut icon" href="http://www.domain.tld/favicon.ico" type="image/x-icon" />
- </head>
Animált (Mozgó) favicon készítése és beillesztése:
A fentiek alapján a mozgást a rétegeken el kell készíteni, majd *.gif formátumba mentsük el a 16x16 pixeles képet. Nem árt egy *.ico állomány is hátha nem fog működni mindenkinek, minden böngészőben. Töltsük fel az állományokat a tárhelyre, és a html fejlécbe helyezzük el az alábbi kódokat.
- Normál ikon belinkelése a fejlécbe
- <link rel="shortcut icon" href="http://www.domain.tld/favicon.ico" type="image/icon" />
- Mozgó Gif ikon belinkelése
- <link rel="shortcut icon" href="http://www.domain.tld/favicon.gif" type="image/gif" />
Miért jó ha van favicon.ico állományunk?
- az webszerver szoftvert (Apache) megkíméljük a rengeteg hiba bejegyzéstől a log fájlba
- néhány 404-es oldalt lekérést megtakaríthatunk vele
- személyesebbé tehetjük az oldalunkat vele
- Egy egyedi favicon-ra a felhasználók is emlékezhetnek, miközben a saját könyvjelzőik között kutakodnak az oldalunk után.
Nem jelenik meg az ikon a böngészőben:
- Nincs feltöltve az favicon.ico állomány
- Rossz az útvonal a favicon.ico állományra
- Rossz a belinkelés, vagy rossz helyen van a kód
- Hibás a favicon.ico állomány (vagy nem egyezik a kiterjesztés és a típus)
- A böngésző Cacheből nyomja az oldalt (töröljük (az előzmények megőrzése 21 napig ???))
- Firefoxban látszik de más böngészőben nem? - nincs belinkelve; hibás kód; rossz helyen van a forrásba
- Localhoston még jó volt.. :-) ..fel kéne tölteni
Megjegyzés:
Érdemes minél kevesebb színnel és formával megoldani, mivel a méret elég kicsi.
A legszebb faviconok gyűjteménye:
- Az 50 legszebb favicon.ico
- Kedvenc ikonok
- The Favicon Gallery
- 15,000 favicon a galériában
- Favicon gyűjtemény
Linkek ingyenes Faviconokra:
Linkek Favicon HTML kódokra:
- Favicon . ico
- Hogyan helyezzük el HTML kódunkban
- Favicon.ico állomány megjelenítése
- Hogyan készítsünk más rajzolóprogrammal favicont
- Favicon IE-ben
- Mozgó favicon
Ingyenes Online favicon generátorok:
- Anti favicon
- png2ico
- Online favicon generátor feltöltött képből
- Favicon generátor
- Animált favicon készítés feltöltött állományból
- Ajax loading animated Gif
A csatolt állományok között elérhető a szerkeszthető GIMP XCF fájl.
A tartalomhoz kapcsolódó linkek:
Cikkhez tartozó letöltés(ek):
favicon-gimppel.zip- Az állomány tartalmazza a szerkeszthető favicon.xcf fájlokat.
35278 Byte
application/zip
Bejegyzés küldése
További kapcsolódó oldalak
- Minőségi változások a Gimp 2.7.1-ben
- Gimp 2.7 bevetés közben
- GAP Morph Animáció készítése Gimppel
- Gimp Szellemváros Effekt
- Web-design csere fájldalommentesen
- Retró hátterek ismételhető motívumok
- Gimp Obama Hope Script-fu
- Gimp effektelés polárkoordinátákkal
- G'Mic Gimp Plugin
- Festmény hatású tájkép készítése GIMPPEL
- Inspiráció
- Gimpspirációk
- Top 20 Gimp effekt
- Művészi hatású portré fotóból
- Weboldal grafika tervezése elméleti síkon
- Weblap grafika tervezése Gimppel
- Weblapgrafika darabolása és CSS,XHTML sablon készítés
- Gimp PdfToImage
- GIMP SIOX, képelem kijelölése
- Gimp Guide, segédvonalak használata
- Megjelent a Gimp 2.4 -es kiadása
- Fotó festés képrészlettel vagy mintával
- Gimp beállítások
- Gimp Ecsetek készítése, beszerzése, telepítése
- Gimp Színátmenetek (gradients) telepítése
- Gimp Layer Style
- Script-Fu (.scm fájl) telepítés
- Gimp CheatSheet
- The Gimp linkgyűjtemény, Gimp Links
- Gimp beszerzése, letöltése
- Szinesből fekete-fehér egyszerűen
- Színes Fotóból fekete-fehér 1
- Fotó éllesítés, színek javítása
- Gimp Fotó részleteinek vagy egészének átszinezése
- Gimp Kitöltés, Minta felvétele, Alkalmazása
- Web 2.0 logó Gimppel
- Gimp - rohanó mozgást keltő effect
- Gimp Felhő effect
Blogmarkok
Simple Chat
Egyszerû szöveges fájl alapú PHP chat progi.
Showcase of Interesting Navigation Designs
Érdekes menü, navigáció megvalósítások.
Több mint 306 magyar Linkgyûjtemény
Érdekes gyûjtemény magyar katalógusokról, linkgyûjteményekrõl, cikk katalógusokról. PR érték és alkalmazás szerinti megjegyzéssel. Igényes munka és használható forrás, weblap népszerûsítéshez. Az egyik legjobb hazai publikus SEO lista.
AdMax SEO Toolbar
Firefox kiterjesztés SEO eszközként.
Identica PHP
Identi.ca mikroblog szolgáltatáshoz PHP class, egyszerû használattal.
Twitter OAuth PHP
PHP Oauth részletes leírás, avagy hogyan használhatod távolról a Twittert.
Lightweight PHP Picasa API Version 3.0
PHP osztály Picasa képgaléria elemeinek a kezelésére. RSS-bõl feldolgozza az albumokat és képeket.
Blogmark felhő
- Új, jquery, php, plugin, css, gfx, seo, tools, javascript, online, menu, tipp, ui, mysql, google, class, framework, lib, html, flash, gallery, firefox, pdf, js, ajax, web-design, speedup, form, codeigniter, template, oop, joomla, table, maps, linux, upload, security, book, color, cheatsheet, mvc, web, font, api, fejlesztes, gimp, zend framework, editor, php5, input, generator, slider, ubuntu, design, wordpress, lightbox, css3, effekt, free, sql, netbeans, test, snippet, leiras, zf, drupal, tanulas, twitter, python, tooltip, html5, newsletter, db, graph, open source, grafikon, wysiwyg, tarhely, jqueryui, cms, memcache, ide, smarty, photos, gyujtes, theme, browser, json, file, firebug, link, canvas, gyujtemeny, pattern, xhtml, scroll, xml, gui, tutorial, foto, rss, icons, player, image, code, grid, url, orm, gd, php oop, chrome, apache, ftp, regexp, extension, programozas, docs, website, video, kereso, basic
Top5 webes fájlmenedzser
A gyűjtésben szereplő elemek weben keresztül valósítanak meg fájlkezelést. A kiválasztásnál kiemelt szempont volt az egyszerű deszktop jellegű szoftverektől megszokott kényelem, a biztonság és a többfelhasználós beállítási lehetőség, egyszerű integrálhatóság és a felhasználhatósági (licenc) szempontok.
2009-5 kedvenc jQuery pluginje
2009-ben is vannak kedvenc jQuery plugin-jeim. Ezt szeretném veletek megosztani.
Úgy érzem kicsit változtam, a plugin választás a funkcionalitáson túl egy picit a parasztvakítás is bejátszik.
(Parasztvakítás (PW): olyan effektek aminek a gyakorlatban szinte semmi haszna nincs, de szemet gyönyörködtető)
Nem..
10 hasznos FireBug kiterjesztés
Hasznos FireBug képességeit kiterjesztő pluginek. Bár a FireBug önmagába is egy rendkívül jól használható Firefox kiterjesztés. De elérhető hozzá néhány nagyon profi kütyü, ami sokszor önálló funkciót valósít meg, de az esetek nagyobb részében a FirBug képességeit combosítják ki.
Ha még nem ismernéd a
50 Hasznos Firefox kiterjesztés Linuxra
Kedvenc Linuxon is működö Firefox kiterjesztések, mindennapos felhasználásra és webfejlesztőknek.
A addon-ok működnek Windows-os rendszereken is, de a cikk kifejezetten a Linuxra elérhető és hasznos Firefox kiterjesztésekből szemezget.
A Firefox 3.0 megjelenésekor már volt egy
350 hasznos Gimp effekt, Plugin, Script-Fu
Hasznos pluginek, Script-fu-k, effektekkel, technikai megoldások gyűjteménye Gimp 2.6.X verziójához.
A cikknek célja az, hogy egyszerű megoldást adjon Gimp-hez, pluginek beszerzésére.
Szerencsére vannak olyan önzetlen projektek ahol összegyűjtik számunkra ezeket a nélkülözhetetlen eszközöket. Így sikerült összehozni 5 bejegyzésben..
Szoftverek
ArtH2O Blog tartalmából:
PHP Twitter Codeigniter OAuth
2010 Augusztus végétől már csak OAuth-on keresztül lehet bejegyzéseket küldeni a Twitterre illetve a hitelesítés ezen keresztül megy. Sok megoldás létezik a dologra, de mindegyik eléggé nyakatekert és nem igazán akarnak működni.Érdemes elolvasnod a cikket, ha néhány óra kísérletezés meg szeretnél úszni!
10 hasznos új Codeigniter lib
- Több okból is szeretem a Codeigniter keretrendszert. Az egyik oka, hogy ezt választottam keretrendszerül az nem más mint az egyszerűség. A másik az, hogy nem kell feltalálni a kereket, mert szinte minden tud, amire nekem egy alap alkalmazásnál szükségem lehet. Biztonságos, gyors és egyszerűen tanulható, jól dokumentált, szerethető rendszer. De a bejegyzés nem erről szól, hanem néhány 2010-es hasznos Codeigniter Lib-ről.
Stílusos űrlap elemek
Nem egy
szerű minden űrlap elemnek stílust adni. Gyakorlatilag checkbox, select, radio, file elemeknek nagyon nem is lehet, vagy csak részben. Erre találtak ki egy érdekes technikát, ami a működés közben az eredeti HTML elemet elfedi és azt egy grafikai elemmel helyettesíti. pl.: Egy checkbox, vagy radio esetében 2 állapota van bekapcsolt és kikapcsolt. Ha lehet kerüljük ezeket a technikákat, mert nagyon böngészőfüggő a működésük. Ha lehet maradjunk az eredeti űrlap elemeknél és azt csinosítsuk.
Térképes cég-és weblapkatalógus
Már régóta szerettem volna egy olyan oldalt, ami weblapkatalógusként működik, de kicsit másképpen közelíti meg a dolgokat, mint a jelenleg piacion lévő katalógusok. Egy ilyen újszerű kezdeményezésem volt a szintén Codeigniter alapú Twitt.hu, ami egyben linkrövidítő szolgáltatás is. De a sok jó tulajdonsága mellet, még mindig hiányoltam benne valamit. Ezt a plusz dolgot sikerült beleplántálnom a RegionalisBank.info cég-és weblapkatalógusba.
Kép átméretezés és cache
Van néhány hasznos Smarty plugin, ilyen a Thumb nevű bővítmény is. Nagyon sokáig nem fejlesztették, már azt gondoltam kihalt alóla a fejlesztés, de 2010-ben egy újabb változat jelent meg belőle. Smarty 2.6.X és PHP 5.X.Y verzióhoz.A bővítménnyel a sablonon tudunk képméreteket legyártani és gyorsítótárazni.
Archívum:
Letöltések:
Hasznos holmik: