• Skip to main content
  • Skip to header right navigation
  • Skip to site footer
  • About
  • Contact
  • Subscribe
  • Advertise
methodshop

methodshop

tech news, reviews & how to's

  • Trending
  • Latest Stories
  • Fun
  • Culture
  • Learn
  • Tech
  • Search
You are here: Home / Learn / DIY & How To / How To Make Your Website an App Icon on Your iPad, iPod Touch or iPhone

How To Make Your Website an App Icon on Your iPad, iPod Touch or iPhone

February 20, 2012 by jayfrankwilson
Facebook0Tweet0Pin0LinkedIn0

methodshopIf you are in sales and marketing, or run a website, then you’ll love this trick. Ever since Apple iOS 1.1.3, users have been able to add Home Screen Bookmarks to their iOS devices, including the iPad, iPhone and iPod Touch. These bookmarks look just like Apple App icons and allow you to pull up a page on your website the same way you would open an Apple iOS app.

Pretty cool right? It gets better! You can even customize the icon with a picture or logo. You can see an example of a MethodShop app icon in the image on the right (4th row, 4th column). This Home Screen Bookmark opens up https://methodshop.com when you tap on it.

Creating a custom bookmark icon is a great idea if you find yourself showing off your website in meetings or at conferences to potential clients and business partners. In this tutorial, we’ll first show you how to create a Home Screen Bookmark, then we’ll walk through the steps required to customize it.

 

01) Pull up your website using Apple’s Safari web browser on your iPhone, iPod Touch or iPad. Then tap on the little icon in the middle of the box with an arrow coming out of it [pictured below].

How To Add A Custom Website Bookmark to Your iPhone, iPod Touch or iPad Home Screen [tutorial]

 

02) A screen with a bunch of buttons will appear including: Add Bookmark, Add to Reading List, Add to Home Screen, Mail Link to this Page, Tweet and Print. Tap on Add to Home Screen button.





photo.PNG

 

03) A crappy screengrab will automatically be added as your icon image and you’ll be asked to type in a name for your bookmark. We suggest keeping the name short and sweet. If you’re happy with your crappy screengrab icon, then congrats! You’re done. Have a nice day. But if you think your screengrab icon looks like garbage and you want to make a better or custom icon, then keep reading…

How to Add an icon to your iPhone's home screen

 

How To Make An iPad or iPhone App Icon That Opens Your Website [tutorial]04) Here’s a little trick on how to customize your bookmark icon. Create a 57×57 pixel PNG file of your, name it “apple-touch-icon.png” and then upload it to the root directory folder of your website. As long as this file is on your web server, then any iOS device (iPad, iPhone or iPod Touch) will use this image as its app icon. You of course will need FTP access to your web server in order to upload this PNG file. Feel free to forward this tutorial to your creative and IT teams if they have any questions.

How To Customize Your Website Bookmark for iOS devices

Also, here’s a layered TIF file that you can use as a template in Adobe Photoshop or GIMP (free) to make your 57×57 PNG bookmark icon.

How To Make An iPad or iPhone App Icon That Opens Your Website [tutorial]

 05) If your server admins won’t allow you to add the “apple-touch-icon.png” file to the root level of your web server, then you can ask them to add this line of code to your site template. This code will tell Apple iOS devices where they can find the bookmark image elsewhere on your server.

<link rel=”apple-touch-icon” href=”https://methodshop.com/images/ios-icon.png” />

06) Once the “apple-touch-icon.png” is uploaded, then you can repeat the steps above and re-add your bookmark to your iOS device. The final result should look something like this:

How To Add A Custom Website Bookmark to Your iPhone, iPod Touch or iPad Home Screen [tutorial]How To Add A Custom Website Bookmark to Your iPhone, iPod Touch or iPad Home Screen [tutorial]

07) That’s it! Congrats! Go grab yourself a beer (and us one too!)

