{"id":638,"date":"2010-01-20T22:21:23","date_gmt":"2010-01-20T13:21:23","guid":{"rendered":"http:\/\/hangunsworld.com\/blog\/?p=638"},"modified":"2010-01-21T17:44:36","modified_gmt":"2010-01-21T08:44:36","slug":"apple-touch-icon-favicon-on-iphone","status":"publish","type":"post","link":"http:\/\/hangunsworld.com\/blog\/638","title":{"rendered":"Apple-touch-icon, favicon on iPhone"},"content":{"rendered":"<div class=\"korean\">PC\uc758 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud648\ud398\uc774\uc9c0\ub97c \ubd81\ub9c8\ud06c\uc5d0 \ucd94\uac00\ud558\uba74, \ube0c\ub77c\uc6b0\uc800\uac00 \uc0ac\uc774\ud2b8 \ub8e8\ud2b8\uc758 favicon.ico \ud30c\uc77c\uc744 \ucc3e\uc544\uc11c \ubd81\ub9c8\ud06c \uc544\uc774\ucf58\uc73c\ub85c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \ubb3c\ub860 \ub2e4\uc74c \uadf8\ub9bc\uacfc \uac19\uc774 \uc8fc\uc18c\ud45c\uc2dc\uc904 \ub4f1\uc5d0\ub3c4 \uc544\uc774\ucf58\uc774 \ud45c\uc2dc\ub418\uc8e0.<\/div>\n<div class=\"english\">If you add a bookmark in a browser on your PC, the browser searches for favicon.ico in root directory of the web site, and uses it as an icon of the bookmark if it exists. Of course the icon appeares in the browser&#8217;s address bar like bellow.<\/div>\n<div class=\"japanese\">\u30d1\u30bd\u30b3\u30f3\u306e\u30d6\u30e9\u30a6\u30b6\u3067\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306e\u30d6\u30c3\u30af\u30de\u30fc\u30af\u3092\u8ffd\u52a0\u3059\u308b\u3068\u3001\u30d6\u30e9\u30a6\u30b6\u306f\u30b5\u30a4\u30c8\u306e\u30eb\u30fc\u30c8\u304b\u3089favicon.ico\u30d5\u30a1\u30a4\u30eb\u3092\u63a2\u3057\u3001\u305d\u308c\u3092\u30a2\u30a4\u30b3\u30f3\u3068\u3057\u3066\u4f7f\u3044\u307e\u3059\u3002 \u4e0b\u306e\u7d75\u306e\u3088\u3046\u306b\u30a2\u30c9\u30ec\u30b9\u30d0\u30fc\u306b\u3082\u30a2\u30a4\u30b3\u30f3\u304c\u8868\u308c\u307e\u3059\u3002<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hangunsworld.com\/blog\/wp-content\/uploads\/2010\/01\/favicon.jpg\" alt=\"favicon\" title=\"favicon\" width=\"311\" height=\"128\" class=\"alignnone size-full wp-image-639\" \/><\/p>\n<div class=\"korean\">\uc544\uc774\ud3f0\uc5d0\uc11c\ub3c4 \ud648\ud398\uc774\uc9c0\uc758 \ubc14\ub85c\uac00\uae30\ub97c \ud648 \ud654\uba74\uc5d0 \ucd94\uac00\ud560 \ub54c PC\uc758 favicon\uacfc \uac19\uc774 \uc544\uc774\ucf58\uc744 \uc9c0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub0e5 \uc0ac\uc774\ud2b8 \ub8e8\ud2b8\uc5d0 apple-touch-icon.png \ud30c\uc77c\uc744 \ub9cc\ub4e4\uc5b4 \ub450\uae30\ub9cc \ud558\uba74 \ub429\ub2c8\ub2e4. \uadf8\ub7ec\uba74 \uc0ac\ud30c\ub9ac\uc5d0\uc11c \uc0ac\uc774\ud2b8\ub97c \ud648 \ud654\uba74\uc5d0 \ucd94\uac00\ud560 \ub54c, \uc774 \ud30c\uc77c\uc744 \ucc3e\uc544\uc11c \uc544\uc774\ucf58\uc73c\ub85c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc774 \ud30c\uc77c\uc774 \uc874\uc7ac\ud558\uc9c0 \uc54a\uc73c\uba74 \uadf8\ub0e5 \uc0ac\uc774\ud2b8\uc758 \ud604\uc7ac \ud654\uba74\uc744 \ucea1\ucc98\ud574\uc11c \uc544\uc774\ucf58\uc73c\ub85c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<br \/>\n\uc544\uc774\ucf58\uc5d0 \ubc18\uc0ac\uad11 \ud6a8\uacfc\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc73c\ub824\uba74 \uc704 \ud30c\uc77c \ub300\uc2e0 apple-touch-icon-precomposed.png\ub97c \uc0ac\uc6a9\ud558\uba74 \ub429\ub2c8\ub2e4.<\/div>\n<div class=\"english\">On iPhone, you can set the icon when a visitor adds a short-cut to the home screen. Just place apple-touch-icon.png file in the root directory of your homepage. Safari searches for the image, then uses it as the icon. If the file is not exists, Safari takes snapshot of the page, and uses it as the icon.<br \/>\nIf you do not want to use gloss effect on the icon, use apple-touch-icon-precomposed.png instead.<\/div>\n<div class=\"japanese\">iPhone\u3067\u3082\u3001\u30db\u30fc\u30e0\u753b\u9762\u306b\u30d6\u30c3\u30af\u30de\u30fc\u30af\u3092\u8ffd\u52a0\u3059\u308b\u6642\u3001favicon\u306e\u3088\u3046\u306b\u30a2\u30a4\u30b3\u30f3\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002\u305f\u3060apple-touch-icon.png\u30d5\u30a1\u30a4\u30eb\u3092\u30b5\u30a4\u30c8\u306e\u30eb\u30fc\u30c8\u306b\u7f6e\u3051\u3070\u826f\u3044\u3093\u3067\u3059\u3002\u3059\u308b\u3068\u3001Safari\u304c\u305d\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30a4\u30b3\u30f3\u3068\u3057\u3066\u4f7f\u7528\u3057\u307e\u3059\u3002\u305d\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u306a\u3044\u3068\u3001\u73fe\u5728\u306e\u30da\u30fc\u30b8\u3092\u30ad\u30e3\u30d7\u30c1\u30e3\u30fc\u3057\u3066\u3001\u4f7f\u3044\u307e\u3059\u3002\u5149\u6ca2\u52b9\u679c\u3092\u4f7f\u308f\u306a\u3044\u6642\u306b\u306f\u3001\u66ff\u308a\u306bapple-touch-icon-precomposed.png\u30d5\u30a1\u30a4\u30eb\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hangunsworld.com\/blog\/wp-content\/uploads\/2010\/01\/apple_touch_icon.jpg\" alt=\"apple_touch_icon\" title=\"apple_touch_icon\" width=\"320\" height=\"411\" class=\"alignnone size-full wp-image-640\" \/><\/p>\n<div class=\"korean\">\ub610\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 link \ud0dc\uadf8\ub97c \ud1b5\ud574 \uc774\ubbf8\uc9c0\uc758 \uacbd\ub85c \ubc0f \ud30c\uc77c\uba85\uc744 \uc9c0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/div>\n<div class=\"english\">You can set the path or the file name of the image, using link tag like the following code.<\/div>\n<div class=\"japanese\">\u4e0b\u306e\u30b3\u30fc\u30c9\u3092\u4f7f\u3063\u3066\u3001\u4ed6\u306e\u30a4\u30e1\u30fc\u30b8\u3092\u30a2\u30a4\u30b3\u30f3\u306b\u8a2d\u5b9a\u51fa\u6765\u307e\u3059\u3002<\/div>\n<pre lang=\"html4strict\"><link rel=\"apple-touch-icon\" href=\"images\/apple-touch-icon.png\" \/><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>PC\uc758 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud648\ud398\uc774\uc9c0\ub97c \ubd81\ub9c8\ud06c\uc5d0 \ucd94\uac00\ud558\uba74, \ube0c\ub77c\uc6b0\uc800\uac00 \uc0ac\uc774\ud2b8 \ub8e8\ud2b8\uc758 favicon.ico \ud30c\uc77c\uc744 \ucc3e\uc544\uc11c \ubd81\ub9c8\ud06c \uc544\uc774\ucf58\uc73c\ub85c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \ubb3c\ub860 \ub2e4\uc74c \uadf8\ub9bc\uacfc \uac19\uc774 \uc8fc\uc18c\ud45c\uc2dc\uc904 \ub4f1\uc5d0\ub3c4 \uc544\uc774\ucf58\uc774 \ud45c\uc2dc\ub418\uc8e0. If you add a bookmark in a browser on your PC, the browser searches for favicon.ico in root directory of the web site, and uses it as an icon of the bookmark if [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[265],"tags":[273,557,272,194,274],"class_list":["post-638","post","type-post","status-publish","format-standard","hentry","category-mobile","tag-apple-touch-icon","tag-bookmarks","tag-favicon","tag-iphone","tag-safari"],"_links":{"self":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts\/638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/comments?post=638"}],"version-history":[{"count":6,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts\/638\/revisions"}],"predecessor-version":[{"id":645,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts\/638\/revisions\/645"}],"wp:attachment":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/media?parent=638"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/categories?post=638"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/tags?post=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}