This brief tutorial will explain out how to create a custom icon to display on the iPhone and/or iPod touch springboard for your web site. ÀÌ °£·«ÇÑ ÀÚ½À¼¿¡¼´Â ¾ÆÀÌÆù°ú ±ÍÇÏÀÇ À¥ »çÀÌÆ®¿¡ ´ëÇÑ / ¶Ç´Â ¾ÆÀÌÆÌ ÅÍÄ¡ ½ºÇÁ¸µ¿¡ Ç¥½Ã¿¡ »ç¿ëÀÚ Á¤ÀÇ ¾ÆÀÌÄÜÀ» ¸¸µé ¼ö ¹Û¿¡ ¼³¸íÇÒ °ÍÀÔ´Ï´Ù.

- When a user adds a site to their springboard by using the Add to Home Screen feature, by default, the iPhone or iPod touch will use a thumbnail of the visible part of the page being displayed in Safari. »ç¿ëÀÚ°¡ ÀÚ½ÅÀÇ ¹ßÆÇÀ» ¶§ Ȩ ½ºÅ©¸° ±â´ÉÀº ±âº»ÀûÀ¸·Î Ãß°¡¸¦ »ç¿ëÇÏ¿© »çÀÌÆ®¸¦ Ãß°¡, ¾ÆÀÌÆùÀ̳ª ¾ÆÀÌÆÌ ÅÍÄ¡ Safari¿¡¼ Ç¥½ÃµÇ´Â ÆäÀÌÁöÀÇ º¸ÀÌ´Â ºÎºÐÀÇ Ãà¼ÒÆÇÀ» »ç¿ëÇÕ´Ï´Ù.
- If you¡¯d like your site to have a much nicer icon appear on the springboard when people add it, create a 57px by 57px PNG icon, name it apple-touch-icon.png , and upload it to the root folder of your site. Note: Apple themselves actually use a 129¡¿129px icon, so you may want to experiment to see what size looks best for yours (it will scale to the default iPhone/iPod touch springboard icon size). ¸¸¾à ´ç½ÅÀÌ »çÀÌÆ® ½Í½À´Ï´Ù ÈξÀ ´õ Ä£ÀýÇØ¾ßÇÏ´Â ¾ÆÀÌÄÜ ½ºÇÁ¸µ¿¡ »ç¶÷µéÀÌ ¸¸µå´Â 57px PNGÀÇ ¾ÆÀÌÄÜÀ¸·Î 57px¸¦ Ãß°¡, »ç°ú - ÅÍÄ¡ - icon.png À̸§, °ÔÀçÇÏ¿© »çÀÌÆ®ÀÇ ·çÆ® Æú´õ¿¡ ¾÷·Îµå . Âü°í : ¾ÖÇÃÀº ½º½º·Î »ç½Ç, ±×·¡¼ ½ÇÇèÀ» ¾î¶»°Ôº¸°í ½ÍÁö ¼öÀÖ´Â Å©±â 129 ¡¿ 129px ¾ÆÀÌÄÜÀ» »ç¿ëÇÏ¿© ´ç½Å¿¡°Ô ÃÖ¼±ÀÇ ¸ð½À (±×°ÍÀº ±âº»ÀûÀ¸·Î ¾ÆÀÌÆù ±Ô¸ð / ¾ÆÀÌÆÌ ÅÍÄ¡ ½ºÇÁ¸µ ¾ÆÀÌÄÜ Å©±â).
If you don¡¯t have access to the root folder of your site, or you¡¯d like to put the icon elsewhere, add the following line to the <head> of your site: ¸¸¾à ´ç½ÅÀÌ »çÀÌÆ®ÀÇ ·çÆ® Æú´õ¿¡ ¾×¼¼½ºÇÏÁö ¾Ê°Å³ª ´Ù¸¥ ¾ÆÀÌÄÜÀ» ³ÖÀ¸·Á¸é, ´ÙÀ½ ÁÙÀ» Ãß°¡ÇϰíÀÚÇÏ´Â ±ÍÇÏÀÇ »çÀÌÆ®¸¦ <head> :
<link rel="apple-touch-icon" href="/path/to/file.png" /> (and upload the file.png to that folder). rel="apple-touch-icon" href="/path/to/file.png"ÀÇ <link /> (±×¸®°í ±× Æú´õ¿¡) file.png ¾÷·ÎµåÇÒ ¼öÀÖ½À´Ï´Ù.
- Now when someone adds your site, it will have a nice icon associated with it. Áö±Ý ´©±º°¡°¡ ±ÍÇÏÀÇ »çÀÌÆ®¸¦ Ãß°¡ÇßÀ» ¶§, ¸ÚÁø ¾ÆÀÌÄܰú °ü·ÃµÈ °ÍÀÌ´Ù.
- Done! Çß´Ù!

click to enlarge Ŭ¸¯ÇϽøé È®´ëµË´Ï´Ù

click to enlarge Ŭ¸¯ÇϽøé È®´ëµË´Ï´Ù






















{ 1 trackback } (1 trackback¸¦)
{ 1 comment¡¦ read it below or (1 ÄÚ¸àÆ® ... ¶Ç´Â ¾Æ·¡ Àоî add one Çϳª Ãß°¡ } )
How to create a custom iPhone and iPod touch icon for your web site ±ÍÇÏÀÇ À¥ »çÀÌÆ®¿¡ ´ëÇÑ Á¤ÀǸ¦ ¾î¶»°Ô ¾ÆÀÌÆù°ú ¾ÆÀÌÆÌ ÅÍÄ¡ÀÇ ¾ÆÀÌÄÜÀ» ¸¸µé
I am not sure what you are referring to. ³»°¡ ´ç½Å¿¡°Ô ¹«¾ùÀ» ¸»Çϴ°¡ ÀÖ´ÂÁö È®½ÇÄ¡ ¾Ê½À´Ï´Ù. Where is the ROOT? ¾îµð¿¡ »Ñ¸®ÀÔ´Ï´Ù? and WHAT Site. ±×¸®°í ¾î¶² »çÀÌÆ®. On my local computer? ³» ·ÎÄà ÄÄÇ»ÅÍ¿¡? On a website? À¥»çÀÌÆ®¿¡? Is this for developers or just for anyone? ÀÌ °³¹ßÀÚµéÀ»À§ÇÑ ¾Æ´Ï¸é ±×³É ´©±¸Àΰ¡?
Thanks °¨»çÇÕ´Ï´Ù
If you don¡¯t have access to the root folder of your site, or you¡¯d like to put the icon elsewhere, add the following line to the of your site: ¸¸¾à ´ç½ÅÀÌ »çÀÌÆ®ÀÇ ·çÆ® Æú´õ¿¡ ¾×¼¼½ºÇÏÁö ¾Ê°Å³ª ´Ù¸¥ ¾ÆÀÌÄÜÀ» ³Ö¾î, ±ÍÇÏÀÇ »çÀÌÆ®¿¡ ´ÙÀ½ ÁÙÀ» Ãß°¡ ½Í½À´Ï´Ù :
(and upload the file.png to that folder). (±×¸®°í ±× Æú´õ¿¡) file.png ¾÷·ÎµåÇÒ ¼öÀÖ½À´Ï´Ù.
Leave a Comment ÄÚ¸àÆ®¸¦ ³²°ÜÁÖ¼¼¿ä