Íconos y pantallas iPhone/iPad

18/Jun/2013 175

Para un proyecto espontáneo que se me ocurrió hacer, utilicé los íconos y pantallas que recomienda Apple para todos los sitios que requieran ser visualizados en sus teléfonos y tabletas. En mis tiempos mozos, cuando comencé a jugar con web móvil sólo existía 1 tamaño y 1 resolución. Años han pasado y a continuación está la lista completa si quieres tener todo cubierto: icons (resoluciones) y splash-screens (resoluciones y orientación).

<!-- Ícono iPhone -->
<link href="apple-touch-icon-57x57.png" sizes="57x57" rel="apple-touch-icon">
<!-- Ícono iPad-->
<link href="apple-touch-icon-72x72.png" sizes="72x72" rel="apple-touch-icon">
<!-- Ícono iPhone (Retina) -->
<link href="apple-touch-icon-114x114.png" sizes="114x114" rel="apple-touch-icon">
<!-- Ícono iPad (Retina) -->
<link href="apple-touch-icon-144x144.png" sizes="144x144" rel="apple-touch-icon">
<!-- Splash Screen iPhone -->
<link href="apple-touch-startup-image-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image">
<!-- Splash Screen iPhone (Retina) -->
<link href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- Splash Screen iPad (portrait) -->
<link href="apple-touch-startup-image-768x1004.png" media="(device-width: 768px) and (orientation: portrait)" rel="apple-touch-startup-image">
<!-- Splash Screen iPad (landscape) -->
<link href="apple-touch-startup-image-748x1024.png" media="(device-width: 768px) and (orientation: landscape)" rel="apple-touch-startup-image">
<!-- Splash Screen iPad (Retina, portrait) -->
<link href="apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- Splash Screen iPad (Retina, landscape) -->
<link href="apple-touch-startup-image-2048x1496.png" media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

Por defecto Safari agregará bordes redondos y un fino brillo al ícono, similar a cómo son tratados los íconos de aplicativos. Desde iOS 2 tienes la posibilidad de que el sistema no se comporte de esta manera; basta con agregar precomposed al nombre del archivo, ó al nombre del rel:

<link href="apple-touch-icon-precomposed" href=" apple-touch-icon-precomposed.png">

Link:

