Design-Tools

Favicons, Open-Graph-Bilder, Farbpaletten, Mockups und SVG-Optimierung.

6 Tools

• Favicon-Generator

  Machen Sie aus einem Bild ein komplettes Favicon-Paket: favicon.ico, PNG-Größen, Apple Touch Icon, Android-Icons, Web-Manifest und HTML-Tags.

• Open-Graph-Bild-Generator

  Gestalten Sie ein Social-Share-Bild mit 1200x630 Pixeln aus Titel, Logo und Hintergrund und laden Sie es als PNG herunter. Läuft komplett im Browser.

• Farbpaletten-Generator

  Erzeugen Sie Farbharmonien aus einer Grundfarbe, fixieren Sie Favoriten, prüfen Sie den WCAG-Kontrast und exportieren Sie nach CSS, Tailwind, JSON oder PNG.

• Farbpalette aus Bild

  Extrahieren Sie die dominanten Farben eines Bilds, kopieren Sie Hex-Codes, wählen Sie mit der Pipette einzelne Pixel und exportieren Sie die Palette.

• Screenshot-Mockup-Generator

  Setzen Sie einen Screenshot in einen Browser-, Laptop-, Smartphone- oder Tablet-Rahmen mit eigenem Hintergrund und Schatten und exportieren Sie ein PNG.

• SVG-Optimierer

  Verkleinern Sie SVG-Dateien mit SVGO: Metadaten und Ballast entfernen, Genauigkeit steuern, IDs und viewBox behalten und Vorher/Nachher vergleichen.