Skalierte Header-Bilder für Slider-Diaschau auf responsiver Seite

Skalierte Header-Bilder für Slider-Diaschau auf responsiver Seite | PSD-Tutorials.de

Erstellt von rakader, 06.06.2021.

  1. rakader

    rakader Watmahatdahatma

    Dabei seit:
    10.06.2008
    Beiträge:
    461
    Geschlecht:
    männlich
    Ort:
    Passau
    Software:
    Creative Suite CC
    Kameratyp:
    Hasselblad, Nikon diverse
    Skalierte Header-Bilder für Slider-Diaschau auf responsiver Seite
    Ich habe hier einige Bilder, die für eine Startseite im Header 400px als Diaschau ablaufen sollen. Dummerweise wird bei responsiven Seiten der Inhalt abgeschnitten, so dass der Witz verloren geht. Ich benutze das Theme Avada und skaliere auf volle Fensterbreite 100%. Beim Skalieren werden elementare Bildinhalte abgeschnitten - im Beispiel der Vogel, der auf Scrabbelsteine mit dem Wort Fake kackt. (Hintergrundfehler ignorieren.)

    Erst bei einem Seitenverhältnis von 1:16 wird nichts mehr abgeschnitten. Dazu habe ich um das Motiv jede Menge Freiraum gefüllt. Dummerweise wird dabei die Bildqualität schlecht oder die Dateigröße zu groß.

    Gibt es einen Trick, wie ich in einem Header mit 300-400px Höhe das Motiv in guter Qualität darstellen kann? Hochformat is kein Problem, ein iMac aber schon.

    [​IMG]
     
    Zuletzt bearbeitet: 06.06.2021
    #1      
  2. TutKit

    TutKit Vollzugriff

    Vollzugriff auf sämtliche Inhalte für Photoshop, InDesign, Affinity, 3D, Video & Office

    Suchst du einen effektiven Weg, um deine Geschäftsideen aber auch persönlichen Kenntnisse zu fördern? Teste unsere Lösung mit Vollzugriff auf Tutorials und Vorlagen/Erweiterungen, die dich schneller zum Ziel bringen. Klicke jetzt hier und teste uns kostenlos!

Seobility SEO Tool
x
×
×