Related Articles
  • How To Save Your iPod or iPhone from a Toilet [tutorial] (methodshop.com)
  • iPad Game: Game for Cats (methodshop.com)
  • Kid Slaps Brother with His iPad (methodshop.com)
  • How To Download Discontinued iPod Click Wheel Games [tutorial] (methodshop.com)
minted methodshop

Related Posts:

  • How To Erase Your iPhone, iPad, Or iPod Touch Before Selling ItHow To Erase Your iPhone, iPad, Or iPod Touch Before…
  • Tutorial On How To Find UDID On iPhone, iPod Touch or iPadTutorial On How To Find UDID On iPhone, iPod Touch or iPad
  • A Closer Look at the new iPod Touch, iPod Shuffle, iPod Nano and EarPodsA Closer Look at the new iPod Touch, iPod Shuffle,…

Facebook0Tweet0Pin0LinkedIn0
Category: DIY & How To, Software Tag: Apple, AppStore, Favicon, Home Screen Bookmark, iOS, iPad, iPhone, ipod touch, mobile, Safari
Previous Post: « 5 Reasons to Use MySpace Music Player
Next Post: How To Rip Adele’s Music Videos off YouTube and Convert Them for iTunes Adele »

Sidebar


Trending Now

  • How To Easily Create A PayPal Shipping Label Without InvoiceHow To Easily Create A PayPal Shipping Label Without Invoice
  • 7 Pictures Of Naked People Captured By Google's Cameras7 Pictures Of Naked People Captured By Google’s Cameras
  • The 30 Best Caddyshack Quotes That'll Make You LaughThe 30 Best Caddyshack Quotes That’ll Make You Laugh
  • Dirty Drunken Pat O'Brien Voicemails Send Him RehabDirty Drunken Pat O’Brien Voicemails Send Him Rehab
  • How To Import Microsoft Teams Customized BackgroundsHow To Import Microsoft Teams Customized Backgrounds
  • 20 Silly 90s Fads That Were Cool Then, But Definitely Aren't Now20 Silly 90s Fads That Were Cool Then, But Definitely Aren’t Now
  • The 30 Best Office Space Quotes (How Many Do You Know?)The 30 Best Office Space Quotes (How Many Do You Know?)
  • 50+ Famous Happy Birthday Quotes From Notable Personalities50+ Famous Happy Birthday Quotes From Notable Personalities
  • Better Off Dead Quotes: Top 25 Better Off Dead Movie QuotesBetter Off Dead Quotes: Top 25 Better Off Dead Movie Quotes
  • How To Erase iPod Tutorial -- The Super Fix for Most iPod ProblemsHow To Erase iPod Tutorial — The Super Fix for Most iPod Problems





Polaire Personal Cooling Device - Fraud Alert

5 Reasons Why The Polaire Air Conditioner Is An Internet Scam

Here are all of the reasons why you should NOT buy the Polaire air conditioner and why this personal cooling device is not a legitimate alternative to air conditioning.

Categories

Platoon Movie Quotes

10 Powerful Platoon Quotes That Will Shake Your Reality

Running Man Quotes

36 Best Running Man Quotes From The 1987 Arnold Schwarzenegger Film

Actually, there’s really no dialog in this film, just lots of one-liners. Here are some of the best Running Man quotes from the 1987 Arnold Schwarzenegger film.



About

MethodShop’s mission is to entertain, inform, and sometimes gross you out. MethodShop has affiliate relationships, so we may get a small share of the revenue from your purchases. Items are sold by the retailer, not by us. All prices are subject to change.

Latest

Products That Can Help You Easily Monitor Electricity Usage At Home

4 Products That Can Help You Easily Monitor Electricity Usage At Home

Snow Pee Prank

Try This Hilarious Snow Pee Prank On Your Friend’s Car

Follow

MethodShop Animated Zoom Icon
  • About
  • Submit
  • Disclaimer
  • Privacy Policy
  • Contact
  • Subscribe
  • Store

Copyright © 2021 MethodShop · All Rights Reserved · Powered by BizBudding Inc.

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Do not sell my personal information.
Cookie settingsACCEPT
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

Non-necessary

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.