Comentarios

  1. kevin durant shoes [#]

    I enjoy you because of your whole labor on this blog. My mum delights in getting into investigations and it’s really obvious why. All of us know all regarding the lively form you offer informative strategies by means of the website and even inspire response from website visitors on that article so my simple princess has been studying a whole lot. Enjoy the remaining portion of the year. Your carrying out a fantastic job.

  2. Mobile recharge [#]

    What a beautiful blog

  3. hydroxychloroquine manufacturers usa [#]

    Hi there, yup this paragraph is in fact pleasant and
    I have learned lot of things from it on the topic
    of blogging. thanks. https://hhydroxychloroquine.com/

  4. nurtec odt [#]

    allegra generic – https://allergyd.com

  5. nurtec odt [#]

    cetirizine vs benadryl – http://allergyd.com

  6. GafInvake [#]

    cialis cost comparison

  7. ivermectin uk [#]

    Non-specific Message Far this product
    https://ivermectinsts.com ivermectin horse paste for humans
    https://ivermectinsts.com horse ivermectin for humans
    https://ivermectinst.com ivermectin over the counter
    https://stromectolivermect.com stromectol ivermectin amazon
    https://ivermectinstrom.com ivermectin cream walmart

  8. golden goose outlet [#]

    Thanks a lot for providing individuals with a very marvellous chance to read in detail from this blog. It’s usually so sweet plus stuffed with a lot of fun for me and my office co-workers to search your blog at least 3 times in a week to study the new stuff you have got. Not to mention, I’m also usually impressed with the exceptional principles you give. Some two tips in this post are unquestionably the finest we have ever had.

  9. off white [#]

    I not to mention my guys appeared to be digesting the excellent tips located on your web site then immediately I had an awful feeling I had not thanked the blog owner for those techniques. My young men came so warmed to study them and have now really been enjoying those things. Thanks for really being simply considerate as well as for going for some important topics most people are really wanting to be informed on. Our own sincere apologies for not expressing gratitude to earlier.

  10. birkin bag [#]

    I wish to express appreciation to you for rescuing me from this particular matter. Because of searching throughout the the net and getting principles which were not pleasant, I believed my life was over. Existing minus the strategies to the issues you’ve solved by means of this report is a crucial case, as well as the kind that might have negatively damaged my entire career if I had not noticed your blog. That training and kindness in dealing with the whole thing was important. I don’t know what I would’ve done if I hadn’t come across such a subject like this. I am able to at this time relish my future. Thanks a lot very much for this expert and results-oriented help. I won’t think twice to endorse the sites to anybody who should get care about this area.

  11. jordan retro [#]

    I’m commenting to make you know of the wonderful discovery my friend’s girl went through reading through your web page. She figured out such a lot of things, including what it’s like to have a marvelous coaching mindset to let other people easily comprehend several specialized subject matter. You truly surpassed our own desires. Many thanks for providing these beneficial, trusted, explanatory and as well as easy tips on your topic to Janet.

  12. lebron 18 [#]

    I have to show some thanks to the writer for bailing me out of this type of difficulty. Because of exploring throughout the world wide web and meeting methods that were not helpful, I thought my life was well over. Existing without the strategies to the difficulties you’ve solved all through your good report is a crucial case, as well as the kind which might have negatively affected my entire career if I had not discovered your web site. The mastery and kindness in touching everything was helpful. I’m not sure what I would have done if I had not encountered such a stuff like this. I can at this time relish my future. Thank you very much for your high quality and sensible help. I will not think twice to suggest your site to anybody who would need guidelines about this subject matter.

  13. kyrie 7 [#]

    My husband and i were fortunate Raymond could round up his researching from the ideas he got using your web site. It is now and again perplexing to simply be giving out points most people might have been selling. And now we keep in mind we have the writer to be grateful to for that. The entire explanations you have made, the easy web site menu, the friendships your site help to create – it is most astonishing, and it is assisting our son and us consider that the subject is awesome, and that is unbelievably fundamental. Thank you for all the pieces!

  14. GazInvake [#]

    tadalafil pills 20mg

  15. ivermectin 6 [#]

    stromectol https://stromectolforte.com/ ivermectin for humans for sale kjГёp stromectol

  16. stromectolforte.com [#]

    stromectol over the counter https://stromectolforte.com/# ivermectin for humans for sale ivermectin for humans where to buy

  17. kd 12 [#]

    I am also writing to let you know what a remarkable encounter my friend’s daughter experienced browsing your site. She even learned several pieces, which included what it’s like to possess an excellent teaching mood to make many people really easily know specified complicated matters. You really did more than visitors’ expected results. Many thanks for providing those valuable, healthy, explanatory and easy tips on that topic to Lizeth.

  18. curry shoes [#]

    I am just writing to make you understand what a cool encounter our girl developed using your web page. She figured out many pieces, which include how it is like to have a very effective helping mood to have other folks with ease comprehend various very confusing subject areas. You actually exceeded my expectations. Thank you for supplying these good, trusted, edifying and in addition fun tips about that topic to Sandra.

  19. off white outlet [#]

    I really wanted to construct a brief comment in order to say thanks to you for these wonderful tips and hints you are showing here. My particularly long internet search has at the end of the day been compensated with really good details to go over with my partners. I ‘d point out that most of us website visitors are undeniably lucky to exist in a notable community with many special people with valuable principles. I feel rather happy to have encountered your entire weblog and look forward to really more entertaining moments reading here. Thanks once more for a lot of things.

  20. curry [#]

    I as well as my pals appeared to be viewing the excellent tips located on your web page while immediately came up with an awful feeling I never expressed respect to the blog owner for those secrets. All the men were thrilled to see all of them and have in effect surely been taking advantage of them. Thanks for genuinely very kind and for selecting this form of exceptional topics millions of individuals are really wanting to discover. My honest apologies for not expressing gratitude to earlier.

  21. kyrie irving shoes [#]

    I enjoy you because of all your work on this website. My mom takes pleasure in doing investigation and it’s really easy to see why. Almost all hear all regarding the compelling tactic you give precious secrets by means of the web site and even boost participation from other ones on this situation so my daughter is without question starting to learn a whole lot. Have fun with the rest of the new year. You are doing a splendid job.

  22. surpreme [#]

    Needed to write you one tiny observation in order to thank you as before for those beautiful pointers you have discussed on this site. This has been so extremely open-handed with you to provide extensively all that a few individuals would have supplied for an e book to generate some bucks for themselves, chiefly considering that you might well have tried it in case you desired. These suggestions likewise acted to become a fantastic way to be aware that someone else have a similar dreams really like my own to figure out lots more regarding this matter. I think there are thousands of more enjoyable periods up front for many who find out your site.

  23. off white nike [#]

    I happen to be commenting to make you be aware of of the excellent discovery my wife’s child had reading your site. She picked up a wide variety of things, which include what it is like to possess a very effective teaching mood to have certain people very easily grasp specific tricky matters. You truly surpassed her expected results. I appreciate you for showing these precious, healthy, informative as well as cool tips on the topic to Emily.

  24. GaloInvake [#]

    zithromax z pak cost

  25. stromectoloff.com [#]

    pilule de stromectol https://www.ivermecton.com/ stromectol 6mg

CSSLab