Favicons

Seite 1 von 1 - Forum: Community Hub auf overclockers.at

URL: https://www.overclockers.at/community-hub/favicons_252841/page_1 - zur Vollversion wechseln!

master_burn schrieb am 02.01.2019 um 01:26

Ich hab grad für das Forum das ich für unseren Yachtclub betreue die Favicons gemacht.
Dabei bin ich auf einige Probleme gestoßen und aber auch die Lösung:

https://realfavicongenerator.net/

Macht für alle Endgeräte und Eventualitäten Favicons.
Also auch für Windows Tiles, iOS Icons, Android Icons usw .. auch in "Retina"

Das fänd ich bei oc.at auch sehr cool wenn ich mir einen feschen Shortcut zb am Handy anlegen kann
der richtig gut aussieht

derzeit steht bei uns ja nur

Code: HTML

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

Wären dann ca sowas:

Code: HTML

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="apple-mobile-web-app-title" content="oc.at">
<meta name="application-name" content="oc.at">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">

Ich weiß alles net notwendig, ... aber schöner

mat schrieb am 03.01.2019 um 15:20

Gute Idee, wäre ein nettes Gimmick.

Dafür bräuchten wir ein neues, hochauflösendes Bild, das dafür verwendet werden kann. Das alte gibt es leider nur in diesem Format.

Traut sich jemand, sich auf oc.at langfristig zu verwirklichen? :eek:

Logo findet man hier: https://www.overclockers.at/communi...-at-logo_252237

xtrm schrieb am 03.01.2019 um 17:47

Ein HD Bild braucht man dazu eigentlich gar nicht, ich denke, das wird so schon passen. Kann ich am Abend machen bei Bedarf, bin auch ein großer Fan von Favicons .

master_burn schrieb am 03.01.2019 um 17:48

Ich schau mal das ich was mache - wir können ja hier im Thread sammeln und dann entscheiden
Solls angelehnt am derzeitigen Favicon sein oder was "neues"?

@xtrm: Naja damits am Iphone oder als Windows Kachel gut aussieht muss schon sowas um die 500px - 600px Kantenlänge sein

Redphex schrieb am 03.01.2019 um 21:51

vom aktuellen favicon hab ich auch nur 32x32 maximum rumliegen
aber - für interessierte Personen gibts attached die Quell-Rübe als Vektor - Urheber war damals glaub ich derelict

xtrm schrieb am 04.01.2019 um 03:01

Habe mal auf die Schnelle eines gemacht:

Code zum Einfügen im <head> auf der Seite:

Code:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=XBJRv9ljaW">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=XBJRv9ljaW">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=XBJRv9ljaW">
<link rel="manifest" href="/site.webmanifest?v=XBJRv9ljaW">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=XBJRv9ljaW" color="#426289">
<link rel="shortcut icon" href="/favicon.ico?v=XBJRv9ljaW">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">

Die Files aus der zip-Datei müssen im root Directory extrahiert werden (habe es so gewählt, da das Aktuelle auch im root ist).

master_burn schrieb am 04.01.2019 um 16:28

ich bin noch dabei was zu machen - is deinem design aber eh ähnlich
Nur das kleine 16x16 und 32x32 is schlecht zu erkennen

xtrm schrieb am 04.01.2019 um 16:56

Das 32x32 ist absolut in Ordnung, bei 16x16 erkennt man leider nicht mehr viel, sind wohl zu viele "Details" in dem Bild für diese undankbare Auflösung.