#Computer Tip's - Atom Computer Tip's - RSS Computer Tip's - Atom IFRAME: http://www.blogger.com/navbar.g?targetBlogID=4240185246469793373&blogName=Computer+Tip%27s&publishMode=PUBLISH_MODE_BLOGSPOT&navbarType=BLUE&layoutType=LAYOUTS&searchRoot=http%3A%2F%2Fmypc-tip.blogspot.com%2Fsearch&blogLocale=de_DE&homepageUrl=http%3A%2F%2Fmypc-tip.blogspot.com%2F&targetPostID=1209269191288557978 skip to main | skip to sidebar Computer Tip's Wissenswertes rund um den PC und das Internet Sicherheit, Software, Links, Tips & Tricks aus der Praxis für die Praxis Sonntag, 8. Juli 2007 Icon, Favicon, Avatar, Konterfei Inspiriert durch eine Frage eines USERS im Seniorenforum [ "... wie stelle ich am Ende eines Forenbeitrages (unten links) ein Icon ein? ..."] will ich mal einige Tipps und Tricks beschreiben. Die Definitionen werden einfach durch anklicken der hervorgehobenen Begriffe in Wikipedia dargestellt. Der USER meinte natürlich sein Foto bzw. sein Konterfei oder eben, falls er meint er sei nicht vorzeigbar, einen Avatar. Ein Icon ist ja schlieslich was anderes, und ein Favicon erst Recht noch was anderes. Und um Favicons soll es hier gehen. Mit Favicons machen Webmaster durch ein simples Minibildchen, eben dem Favicon zusätzlich auf sich und Ihre Internetpräsenz aufmerksam. Ein Favicon ist ein Akronym für "Favorites Icon", zu Deutsch "Favoriten-Zeichen". Favicons können dazu verwendet werden, den Bookmark (beim Internetexplorer IE "Favoriten") bzw. (beim Mozilla Firefox "Lesezeichen") ihrer Internetseite mit einem individuellen Logo zu versehen. Favicons wurden mit dem InternetExplorer 5 von Microsoft eingeführt; immer weitere Browser unterstützen mittlerweile Favicons. Das Favicon ist ein normales Windows Icon-File (.ico) im Format 16 x 16 Pixel. Durch die Verwendung eines Favicons hebt sich der Bookmark im Scrollmenue gegenüber anderen deutlicher hervor und der Wiedererkennungswert der Seite wird deutlich gesteigert. Favicons erscheinen an verschiedensten Stellen: * im Verzeichnis der Favoriten/Lesezeichen des Webbrowsers. * im Windows Startmenü. * in der Adresszeile des Browsers entweder so: oder so: Standardmäßig ohne Favicon sieht das im Mozilla so aus: und im IE so: * als Verknüpfungen auf dem Desktop. siehe Bild Windows Startmenue! hier oben! * in der Taskleiste und in den Ordnern die Dateien oder Unterordner. Das kennt Ihr ja von Eurem eigenem PC Wie werden Favicons erstellt? Favicons sind standardmässig 16 x 16 Pixel gross und bestehen aus 16 Farben. Für die Erstellung eines Favicons stehen eine Reihe von Tools zur Verfügung. Prinzipiell benötigt Ihr lediglich ein Graphikprogramm und ein Programm zur Konvertierung in das Icon-Format *.ico. Das Favicon sollte im Entwurf etwa in der Grösse 32 x 32 Pixel erstellt werden, damit es in der 16x16 Pixel Darstellung z.B. in der Adresszeile des Browsers, in der Favoritenliste, in der Taskleiste, noch möglichst gut erkennbar ist. Für die Erstellung von Favicons gibt es verschiedene Programme, sog. Editoren. Ich empfehle IrfanView. Den Link zum Download findet Ihr auf meiner Hilfeseite. Oder um von einer fertigen Graphik z.B. einem Logo ein Favicon zu erstellen, ein anderes Konvertierungsprogramm, um die Graphik in das Icon-Format ".ico" umzuwandeln. Schritt für Schritt Anleitung zur Erstellung eines Favicons: Mit einem Graphikprogramm (ich verwende PSP V7) erstellt Ihr eine Graphik in der Grösse 32 x 32 Pixel und einer Farbtiefe von 256 Farben. Abspeichern im Bitmap-Format *.bmp. Dieses Standardformat wird von nahezu allen Graphikprogrammen unterstützt. Öffnen bzw. importieren dieser Bitmap-Datei mit einem entsprechenden Programm. Ich benutze dazu IrfanView (siehe meine Hilfe). Speichern dieser Graphik im Format ".ico". Wie wird das Favicons in die Internetseite integriert? Sobald eine Internetseite aufgerufen wird, sucht der Explorer nach einem verfügbaren Favicon. * Der HEAD-Bereich der aufgerufenen Datei wird nach Informationen über ein referenzietes Favicon durchsucht. * Das Verzeichnis, in dem sich die aufgerufene Datei befindet, wird nach der Datei "favicon.ico" durchsucht. * Das Hauptverzeichnis der Internetadresse, unterhalb dieser die Datei vorhanden ist, wird nach der Datei "favicon.ico" durchsucht. Ein Favicon für die gesamte WebPräsenz Legt eine Datei mit dem Namen "favicon.ico" in das Hauptverzeichnis ("root") der Internetpräsenz. Der Browser nimmt nun dieses Favicon als Standardfavicon für alle Seiten dieser Präsenz. Ein Favicon für Unterseiten unterhalb bestimmter Verzeichnisse Um ein Favicon für für alle Seiten unterhalb eines Verzeichnisses zu verwenden, legt die Favicon-Datei mit dem Namen "favicon.ico" in das entsprechende Verzeichnis. Der Browser nimmt dieses Favicon als Standardfavicon für die Seiten in diesem Verzeichnis. Ein Favicon für eine einzelne Seite Auch für einzelne Seiten lässt sich ein Favicon definieren. Hierzu wird der Metatag im HEAD-Bereich erforderlich, der wie folgt aussehen sollte: Die Pfadangabe kann hier mittels eines relativen oder absoluten Verweises, also auch mit Angabe des vollständigen Pfades bzw. der vollständigen Internetadresse erfolgen. Sollte der Webspaceprovider keine .ico-Dateien unterstützen, könnt Ihr auch auf ein Favicon referenzieren, das auf einer anderen Adresse liegt: Die .ico-Datei übertragt Ihr wie gewohnt auf den Webspace mittels FTP bzw. Online. Empfohlenes Konvertierungs Tool: * IrfanView Bildbetrachtungs-, -editierungs- und -konvertierungsprogramm. GeGeek't von powerHaSe um 20:11 Labels: Akronym, Avatar, Bookmark, Favicon, Icon, Konterfei 0 Kommentare: Kommentar veröffentlichen Neuerer Post Älterer Post Startseite Abonnieren Kommentare zum Post (Atom) Über den Blogger Mein Foto powerHaSe Lebenskünstler, very old man, persistent, decided, creatively, idealist, hedonist, Life artist, my work of art is my life. Nerd, Administrator, Web masters, IT-Geek Mein Profil vollständig anzeigen TRANSLATE THIS BLOG Suche individuell ________________________________________ Suche Auswahl interessanter Blogs * gulli news Apple schmeißt über 1000 Anwendungen aus dem App Store Vor 3 Stunden * Basic Thinking Blog ‘Was wollte ich machen…?’ – Studie empfiehlt Pop-Up-Stop Vor 7 Stunden * @-web Suchmaschinen Weblog Echtzeitsuche, Lokalisierung, Personalisierung und Soziale Suche verbessern die Google Suchergebnisse Vor 8 Stunden * NETZEITUNG.DE Medien CDU-Politiker fordert Klärung im Fall Brender Vor 3 Tagen * Das Open Source Weblog Es ist geschehen: Firefox überholt Internet Explorer Vor 6 Tagen * Simty Blog Neue Städte integriert Vor 7 Monaten * Bloggerlexikon Android. vor 1 Jahr * Treffpunkt Jena Links & Rechts * Abwehr lästiger Anrufe * Blogberatung * Chaos Computer Club e.V. * DSL Forum * IP-Adresse * Links * Rechts * Youtubekanal von HaSe Mit Feed-Reader abonnieren Computer Tip's per E-Mail Abonnieren [twitterbadge.php?u=powerHaSe&s=2] I heart FeedBurner [trigami_125x125.gif] IP gulli underground world Free Page Rank Tool Check Page Rank of any web site pages instantly: ______________________________ Check PR This free page rank checking tool is powered by Page Rank Checker service bloggst Du noch oder twitterst Du schon? folge mir auf Twitter Updates folge mir auf [twitterbadge.php?u=powerHaSe&s=2] Undergoing MyBlogLog Verification Technorati Powered By Blogger Wortwolke, Tags, Tag Cloud, Annotation, Index, Labels, Metadaten, Social Tagging Wordle: Wordwolke newstoaster.blogspot.com » News, Tipps & SEO für Blogger Labels/Index * (at) (1) * (dot) (1) * Abmahnung (1) * Abo (1) * abonnieren (1) * Adobe® Reader® (2) * Adresse (1) * Adressen (1) * Adware (1) * Akronym (1) * Anbieterwechsel (1) * AntiSpam (1) * Anzeige (1) * Archiv (1) * Artikel (1) * Atom (1) * Attribut (1) * Aufbruch (1) * Auto (2) * Avatar (1) * Begriff (1) * Belästigung (1) * Bericht (1) * Berlin (1) * Best Ager (1) * Besucher (1) * Bewertung (2) * Bilderklau (2) * bit.ly (2) * Blog (4) * bloggen (1) * Blogger (1) * blogger.com (1) * Bloghandbuch (1) * Blogratgeber (1) * Blogs (1) * Bookmark (1) * Browser (1) * callmobile (1) * CCC (1) * Chaos (1) * Chaotreff (1) * ciao (1) * Club (1) * Code (1) * Computer (4) * Crawler (1) * cyon (1) * Datenbank (1) * Datenbanken (1) * Delicious (1) * Domainhandel (1) * Drechsler-Forum (1) * Dresden (1) * eMail (1) * Emotikon (1) * Energie (1) * Facebook (1) * FAQ (1) * Favicon (2) * Feed (1) * FeedBurner (1) * Flickr (2) * Forumregeln (1) * Gadget (1) * Gefahren (2) * Geld (2) * Geld verdienen (3) * Geschäfte (1) * Gewinnspiele (1) * Google (1) * Gratisauto (1) * green (1) * Günstig (1) * Handarbeit (1) * Handy (2) * Handy-Bundle (1) * Hardware (1) * herunterladen (2) * Hoster (2) * HTML (1) * http (1) * Icon (2) * Impressum (1) * Index (1) * Internet (3) * Jena (2) * Job (1) * Jobs (1) * Keylogger (1) * komprimieren (1) * Konterfei (1) * Kostenfalle (1) * kostenlos (5) * Köln (1) * kürzen (4) * kürzer (3) * Label (1) * Labels (1) * Laptop (1) * LED (1) * Leseprogramm (2) * Lesezeichen (1) * Leuchten (1) * Link (5) * Links (2) * Mail (2) * Malware (2) * Maulkorb (1) * MAXDOME (1) * Merklink (1) * Millionär (1) * Network (1) * Netzwerke (1) * nofollow (1) * Norton (1) * Nötigung (2) * Packer (1) * Packprogramm (1) * Pagerank (1) * PC (1) * PDF-Dateien (3) * Poken (1) * Pokenvision (1) * POSITION (1) * Posting (2) * Produkt (1) * promio (1) * promionet (1) * Protest (1) * Protestklo (1) * Präsentation (1) * Quelltext (1) * Rabatt (1) * Ratgeber (2) * Ratschlag (1) * Reader (1) * Rezensionen (1) * Schadprogramme (3) * Schadsoftware (1) * Schieb (3) * Schlagworte (1) * Schlagwörter (1) * Schnäppchen (1) * Schreibgeräte (1) * Schutz (1) * Security (1) * sedo (1) * shorted (2) * Sicherheit (6) * Sicherheitslücken (1) * Smilie (1) * Snapshot (1) * social (1) * Software (1) * Software Guide (1) * soziale (1) * Spam (6) * Spammer (1) * Spampositon (5) * sparen (3) * Spyware Doctor (1) * Stichworte (1) * Strom (1) * Stromanbieter (1) * suche (1) * suchen (1) * Tabellenkalkulation (1) * Tarifvergleich (1) * Telemediengesetz (1) * Test (1) * Testumgebung (1) * Textverarbeitung (1) * TinyURL (1) * TLD (2) * Trigami (2) * Trojaner (3) * Twitter (5) * Umfragen (1) * Updates (1) * Upload (2) * URL (4) * USB (1) * verdienen (3) * verschlüsseln (1) * Viren (4) * Virtual (1) * Visitenkarte (1) * Vorsicht (2) * Warnung (3) * Web 2.0 (2) * Webmaster (1) * Webseite (1) * Wechsel (1) * wechseln (1) * Wegwerfadresse (1) * Wikipedia (2) * Wikis (1) * Würmer (4) * XING (1) * Youtube (2) * Ziel-URL (3) surfen im Datenmeer Kampf dem Spam! Hier klicken! [sticker.gif]