Wie mache ich meine website-logo auf das Symbol Bild in der browser-tabs?

Dem Bild neben dem Titel der Seite im browser-tab - wie kann man den link hier ein Bild?

Keywords favicon.ico
en.wikipedia.org/wiki/Favicon

InformationsquelleAutor jay | 2012-07-15

  1. 147

    Dieses Bild aufgerufen wird 'favicon' und es ist eine kleine quadratische .ico - Datei ist die standard-Dateityp für favicons. Könnten Sie .png oder .gif auch, aber Sie sollten Folgen Sie den standard für eine bessere Kompatibilität.

    Fest für Ihre Webseite sollten Sie:

    1. Stellen Sie ein quadratisches Bild von Ihr logo (vorzugsweise 32x32 oder 16x16 Pixel, soweit ich weiß, gibt es keine max Größe*), und verwandeln es in eine .ico - Datei. Dies können Sie über Gimp, Photoshop (mit Hilfe einer plugin) oder eine website wie Favicon.cc oder RealFaviconGenerator.

    2. Dann haben Sie zwei Möglichkeiten, Ihre Einrichtung:

      A) indem Sie es auf die root-Ordner/Verzeichnis Ihrer website (neben index.html)
      mit dem Namen favicon.ico.

      oder

      B) Verknüpfung zwischen den <head></head> tags jeder .html - Datei auf Ihrer Website, wie diese:

      <head>
  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>

    Wenn Sie sehen möchten der favicon von einer website haben, schreiben Sie einfach www.url.com/favicon.ico und du wirst (wahrscheinlich) sehen. Stackoverflow ist favicon ist 16x16 Pixel und Wikipedia ist 32x32.

    *: Es gibt auch ein browser-problem mit kein filesize-limit. Man konnte leicht Abstürzen, die einen browser mit einer überaus großen favicon, mehr info hier

    realfavicongenerator.net badass!

    InformationsquelleAutor LasagnaAndroid

  2. 12

    Wird Sie als " favicon' und fügen Sie folgenden code, um die header Abschnitt Ihrer website.

    Einfach fügen Sie diese an die <head> Abschnitt.

    <link rel="icon" href="/your_path_to_image/favicon.jpg">

    InformationsquelleAutor Dulith De Costa

  3. 6

    Dies ist die favicon und erklärt in dem link.

    z.B. vom W3C

      <link rel="icon" 
     type="image/png" 
     href="http://example.com/myicon.png">

    Plus natürlich die image-Datei an der entsprechenden Stelle.

    InformationsquelleAutor Vincent Ramdhanie

  4. 2
    <link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 
'apple-touch-icon-retina.png')}">

    oder verwenden Sie dieses

    <link rel="shortcut icon" sizes="114x114" href="${resource(dir: 'images', file: 'favicon.ico')}"
type="image/x-icon">
    diesen code in den Kopf
    apple-touch-icon ist für iOS-webApps

    InformationsquelleAutor user3680001

  5. 1

    Fügen Sie eine icon-Datei namens "favicon.ico" in das Stammverzeichnis Ihrer website.

    Erinnern ist ist genau 16x16px.
    Nein ist es nicht, es muss quadratisch geformte und jeder Größe, wird es nur länger dauern, um zu laden

    InformationsquelleAutor Mike Fulton

Schreibe einen Kommentar