Safari add to home screen icon?

Discussion in 'iPhone' started by Nipz, Mar 14, 2008.

  1. macrumors 65816

    Nipz

    Joined:
    Nov 1, 2006
    Location:
    UK
    #1
    Hey,

    how do you go about adding a default icon for when someone adds your website to their home screen?!

    I know mac rumors has one and just makes the whole site look better :)

    Thanks to anyone that can help

    Ben
     
  2. TEG
    macrumors 604

    TEG

    Joined:
    Jan 21, 2002
    Location:
    Langley, Washington
    #2
    It is a special PNG file stored on the website. Do a search for details.

    TEG
     
  3. macrumors 68040

    Joined:
    Feb 14, 2008
    #3
    Just curious... Is it enjoyable racking up your post count by telling every single user who starts a new thread to search??
     
  4. macrumors 68040

    Joined:
    Feb 14, 2008
    #4
    Everybody hasn't been around for five years and I would actually prefer to read answers to these questions rather than have to search for them. I kill a lot of time at work reading through these threads.

    Post useful info rather than sending them to search. Makes for a more interesting forum.
     
  5. thread starter macrumors 65816

    Nipz

    Joined:
    Nov 1, 2006
    Location:
    UK
    #5
    I was thinking that!

    Can someone give me details etc of where to embed the 'special' PNG file please?

    Did a search but nothing useful!

    Thanks again
     
  6. macrumors 68000

    waterskier2007

    Joined:
    Jun 19, 2007
    Location:
    White Lake, MI
    #6
    yeah i was trying to do the same thing but every wasnt much help because they assumed i was an expert web programmer or something so i just said screw it. i love getting a response to search other places. its like, i asked this because i searched and didnt find anything
     
  7. thread starter macrumors 65816

    Nipz

    Joined:
    Nov 1, 2006
    Location:
    UK
    #7
    So true :)
     
  8. dvd
    macrumors regular

    dvd

    Joined:
    Oct 12, 2007
    Location:
    Massachusetts
    #8
    WaterSkier, I thought I did a pretty reasonable job of laying it out in this thread, but oh well, I tried.

    Here's a tutorial on adding webclips icons to your website.

    It just takes a few seconds to throw some keywords into the search box that's in the upper right hand corner of EVERY forum page, as TEG suggests. lostprophet894, if more people did that, you'd spend less time sifting through redundant threads and more time learning cool new things.

    For example, searching for iphone website icon leads very quickly to this definitive thread about creating webclips.
     
  9. thread starter macrumors 65816

    Nipz

    Joined:
    Nov 1, 2006
    Location:
    UK
    #9
    Thanks DVD!

    Ill add one of these to www.iPhoneSDK.co.uk tomorrow if i get the time :)

    Thanks again
     
  10. macrumors 68000

    waterskier2007

    Joined:
    Jun 19, 2007
    Location:
    White Lake, MI
    #10
    the problem is, it says throw the pic in the root folder of my web documents, but i have no idea where this is. im using iweb.
     
  11. macrumors 6502a

    genshi

    Joined:
    Jun 27, 2007
    Location:
    Portland, Oregon
    #11
    To be honest, I'm not sure if it works with iWeb (I haven't tried) but if it does, you would put it on your iDisk under /Web/Sites/ That would be your root folder for iWeb.
     
  12. macrumors 6502a

    genshi

    Joined:
    Jun 27, 2007
    Location:
    Portland, Oregon
    #12
    I actually just tried it and it does work on iWeb so, cool. (too bad I never use this iWeb thing...)
     
  13. macrumors 68000

    waterskier2007

    Joined:
    Jun 19, 2007
    Location:
    White Lake, MI
    #13
    do you have to modify any code or just throw the picture in the folder previously mentioned in the post above you?
     
  14. macrumors 6502a

    genshi

    Joined:
    Jun 27, 2007
    Location:
    Portland, Oregon
    #14
    For most of my regular sites I just throw the png file in the folder, but for iWeb, I had to modify the file. Depending on what your main page is (in my case the index.html automatically redirects to welcome.html in iWeb, so I modified the welcome.html file) just put the following code somewhere between the
    Code:
    <head>
    and
    Code:
    </head>
    tags:

    Code:
    <link rel="apple-touch-icon" href="apple-touch-icon.png"/>
    I always name my image file apple-touch-icon.png just to keep things consistent.

    Hope this helps.
     
  15. macrumors 68000

    waterskier2007

    Joined:
    Jun 19, 2007
    Location:
    White Lake, MI
    #15
    when i go into the web/sites/ folder i have a folder for my gallery and a folder for my iweb site, does it matter, still throw it in the web/sites/ folder?
     
  16. macrumors 68000

    waterskier2007

    Joined:
    Jun 19, 2007
    Location:
    White Lake, MI
    #16
    i put it in the folder previously mentioned. but it wont work. if i go to web.mac.com/brendankirchner/apple-touch-icon.png on my browser on computer or phone, it shows the icon but i cant get it to work for the site
     
  17. macrumors regular

    Joined:
    Mar 21, 2003
    #17
    I use this to place an icon on all the webapps that are in my home screen. Easy to follow :D http://webclip.us/create
     

Share This Page