"Christmas - the time to fix the computers of your loved ones" « Lord Wyrm

Favicons

master_burn 02.01.2019 - 01:26 2053 7
Posts

master_burn

Editor
Loading . . 40% . . . 50%
Avatar
Registered: Jul 2001
Location: near Quasi
Posts: 2472
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 :D

mat

Administrator
Legends never die
Avatar
Registered: Aug 2003
Location: nö
Posts: 25373
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

social assassin
Avatar
Registered: Jul 2002
Location:
Posts: 11893
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 :D.

master_burn

Editor
Loading . . 40% . . . 50%
Avatar
Registered: Jul 2001
Location: near Quasi
Posts: 2472
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

Legend
RabbitOfNegativeEuphoria
Avatar
Registered: Mar 2000
Location: Kadaverstern
Posts: 11811
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
ruebe_235467.svg (downloaded 88x)

xtrm

social assassin
Avatar
Registered: Jul 2002
Location:
Posts: 11893
Habe mal auf die Schnelle eines gemacht:

click to enlarge

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

Editor
Loading . . 40% . . . 50%
Avatar
Registered: Jul 2001
Location: near Quasi
Posts: 2472
ich bin noch dabei was zu machen - is deinem design aber eh ähnlich
Nur das kleine 16x16 und 32x32 is schlecht zu erkennen

xtrm

social assassin
Avatar
Registered: Jul 2002
Location:
Posts: 11893
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.
Kontakt | Unser Forum | Über overclockers.at | Impressum | Datenschutz