Website-Bild hochladen
Hier lädst du Bilder für deine Website hoch, die als Logos, Favicons oder andere wichtige Grafiken verwendet werden. Die Bilder werden automatisch optimiert und in verschiedenen Größen bereitgestellt.
Voraussetzungen
- Du befindest dich in den Website-Einstellungen oder einer Block-Konfiguration
- Du hast Bilddateien auf deinem Computer verfügbar
Aufbau der Seite
Der Upload-Bereich zeigt:
- Vorschau-Bereich: Zeigt das hochgeladene Bild oder einen Upload-Bereich
- "Datei auswählen"-Schaltfläche: Öffnet den Datei-Browser
- Fortschrittsanzeige: Zeigt den Upload-Fortschritt
- Löschen-Schaltfläche: Entfernt das hochgeladene Bild
So arbeitest du mit dieser Seite
Bild hochladen
- "Datei auswählen" klicken: Öffne den Datei-Browser deines Computers
- Bilddatei wählen: Wähle eine PNG-, JPG-, JPEG- oder GIF-Datei
- Upload abwarten: Die Fortschrittsanzeige zeigt den Fortschritt
- Vorschau prüfen: Das Bild erscheint im Vorschau-Bereich
Bild ersetzen
- Aktuelles Bild löschen: Klicke die "Löschen"-Schaltfläche
- Neues Bild hochladen: Verwende "Datei auswählen" für ein neues Bild
Bild entfernen
- "Löschen" klicken: Entfernt das aktuelle Bild
- Bestätigung: Das Bild wird sofort entfernt
- Upload-Bereich: Erscheint wieder für neue Uploads
Tipps und Hinweise
- Unterstützte Formate: PNG, JPG, JPEG, GIF
- Dateigröße beachten: Maximale Größe ist normalerweise 5 MB
- Bildqualität: Verwende hochwertige Bilder für beste Ergebnisse
- Automatische Optimierung: Bilder werden automatisch für das Web optimiert
- Verschiedene Größen: Das System erstellt automatisch verschiedene Bildgrößen
Empfohlene Bildgrößen
- Website-Logo: Mindestens 200x200 Pixel, quadratisch oder rechteckig
- Navigations-Logo: 150x50 bis 300x100 Pixel, eher rechteckig
- Favicon: Mindestens 32x32 Pixel, am besten quadratisch
- Hintergrundbilder: Mindestens 1920x1080 Pixel für Full-HD-Displays
Bildformate wählen
- PNG: Für Logos mit transparentem Hintergrund
- JPG/JPEG: Für Fotos und komplexe Bilder
- GIF: Für einfache Grafiken oder Animationen
Qualitäts-Tipps
- Hohe Auflösung: Verwende Bilder mit mindestens doppelter Zielgröße
- Scharfe Kanten: Besonders wichtig für Logos und Symbole
- Passende Farben: Achte darauf, dass Farben zum Website-Design passen
- Transparenz nutzen: PNG-Dateien können transparente Bereiche haben
Häufige Verwendungszwecke
- Website-Logo: Hauptlogo der Website, meist im Header
- Navigations-Logo: Kleineres Logo in der Navigation
- Favicon: Kleines Symbol im Browser-Tab
- Social Media Bilder: Für Vorschaubilder beim Teilen
- Platzhalterbilder: Für Inhalte ohne spezifische Bilder
Fehlerbehebung
- Upload funktioniert nicht: Prüfe Dateigröße und -format
- Bild zu groß: Komprimiere das Bild vor dem Upload
- Schlechte Qualität: Verwende ein Bild mit höherer Auflösung
- Falsches Format: Konvertiere zu PNG, JPG oder GIF