gitmedia/presseportale
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2
presseportale/public/icons/EINBINDUNG.md
Kevin Adametz 58c773b153 web: Domain-spezifische Favicons und App-Icons für alle drei Marken (R5.4) 
Eigene Icon-Sets unter public/icons/{pressekonto,presseecho,businessportal24}
(SVG-Favicon + Touch-/App-Icons); ThemeHelper mappt das aktive Theme auf den
Icon-Ordner (Portal/Admin nutzt den pressekonto-Satz), alle Layout-Heads
binden Favicon + apple-touch-icon domain-abhängig ein.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-21 07:50:21 +00:00

1.4 KiB
Raw Permalink Blame History

Icon-Set pressekonto / presseecho / businessportal24

Dateien pro Domain

  • favicon.svg — Option A (dunkle Kachel, Akzent-Initiale), primäres Favicon
  • favicon.ico — Legacy-Fallback (16/32/48 px eingebettet)
  • favicon-16/32/48.png — PNG-Fallbacks
  • icon.svg — Option B (Duo-Monogramm), Quelle für große Icons
  • apple-touch-icon.png — 180 px (iOS)
  • icon-192.png, icon-512.png — PWA / Web-App-Manifest

Einbindung im <head> (pro Portal aus dem jeweiligen Ordner)

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

site.webmanifest (Icons-Block)

"icons": [
  { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
  { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
]

Hinweise

  • PNGs/ICO wurden mit Liberation Sans/Serif Bold gerendert (metrisch kompatibel zu Arial bzw. Times). Die SVGs nutzen den Font-Stack Helvetica/Arial bzw. Georgia/Times. Sobald die finalen Logo-Fonts feststehen, einfach im SVG font-family tauschen und PNGs neu exportieren.
  • Eckenradius: 14 % der Kantenlänge (8/56), konsistent über alle Größen.
  • Akzentfarben auf dunklem Grund sind bewusst aufgehellt (Kontrast bei 16 px): Gold #c9954f, Grün #8fae7d, Rost #d97b54.