Criar um clipe Ícone Web para iPhones

Bem como você pode marcar as páginas da web em um navegador de desktop, você pode salvar um link para qualquer página da web em um iPhone ou iPad clicando no ícone Export circulado em vermelho na figura de topo e, em seguida, escolha Adicionar à tela inicial, como mostrado na figura inferior.

image0.jpg

Um ícone Web Clip se parece com os ícones que vêm com aplicativos nativos do iTunes. Quando um visitante de seu site adiciona um ícone Web Clip ao seu ecrã inicial (área de trabalho do seu dispositivo), ele cria um link para seu site, bem como um indicador em um navegador de desktop web.

image1.jpg

Este ícone Web Clip dá a seus visitantes um grande atalho para voltar ao seu site, e é uma maneira poderosa para mantê-los pensando em você. Infelizmente, muitos usuários do iPhone e iPad nem sequer percebem que é possível salvar um link para um site desta forma.

Eis como funciona: Quando um usuário toca o botão do meio na barra de botões na parte inferior do iPhone ou iPod touch, o Safari oferece várias opções.

Quando você escolhe Adicionar à tela inicial, uma pequena imagem, chamada de ícone Web Clip, é guardado para a tela inicial do iPhone ou iPad com um link para a página web. Este link faz indo para um site clicando em um ícone tão fácil como o lançamento de um aplicativo. Clique em um ícone Web Clip, e com o lançamento do iPhone e iPad Safari e abra a página em um navegador em uma ação liso.

Como um web designer, você pode criar uma imagem para servir como seu ícone Web Clip. Se não o fizer, o iPod touch, iPhone ou iPad salva uma imagem de tudo o que é exibido na tela e usa isso como o ícone. É uma boa ideia para ir para um pouco de esforço extra e especificar a imagem que você deseja usar como o ícone na tela inicial.

Nesta figura, você pode ver um ícone Web Clip criada a partir da imagem principal usada neste projeto. Esta imagem é cortada e simplificado para servir como um ícone melhor do que uma captura de tela da página inteira, que incluiria o texto e outras imagens em um tamanho tão pequeno que seria impossível de ler.

image2.jpg

Veja como você criar um ícone Web Clip e especificá-lo no código da sua página:

  1. Use um programa gráfico, como o Photoshop, para criar a imagem que você deseja servir como seu ícone.

    A imagem deve medir 114-X-114 pixels e ser salvo no formato PNG.

    Nota: dispositivos de alta resolução exibir o ícone na iPhones 114 x 114. idosas exibi-lo em 72-X-72 pixels 57-x-57 pixels, iPads display. Você pode criar um de cada tamanho, ou você pode deixar o dispositivo de diminuir a imagem automaticamente. Observe também que você pode usar uma imagem JPEG, mas se você quer ter a certeza o ícone funciona em todos os dispositivos, salvando-o como uma imagem PNG é a opção mais segura.

  2. Nome da imagem apple-touch-icon.png e enviá-lo para o diretório raiz do seu site.

  3. (Opcional) Se você deseja salvar a imagem em um subdiretório ou se você quiser usar um ícone Web Clip diferente para a home page do que você usa para páginas internas em seu site, você pode adicionar este código à seção de qualquer página da web para especifique o nome eo local da imagem.

menu