<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>bueltge.de [by:ltge.de] &#187; WebClip Icon</title>
	<atom:link href="http://bueltge.de/tag/webclip-icon/feed/" rel="self" type="application/rss+xml" />
	<link>http://bueltge.de</link>
	<description>Frank Bültge schreibt auf bueltge.de zu den Themen Webentwicklung &#38; design, WordPress, Literatur und andere Themen bezüglich Internet und Development</description>
	<lastBuildDate>Tue, 22 May 2012 20:02:25 +0000</lastBuildDate>
	<language>de-DE</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>148 freie Icons</title>
		<link>http://bueltge.de/148-freie-icons/860/</link>
		<comments>http://bueltge.de/148-freie-icons/860/#comments</comments>
		<pubDate>Fri, 09 Jan 2009 22:51:04 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Bild]]></category>
		<category><![CDATA[Linktipp]]></category>
		<category><![CDATA[WebClip Icon]]></category>

		<guid isPermaLink="false">http://bueltge.de/?p=860</guid>
		<description><![CDATA[Klare Icons für Webanwendungen werden immer benötigt, besonders wenn sie frei nutzbar sind und so umfangreich und klar daher kommen. Daher der kleine aber feine Linktipp am Abend - iconeden. Im Set ist für die unterschiedlichsten Anwendungen etwas dabei, gedacht für Webanwendungen, Multimedia und Software. Für weitere freie Sahnestücke aus dem Hause iconeden lohnt ein [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignrightob" src="http://bueltge.de/wp-content/images/bright-free-stock-iconset+chart.png" alt="Bright Icons" /><br />
Klare Icons für Webanwendungen werden immer benötigt, besonders wenn sie frei nutzbar sind und so umfangreich und klar daher kommen.<br />
Daher der kleine aber feine Linktipp am Abend - <a href="http://www.iconeden.com/icon/bright-free-stock-iconset.html">icon<strong>eden</strong></a>.<br />
Im Set ist für die unterschiedlichsten Anwendungen etwas dabei, gedacht für Webanwendungen, Multimedia und Software.</p>
<p>Für weitere freie Sahnestücke aus dem Hause <a href="http://www.iconeden.com">icon<strong>eden</strong></a> lohnt ein Blick in den <a href="http://www.iconeden.com/icon/category/free">freien Bereich</a>.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/148-freie-icons/860/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/148-freie-icons/860/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/wp-content/images/bright-free-stock-iconset+chart.png" />
		<media:content url="http://bueltge.de/wp-content/images/bright-free-stock-iconset+chart.png" medium="image">
			<media:title type="html">Bright Icons</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Die Kollektion, weitere 7500 Icons</title>
		<link>http://bueltge.de/die-kollektion-weitere-7500-icons/790/</link>
		<comments>http://bueltge.de/die-kollektion-weitere-7500-icons/790/#comments</comments>
		<pubDate>Sun, 12 Oct 2008 23:24:00 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Linktipp]]></category>
		<category><![CDATA[WebClip Icon]]></category>

		<guid isPermaLink="false">http://bueltge.de/?p=790</guid>
		<description><![CDATA[In einer der <a href="http://bueltge.de/die-kollektion-15000-icons/777/">letzten Artikel</a> hatte ich von zwei Kollektionen berichtet, die jeweils 7500 Icons listen, hochwertig und lohnend.

Der Autor hat nun diese Liste ergänzt, <a href="http://wydstudios.com/blog/mega-coleccion-de-iconos-3-mas-de-7500-nuevos/">weitere 7500 Icons</a> stehen nun zum begutachten bereit.]]></description>
			<content:encoded><![CDATA[<dl class="ImgRight ">
<dt>
<img class="ob" alt="The Coffee Shop by ~RuizDesign" src="http://bueltge.de/wp-content/images/coffeecup.png"/>
</dt>
<dd>
<em><a href="http://ruizdesign.deviantart.com/art/The-Coffee-Shop-89457309">The Coffee Shop by ~RuizDesign</a></em>
</dd>
</dl>
<p>In einer der <a href="http://bueltge.de/die-kollektion-15000-icons/777/">letzten Artikel</a> hatte ich von zwei Kollektionen berichtet, die jeweils 7500 Icons listen, hochwertig und lohnend.</p>
<p>Der Autor hat nun diese Liste ergänzt, <a href="http://wydstudios.com/blog/mega-coleccion-de-iconos-3-mas-de-7500-nuevos/">weitere 7500 Icons</a> stehen nun zum begutachten bereit.</p>
<blockquote><p>Da lohnt es sich die Ladezeit in Kauf zu nehmen und eine Tasse Kaffee zu trinken. Nur das Stöbern kann sich bei der Auswahl schon etwas hinziehen.<br />
Das eine oder andere Stück ist auch aus anderen Kollektionen bekannt, trotzdem fallen noch neue Icons auf und alternativ sind diese beiden Kollektionen sicher einen Favoriten wert.</p></blockquote>
<p>Viel Spaß also beim anschauen und nutzen, hiernochmal alle 3 Kollektionen zusammen.</p>
<ul>
<li><a href="http://wydstudios.com/blog/mega-coleccion-de-iconos-mas-de-7500/">Kollektion I, 7500 Icons</a></li>
<li><a href="http://wydstudios.com/blog/mega-coleccion-de-iconos-2-mas-de-7500-nuevos/">Kollektion II, 7500 Icons</a></li>
<li><a href="http://wydstudios.com/blog/mega-coleccion-de-iconos-3-mas-de-7500-nuevos/">Kollektion III, 7500 Icons</a></li>
</ul>
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/die-kollektion-weitere-7500-icons/790/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/die-kollektion-weitere-7500-icons/790/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/wp-content/images/coffeecup.png" />
		<media:content url="http://bueltge.de/wp-content/images/coffeecup.png" medium="image">
			<media:title type="html">The Coffee Shop by ~RuizDesign</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Die Kollektion, 15.000 Icons</title>
		<link>http://bueltge.de/die-kollektion-15000-icons/777/</link>
		<comments>http://bueltge.de/die-kollektion-15000-icons/777/#comments</comments>
		<pubDate>Fri, 26 Sep 2008 19:15:19 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Linktipp]]></category>
		<category><![CDATA[WebClip Icon]]></category>

		<guid isPermaLink="false">http://bueltge.de/?p=777</guid>
		<description><![CDATA[Zwei kleine Linktipps mit riesen Ausbeute - 15.000 Icons zum Gebrauch, vorrangig in bester Qualität. Da lohnt es sich die Ladezeit in Kauf zu nehmen und eine Tasse Kaffee zu trinken. Nur das Stöbern kann sich bei der Auswahl schon etwas hinziehen.]]></description>
			<content:encoded><![CDATA[<dl class="ImgRight ">
<dt>
<img class="ob" alt="The Coffee Shop by ~RuizDesign" src="http://bueltge.de/wp-content/images/coffeecup.png"/>
</dt>
<dd>
<em><a href="http://ruizdesign.deviantart.com/art/The-Coffee-Shop-89457309">The Coffee Shop by ~RuizDesign</a></em>
</dd>
</dl>
<p>Zwei kleine Linktipps mit riesen Ausbeute - 15.000 Icons zum Gebrauch, vorrangig in bester Qualität.<br />
Da lohnt es sich die Ladezeit in Kauf zu nehmen und eine Tasse Kaffee zu trinken. Nur das Stöbern kann sich bei der Auswahl schon etwas hinziehen.<br />
Das eine oder andere Stück ist auch aus anderen Kollektionen bekannt, trotzdem fallen noch neue Icons auf und alternativ sind diese beiden Kollektionen sicher einen Favoriten wert.</p>
<p>Viel Spaß also beim anschauen und nutzen.</p>
<ul>
<li><a href="http://wydstudios.com/blog/mega-coleccion-de-iconos-mas-de-7500/">Kollektion I, 7500 Icons</a></li>
<li><a href="http://wydstudios.com/blog/mega-coleccion-de-iconos-2-mas-de-7500-nuevos/">Kollektion II, 7500 Icons</a></li>
</ul>
<p><span id="more-777"></span></p>
<h4>Update, 13. Oktober 2008</h4>
<ul>
<li><a href="http://wydstudios.com/blog/mega-coleccion-de-iconos-3-mas-de-7500-nuevos/">Kollektion III, 7500 Icons</a></li>
</ul>
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/die-kollektion-15000-icons/777/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/die-kollektion-15000-icons/777/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/wp-content/images/coffeecup.png" />
		<media:content url="http://bueltge.de/wp-content/images/coffeecup.png" medium="image">
			<media:title type="html">The Coffee Shop by ~RuizDesign</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>WebClip Icon, das neue Favicon</title>
		<link>http://bueltge.de/webclip-icon-das-neue-favicon/607/</link>
		<comments>http://bueltge.de/webclip-icon-das-neue-favicon/607/#comments</comments>
		<pubDate>Fri, 08 Feb 2008 10:41:44 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Tipps]]></category>
		<category><![CDATA[Webküche]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Favicon]]></category>
		<category><![CDATA[WebClip Icon]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[WP]]></category>

		<guid isPermaLink="false">http://bueltge.de/webclip-icon-das-neue-favicon/607/</guid>
		<description><![CDATA[Das Web wird mobiler und Apple hat trägt mit der Einführung des iPhone und iPod touch sicher dazu bei. Allerdings führt Apple damit auch eine neue Möglichkeit der Iconablage ein, denn das Favicon ist nicht von Apple als Idetifizierungs-Icon genutzt worden. Die Favicons haben sich durchgesetzt und ist einfach und schön, wenn man im Browser [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignrightob" src="http://bueltge.de/wp-content/images/iphone-icon.jpg" alt="iPhone WebClip Icon" /></p>
<p>Das Web wird mobiler und Apple hat trägt mit der Einführung des <a href="http://www.apple.com/de/iphone/">iPhone</a> und <a href="http://www.apple.com/de/ipodtouch/">iPod touch</a> sicher dazu bei. Allerdings führt Apple damit auch eine neue Möglichkeit der Iconablage ein, denn das <a href="http://de.wikipedia.org/wiki/Favicon">Favicon</a> ist nicht von Apple als Idetifizierungs-Icon genutzt worden.</p>
<p>Die Favicons haben sich durchgesetzt und ist einfach und schön, wenn man im Browser etc. die Seite schon an dieser kleinen Spielerei erkennt. <a href="http://praegnanz.de/weblog/praegnanz-im-kleinformat">Gerrit bemerkt aktuell</a>, dass Kunden und User das Favicon mögen. Nun soll aber auch auf Apples Produkten eine Wiedererkennung mittels Icon funktionieren und deshalb ist es an der Zeit, dass man die Webseite um das WebClip Icon ergänzt. Dazu ist nicht viel Hintergrundwissen nötig und das Bild ist schnell integriert. Im folgenden die wenigen Schritte zum eigenen WebClip Icon.<span id="more-607"></span></p>
<p>Zuerst gilt es, ein Icon mit folgenden Vorgaben zu erstellen.</p>
<ul>
<li>57 x 57 Pixel in den Dimensionen<br />
Es wird empfohlen 60 x 60 Pixel zu nutzen, bringt angeblich mehr Schärfe auf das Display<br />
Seit Erscheinen des iPad ist die Größe von 129 x 129 Pixeln empfehlenswert</li>
<li>Speichern als <code>apple-touch-icon.png</code></li>
<li>Im Root der Website ablegen (Bei Einsatz von WordPress, dort wo die <code>wp-config.php</code> liegt)</li>
</ul>
<p><img class="alignrightob" src="http://bueltge.de/apple-touch-icon.png" alt="my WebClip Icon" /></p>
<p>Man muss im übrigen sich nicht die Mühe machen, das ganze auch im &#8222;Glanzlook&#8220; zu erstellen, denn diesen Effekt bringen Apples Produkte mit, eine einfache Grafik genügt.</p>
<p>Ist das soweit geschehen, dann muss lediglich der Link im <code>head</code>-Abschnitt der Webseite hinterlegt werden. Das <code>rel</code>-Attribut bekommt den Wert <code>apple-touch-icon</code> und wird damit identifiziert.</p>
<pre><code>
&lt;link rel="apple-touch-icon" type="image/x-icon" href="apple-touch-icon.png"/&gt;
</code></pre>
<p>Hat man WordPress im Einsatz, dann kommt der folgende Syntax in die <code>header.php</code> des verwendeten Themes. Sollte es diese Datei nicht geben, dann in der <code>index.php</code> den <code>head</code>-Abschnitt suchen.</p>
<pre><code>
&lt;link rel="apple-touch-icon" type="image/x-icon" href="&lt;?php bloginfo('url'); ?&gt;/apple-touch-icon.png"/&gt;
</code></pre>
<p>Das war es schon, ähnlich dem Favicon nur mit einem anderen Attribut im link-Tag.</p>
<pre><code>
&lt;link rel="Shortcut Icon" type="image/x-icon" href="&lt;?php bloginfo('url'); ?&gt;/favicon.ico" /&gt;
&lt;link rel="apple-touch-icon" type="image/x-icon" href="&lt;?php bloginfo('url'); ?&gt;/apple-touch-icon.png"/&gt;
</code></pre>
<h3>Weitere Tipps</h3>
<ul>
<li><a href="http://developer.apple.com/iphone/devcenter/designingcontent.html">iPhone DecCenter</a></li>
<li><a href="http://www.tuaw.com/2008/01/22/wheres-the-webclip-icon/">Where's the WebClip icon?</a></li>
<li><a href="http://webclipme.com/webclips/regular">WebClipMe!</a></li>
<li><a href="http://www.schimanke.com/index.php?/archives/149-Eigene-Webclip-Icons-fuer-fremde-Seiten-UPDATE.html">Eigene Webclip-Icons für fremde Seiten</a></li>
</ul>
<p><!-- ckey="4232A0B5" --><br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/webclip-icon-das-neue-favicon/607/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/webclip-icon-das-neue-favicon/607/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/wp-content/images/iphone-icon.jpg" />
		<media:content url="http://bueltge.de/wp-content/images/iphone-icon.jpg" medium="image">
			<media:title type="html">iPhone WebClip Icon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/apple-touch-icon.png" medium="image">
			<media:title type="html">my WebClip Icon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
	</channel>
</rss>

