{"id":233,"date":"2005-12-22T15:34:07","date_gmt":"2005-12-22T07:34:07","guid":{"rendered":"https:\/\/pinyin.info\/news\/?p=233"},"modified":"2005-12-23T22:04:58","modified_gmt":"2005-12-23T14:04:58","slug":"icons","status":"publish","type":"post","link":"https:\/\/pinyin.info\/news\/2005\/icons\/","title":{"rendered":"icons &#8212; please vote"},"content":{"rendered":"<p>For a long time I&#8217;ve had making a &#8220;favorites icon&#8221; (&#8220;favicon,&#8221; for short) on the long to-do list for this site. These icons are small images, just 16 pixels by 16 pixels, that can appear in bookmarks for a Web site and in the address bar. In some browsers, such as <a href=\"http:\/\/www.opera.com\/\">Opera<\/a>, they also appear on the browser tabs, which is a nice touch. <\/p>\n<p>Probably the most common look for icons is achieved by incorporating a letter of the alphabet: Yahoo<img decoding=\"async\" src=\"http:\/\/www.yahoo.com\/favicon.ico\" alt=\"Yahoo's icon -- a red Y with an exclamation mark\" style=\"width: 16px; height: 16px;\" \/> , Google <img decoding=\"async\" src=\"http:\/\/www.google.com\/favicon.ico\" alt=\"Google's icon: a large blue capital G\" style=\"width: 16px; height: 16px;\" \/> , Opera <img decoding=\"async\" src=\"http:\/\/www.opera.com\/favicon.ico\" alt=\"Opera Web browser's icon: a large red shadowed O\" style=\"width: 16px; height: 16px;\" \/>, the <i>New York Times<\/i> <img decoding=\"async\" src=\"http:\/\/www.nytimes.com\/favicon.ico\" style=\"width: 16px; height: 16px;\" alt=\"New York Times's icon -- an ornate T\" \/> , <a href=\"http:\/\/www.forumosa.com\/\">Forumosa<\/a> <img decoding=\"async\" src=\"http:\/\/forumosa.com\/favicon.ico\" style=\"width: 16px; height: 16px;\" alt=\"Forumosa's icon -- an F\" \/> . <\/p>\n<p>Some icons use Chinese characters: <a href=\"http:\/\/www.wenlin.com\/\">Wenlin<\/a> <img decoding=\"async\" src=\"http:\/\/www.wenlin.com\/favicon.ico\" style=\"width: 16px; height: 16px;\" alt=\"Wenlin's icon: 'Wenlin' in Chinese characters\" \/> , <a href=\"http:\/\/no-sword.jp\/blog\/\">No-Sword<\/a> <img decoding=\"async\" src=\"http:\/\/no-sword.jp\/favicon.ico\" alt=\"Chinese character 'wu2' (without, nothingness); icon for the No-Sword blog\" style=\"height: 16px; width: 16px;\" \/> .<\/p>\n<p>And some are more abstract or pictorial: Notetab text editor <img decoding=\"async\" src=\"http:\/\/www.notetab.com\/favicon.ico\" alt=\"Notetab text editor's icon: a white cross against a red background\" style=\"width: 16px; height: 16px;\" \/> , the Panda&#8217;s Thumb <img decoding=\"async\" src=\"http:\/\/www.pandasthumb.org\/favicon.ico\" style=\"width: 16px; height: 16px;\" alt=\"The Panda's Thumb icon -- a tiny image of a panda\" \/>, Photo Net <img decoding=\"async\" src=\"http:\/\/www.photo.net\/favicon.ico\" alt=\"Photo Net's icon -- an image of a camera\" style=\"width: 16px; height: 16px;\" \/> . <\/p>\n<p>This being the sort of site it is, I&#8217;m not going to use a Chinese character &#8212; not unless I could fit romanization in as well. And I doubt that can be done within a 16 by 16 square. <\/p>\n<p>Ideally, I&#8217;d like to have something in the style of <a href=\"http:\/\/www.xubing.com\/\">Xu Bing<\/a>&#8216;s &#8220;<a href=\"http:\/\/www.xubing.com\/NewEnglishCalligraphy\/gallery.htm\">new English calligraphy<\/a>.&#8221; Here&#8217;s roughly the effect I&#8217;d be shooting for:<br \/>\n<img decoding=\"async\" src=\"\/news_photos\/xubing_pinyin.gif\" style=\"width: 70px; height: 76px;\" alt=\"the word 'pinyin' written in the style of Chinese characters, after the method of artist Xu Bing\" \/><\/p>\n<p>(That&#8217;s &#8220;P-I-n-Y-I-n&#8221;, in case you&#8217;re wondering.)<\/p>\n<p>Unfortunately, however, that sort of thing doesn&#8217;t work very well when reduced down to icon size. About the best I could come up with is this: <img decoding=\"async\" src=\"\/news_photos\/pinyin_icon.gif\" style=\"width: 16px; height: 16px;\" alt=\"icon for Pinyin Info\" \/> . But I&#8217;m not so sure about that. <\/p>\n<p>I&#8217;d like to get input from my readers. Which of the following do you prefer?<\/p>\n<ol>\n<li><img decoding=\"async\" src=\"\/news_photos\/favicon_crisp.ico\" style=\"width: 16px; height: 16px;\" \/><\/li>\n<li><img decoding=\"async\" src=\"\/news_photos\/favicon_strong.ico\" style=\"width: 16px; height: 16px;\" \/> &#8212; largely the same as no. 1<\/li>\n<li><img decoding=\"async\" src=\"\/news_photos\/favicon_greenish.ico\" style=\"width: 16px; height: 16px;\" \/> &#8212; the P is light green<\/li>\n<li><img decoding=\"async\" src=\"\/news_photos\/favicon_white.ico\" style=\"width: 16px; height: 16px;\" \/> &#8212; the P is white<\/li>\n<li><img decoding=\"async\" src=\"\/news_photos\/pinyin_icon.gif\" style=\"width: 16px; height: 16px;\" \/> &#8212; faux Xu Bing<\/li>\n<li>other (please specifiy)<\/li>\n<\/ol>\n<p>Please let me know what you think with a comment here or through e-mail. <\/p>\n<p>If you have an image you&#8217;d like to use for your site&#8217;s icon but don&#8217;t have the software to turn it into icon format, you could try this online <a href=\"http:\/\/www.chami.com\/html-kit\/services\/favicon\/\">favicon generator<\/a>. It will reduce your image to the correct size and put it in .ico format. <\/p>\n<p>Then place the resulting image, which should be named <code>favicon.ico<\/code> for maximum browser compatibility, in the root directory of your site. To make Internet Explorer happy, you could also add the following to the head of your HTML:<br \/>\n<code>&lt;link rel=\"shortcut icon\" href=\"\/favicon.ico\" \/&gt;<\/code><\/p>\n<p>In other Pinyin Info image news, I&#8217;ve added a script to the <a href=\"\/index.html\">Pinyin Info home page<\/a> that will put up random images and links to readings on this site. I hope it helps let people know that there&#8217;s a lot more on this site than might appear at first glance.<\/p>\n<p>Finally, since logos and icons are often associated with &#8220;ideographs,&#8221; this seems like a good place to recommend John DeFrancis&#8217;s reading on the <a href=\"\/readings\/texts\/ideographic_myth.html\">ideographic myth<\/a>, for anyone who hasn&#8217;t read that already. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>For a long time I&#8217;ve had making a &#8220;favorites icon&#8221; (&#8220;favicon,&#8221; for short) on the long to-do list for this site. These icons are small images, just 16 pixels by 16 pixels, that can appear in bookmarks for a Web &hellip; <a href=\"https:\/\/pinyin.info\/news\/2005\/icons\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,38,14],"tags":[],"class_list":["post-233","post","type-post","status-publish","format-standard","hentry","category-site-news","category-software","category-xu-bing"],"_links":{"self":[{"href":"https:\/\/pinyin.info\/news\/wp-json\/wp\/v2\/posts\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pinyin.info\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pinyin.info\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pinyin.info\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pinyin.info\/news\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":0,"href":"https:\/\/pinyin.info\/news\/wp-json\/wp\/v2\/posts\/233\/revisions"}],"wp:attachment":[{"href":"https:\/\/pinyin.info\/news\/wp-json\/wp\/v2\/media?parent=233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pinyin.info\/news\/wp-json\/wp\/v2\/categories?post=233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pinyin.info\/news\/wp-json\/wp\/v2\/tags?post=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}