Always private
DuckDuckGo never tracks your searches.
Learn More
You can hide this reminder in Search Settings
All regions
Argentina
Australia
Austria
Belgium (fr)
Belgium (nl)
Brazil
Bulgaria
Canada (en)
Canada (fr)
Catalonia
Chile
China
Colombia
Croatia
Czech Republic
Denmark
Estonia
Finland
France
Germany
Greece
Hong Kong
Hungary
Iceland
India (en)
Indonesia (en)
Ireland
Israel (en)
Italy
Japan
Korea
Latvia
Lithuania
Malaysia (en)
Mexico
Netherlands
New Zealand
Norway
Pakistan (en)
Peru
Philippines (en)
Poland
Portugal
Romania
Russia
Saudi Arabia
Singapore
Slovakia
Slovenia
South Africa
Spain (ca)
Spain (es)
Sweden
Switzerland (de)
Switzerland (fr)
Taiwan
Thailand (en)
Turkey
Ukraine
United Kingdom
US (English)
US (Spanish)
Vietnam (en)
Safe search: moderate
Strict
Moderate
Off
Any time
Any time
Past day
Past week
Past month
Past year
  1. commons.wikimedia.org

    2 days agoprecomposed apple touch icon. Summary [edit] Description: English: precomposed apple touch icon. Date: 21 January 2025: Source: https://goo.ne.jp/ Author: NTT Communications: Licensing [edit] Public domain Public domain false false: This logo image consists only of simple geometric shapes or text.
  2. allinthehead.com

    The Apple spec allows for two types of icons, apple-touch-icon and apple-touch-icon-precomposed. The latter allows one to link to an icon that will not have the glossy highlighting applied. I've updated the javascript, so to use it just edit the address of your bookmarklet in Safari and paste in the appropriate line as copied from the link below.
  3. botcrawl.com

    If you don't want Safari on iOS to add any effects to the icon, replace "apple-touch-icon" with "apple-touch-icon-precomposed". Sean Doyle. Sean is a distinguished tech author and entrepreneur with over 20 years of extensive experience in cybersecurity, privacy, malware, Google Analytics, online marketing, and various other tech ...
  4. realfavicongenerator.net

    Precomposed touch icons (eg. apple-touch-icon-precomposed.png) apple-touch-icon.png; As a consequence, when a web site as no apple-touch-icon.png or this picture is somewhat wrong, it may still support the Apple touch icon successfully. For example, by providing alternative pictures declared in the HTML code.
  5. netizenstechnologies.com

    Mar 12, 2024The apple-touch-icon-precomposed.png is a specially crafted icon image that web developers include on their websites to provide a customized icon when users bookmark their site on an iOS device. This icon serves as a visual representation of the website and is displayed on the home screen when the user adds a shortcut or bookmark for the site.
  6. developer.apple.com

    To specify an icon for the entire website (every page on the website), place an icon file in PNG format in the root document folder called apple-touch-icon.png. To specify an icon for a single webpage or replace the website icon with a webpage-specific icon, add a link element to the webpage, as in:
  7. Can’t find what you’re looking for?

    Help us improve DuckDuckGo searches with your feedback

  1. Minimalist solution - Recommended

    A common practice is to create a single 180x180 icon, which is the highest expected resolution, and let the iOS devices scale it down as needed. It is declared with:

    <link rel="apple-touch-icon" href="/path/to/apple-touch-icon.png">

    Exhaustive solution - Not recommended

    Apple specs specify new sizes for iOS7:

    • 60x60
    • 76x76
    • 120x120
    • 152x152

    And also for iOS8:

    • 180x180

    In addition, precomposed icons are deprecated.

    As a consequence, to support both new devices (running iOS7) and older (iOS6 and prior), the generic code is:

    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">    
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">

    In addition, you should create a 180x180 picture named apple-touch-icon.png.

    Note that iOS looks for URL like /apple-touch-icon-76x76.png, if it does not find interesting stuff in the HTML code (a bit like what IE is doing with /favicon.ico). So it is important to keep the file names are they are above. It is also important to consider that Android/Chrome is also using these pictures.

    You might want to know that this favicon generator can create all these pictures at once. Full disclosure: I'm the author of this site.

    --philippe_b

    Was this helpful?
Custom date rangeX