💡 Making App Screenshots for App Store? ShotBot makes it a lot easier!
x

MakeAppIcon on your mac.

Faster. Smarter. More organized than ever.

Get at USD19.99

Learn more

Generate App Icons of all sizes with a click!

Show your ad to mobile developes?

Using Makeappicon.com for your mobile web app

Besides using the resized icons for your iOS/Android app, do you know of any other ways to make use of them? If you run a website or a web application, you can use the resized icons on your website as well by using Apple's Web Clip feature. Don't be fooled by the Apple name; it works for Android as well.

This feature allows you to make your website or web application look like a native application when users add them to the homescreen on iOS or Android using the icons resized by Makeappicon.com, instead of a tiny, ugly screenshot of your web page.

Enabling this feature is easy; just add the following code to your website:


  <link rel="apple-touch-icon" href="ios/AppIcon.appiconset/Icon-60@2x.png" />
  <link rel="apple-touch-icon" sizes="180x180" href="ios/AppIcon.appiconset/Icon-60@3x.png" />
  <link rel="apple-touch-icon" sizes="76x76" href="ios/AppIcon.appiconset/Icon-76.png" />
  <link rel="apple-touch-icon" sizes="152x152" href="ios/AppIcon.appiconset/Icon-76@2x.png" />
  <link rel="apple-touch-icon" sizes="58x58" href="ios/AppIcon.appiconset/Icon-Small@2x.png" />
    

There are 5 images, each suited for a specific screen size:

Specifying an icon for Web Clip will help bring additional visibility as users treat your web application or web page as a native app, improving the overall UX.