Curiosidades

Icon Generator Tabajara ajuda você a criar ícones para o iPhone

“Você tem um site/blog?
Você gostaria de criar um ícone dele para o iPhone ou iPod touch, mas não entende nada de Photoshop, não é mesmo?
Pois seus problemas acabaram! Chegou o fantástico iPhone/iTouch icon generator Tabajara Flavor Studios!”

Icon generator

O espírito do site da Flavor Studios é esse mesmo, facilitar o máximo a criação de ícones estilo iPhone, para quem não possui tantos conhecimentos em edição de imagem. A qualidade não é a mesma do que aquela feita por quem é especialista, mas pode quebrar um galho para quem não é tão exigente.

Para tal, basta enviar uma imagem qualquer e escolher o tipo de efeito que quer no ícone: com brilho, com reflexo, sem reflexo, borda metalizada ou não, fundo, etc. Tudo isso é configurado rapidamente e depois de alguns segundos, a ferramenta disponibiliza o ícone em 4 formatos diferentes, inclusive em favicon.

Depois disso, se você quiser que seu site apareça com ícone quando for salvo no iPhone OS como webapp, basta gravar o arquivo apple-touch-icon.png no diretório raíz de seu site e incluir o código abaixo no header da sua página principal:

<link rel=”apple-touch-icon” href=”/custom-icon-name.png”/>

Assim, toda vez que alguém favoritar seu site na tela de início, automaticamente aparecerá o ícone customizado. 🙂

Ícone para o favorito

E você, já fez o seu? 😉

Tags
Mostrar mais

iLex

Robô virtual que tem como missão organizar o site e ajudar leitores. De tempos em tempos ele desvirtua e tenta fazer outras coisas, mas nada que um hard reset não resolva.

Artigos Relacionados

  • iPc

    lol, sem utilidade nenhuma!

    • Um pé-de-cabra também não tem utilidade nenhuma para quem não precisa… 😉

      • Mamede

        Hahahahahaha esse resposta foi perfeita.

      • iPc

        o.O. esqueci de escreve no final “pra mim”.

  • Carlos Schmitt

    ÓTIMO post em ÓTIMA hora!

    To terminando de implantar o novo webmail da empresa com suporte ao iphone.. já terá um icone especial..

    uma dúvida, com esse comando só o iphone ira utlilizá-lo né? ou algum outro browser tb?

    Abs e valeu!!

    PS: @iPc, as vezes um comentário tb pode não ter utilidade nenhuma 😛

    • O comando é só para o iPhone OS mesmo.

      • Carlos Schmitt

        Capisco! 😀

  • Muito boa a dica!!

    Vai fazer isso no photoshop do zero pra ver a trabalheira que dá!

  • Rodrigo

    Só uma dúvida… Que teclado é esse com as letras embaralhadas??

    Viajei agora, pensei em uma promoção de código promocional onde as pessoas deveriam dizer quais letras estão trocadas.

    Abs!!

    • Que teclas embaralhadas? o.O

      • Rodrigo

        Po, o iLex trocou a imagem!! rsrsrs
        Não foi iLex???

        PS. Não me faça passar por louco! Por favor!!! 😛

        • Rodrigo, largue a bebida, ela não te leva a lugar nenhum… 😛

          #zoando

  • FranKiko

    Se o IPc tivesse acrescentado, ao final, um “para mim” faria toda a diferença. Isso me traz à cabeça uma coisa óbvia: enquanto que para alguns um post pode ser muito interessante, para outros o mesmo post pode não ter interesse nenhum. Com isso fico pensando: seria legal ou não ter um sistema simples em que o leitor pudesse, digamos, dar uma nota de 0 a 5 de acordo com o interesse do post para ele? Os resultados poderiam ficar, se se desejasse, apenas para o administrador e com isso se obter um ranking de assuntos mais populares (claro que sempre se tem disponíveis page views, número de comentários etc.)

  • Sudré

    Interessante… Simples e cumpre o que promete, certo? 🙂 Abraços!

  • Andre

    ADOREI. Muito obrigado vai ser muito útil pra mim. E o mais legal que ele faz .ico para colocar do lado da URL da página.

  • Fred

    Da pra trocar os icones de um site que eu ja tenha nos meus favoritos?

  • Marlon

    Curti :D. Pena que para colocar icones customizados vc precisa ter acesso ao source.

  • Hugo

    Faltou explicar como jogar o icone pro Iphone e torná-lo um link pra acesso direto ao site.

    • Eu expliquei, mas se você não entendeu é porque a dica não era para você.
      Nada pessoal, só que a informação é técnica, só para quem monta sites adaptados para iPhone. 😉

  • Bruno Paris

    mas ilex, depois que eu acessei este post no meu ipod touch isto ja não sai da barra de título do meu ipod.
    não tem forma de saír??
    por favor ajuda-me.

    • Você está usando um fundo de tela que pegou daqui, não é? 😉

  • Bruno Paris

    isto quer dizer “blog do iphone”.
    desculpem pq esqueci-me de dizer o quê.

  • Carlos Schmitt

    Só para dar feedback
    Testei e o site/programa funciona de forma mt rapida e de qualidade

    parabens aos desenvolvedores e ao blog

    Abs

  • victor

    Se eu salvar uma página como webapp tem como eu implementar uma imagem pra ela? Tipo, o site não é meu, só quero colocar a imagem para aparecer no menu do iphone.

    valeu

    • Rafael

      Sem jailbreak nem pensa nisso, mas com jailbreak….
      (todo mundo pensou que eu ia dizer que sim… Mas na verdade não sei se com jailbreak dá…
      )

  • Felipe Matos

    Não consegui fazer o icone de jeito nenhum,,,,

    n importa o tamanho ou a extensao do arquivo q eu subia, sempre aparecia essa mensagem

    ” *for best results, use an image with a minimum width/height of 256 pixels “

  • Fabiana

    Olá!
    Eu tenho um blog e a versão mobile já funciona. Eu gostaria de colocar o ícone no iphone, mas infelizmente não sei onde copiar os códigos. Você fala em diretório raiz, mas onde fica isso num blog?
    Desculpa a pergunta, que pode ser boba, mas como no início do seu texto tinha escrito que poderia usar em blog, por isso que estou perguntando.
    Agradeço

    Fabiana