Crea una web-app de forma rápida y sencilla

Muchas veces en nuestro navegador de escritorio nos hemos guardado una página en la barra de favoritos para que en un clic esté disponible. En los dispositivos móviles esto también es posible y, para que quede bien tan sólo hemos de añadir unas pocas líneas en la cabecera de nuestra página.

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-barstyle" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="My web name">
<link rel="apple-touch-icon" href="http://www.example.com/icon-152.png">
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="My web name">
<link rel="shortcut icon" sizes="196x196" href="http://www.example.com/icon-196.png">

¿Cómo se puede añadir el iciono al escritorio de nuestro dispositivo?

En Firefox, si nos vamos al Menú de Opciones -> Página -> Añadir a la Pantalla de Inicio.

En Chrome, si nos vamos al Menú de Opciones -> Añadir a pantalla inicio.

Cada navegador tiene su propia forma de añadirlo, pero todos los permiten así que ya sabes, si visitas con cierta frecuencia un sitio y quieres un enlace directo, o si tienes un sitio web y quieres que tus usuarios tengan unos iconos de calidad…