zu „TYPO3-Schulung”

Anleitung

Bilder für den Webauftritt verkleinern

Nachricht vom

Bilder sollten vor dem Hochladen auf die Website verkleinert werden, da große Originaldateien unnötig viel Speicherplatz benötigen und die Ladezeiten der Website deutlich verlangsamen können. Optimierte Bilder verbessern die Darstellung auf verschiedenen Geräten, sparen Serverressourcen und tragen zu einer besseren Platzierung in Suchmaschinen bei. Daher ist es wichtig, dass Bilder für den Webauftritt auf eine sinnvolle Größe reduziert werden. Wir zeigen Ihnen wie Sie dies mit dem Bildbearbeitungsprogramm Irfan View machen, da dieses Programm auf allen Rechnern der Universität vorinstalliert ist. Natürlich können Sie auch mit anderen Programm die Bild-Programm Fotos herunter rechnen.

Video abspielen Achtung, es werden externe Daten von diesem Dienst geladen: YouTube.

Schritte im Detail:

  • IrfanView öffnen
    • Doppelklick auf das IrfanView-Symbol oder über das Startmenü öffnen.
  • Bild öffnen
    • Menü: Datei → Öffnen...
    • Gewünschtes Bild auswählen und öffnen.
  • Bildgröße ändern
    • Menü: Bild → Größe ändern (Resize/Resample)
  • Neue Bildbreite eingeben
    • Im Feld Breite folgenden Wert eingeben:
      • 2000 Pixel für reguläre Web-Bilder
      • 600 Pixel für Profilbilder
    • Höhe automatisch berechnen lassen (Haken bei “Proportional”)
    • Zusätzliche Optionen aktivieren:
      • Proportional (Seitenverhältnis beibehalten)
      • Resample Funktion verwenden (bessere Qualität)
    • Optional: DPI-Wert fürs Web einstellen:
      • DPI-Wert auf 72 setzen (unteres Feld im Dialogfenster) - nicht zwingend notwendig, aber für Web üblich
  • Bild speichern
    • Menü: Datei → Speichern unter...
    • Neuen Dateinamen vergeben (z. B. bildname_web.jpg)
      → So bleibt das Original erhalten
    • Dateiformat auswählen: JPEG oder PNG (je nach Bildtyp)
  • JPEG-Qualität anpassen (bei Bedarf)
  • Im Speichern-Dialog JPEG-Qualität auf ca. 80 % setzen - Guter Kompromiss zwischen Bildqualität und Dateigröße

Hinweise:

  • Profilbilder sollten zentriert und quadratisch zugeschnitten sein. Dies kann ebenfalls in IrfanView über Bild → Freistellen erledigt werden.
  • Achten Sie auf aussagekräftige Dateinamen (Beispiel: Jahr_Name_Fotograf.jpg)