Favicons

master_burn

Editor
Loading . . 40% . . . 50%

Registered: Jul 2001
Location: near Quasi
Posts: 2472

02.01.2019 - 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

Administrator
Legends never die

Registered: Aug 2003
Location: nö
Posts: 25450

03.01.2019 - 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

social assassin

Registered: Jul 2002
Location:
Posts: 12118

03.01.2019 - 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

Editor
Loading . . 40% . . . 50%

Registered: Jul 2001
Location: near Quasi
Posts: 2472

03.01.2019 - 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

Legend
RabbitOfNegativeEuphoria

Registered: Mar 2000
Location: Kadaverstern
Posts: 11813

03.01.2019 - 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

ruebe_235467.svg (downloaded 90x)

xtrm

social assassin

Registered: Jul 2002
Location:
Posts: 12118

04.01.2019 - 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).

ocat_favicon_package_v0-16_235473.zip (downloaded 67x)

master_burn

Editor
Loading . . 40% . . . 50%

Registered: Jul 2001
Location: near Quasi
Posts: 2472

04.01.2019 - 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

social assassin

Registered: Jul 2002
Location:
Posts: 12118

04.01.2019 - 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.

master_burn Editor Loading . . 40% . . . 50% Registered: Jul 2001 Location: near Quasi Posts: 2472	02.01.2019 - 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 Administrator Legends never die Registered: Aug 2003 Location: nö Posts: 25450	03.01.2019 - 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? Logo findet man hier: https://www.overclockers.at/communi...-at-logo_252237
xtrm social assassin Registered: Jul 2002 Location: Posts: 12118	03.01.2019 - 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 Editor Loading . . 40% . . . 50% Registered: Jul 2001 Location: near Quasi Posts: 2472	03.01.2019 - 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 Legend RabbitOfNegativeEuphoria Registered: Mar 2000 Location: Kadaverstern Posts: 11813	03.01.2019 - 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 ruebe_235467.svg (downloaded 90x)
xtrm social assassin Registered: Jul 2002 Location: Posts: 12118	04.01.2019 - 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). ocat_favicon_package_v0-16_235473.zip (downloaded 67x)
master_burn Editor Loading . . 40% . . . 50% Registered: Jul 2001 Location: near Quasi Posts: 2472	04.01.2019 - 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 social assassin Registered: Jul 2002 Location: Posts: 12118	04.01.2019 - 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.

Favicons

Forum Index > Community > Community Hub

master_burn

mat

xtrm

master_burn

Redphex

xtrm

master_burn

xtrm