Hintergrundbild wird schlecht dargestellt (Theme Goran)

macingosh

Hallo,

ich bin gerade dabei, für einen Bekannten eine Site zu erstellen und bin in der Schlussphase. Auf die Startseite soll dabei ein großflächiges Bild (JPEG) in exakter Größe der Darstellung im Browser, welches mir fertig geliefert wurde.

Nun sieht das Bild, insbesondere die Kanten der Schrift, sehr viel unschärfer aus als im Original, dabei wurde es nicht skaliert und auch nur leicht komprimiert. Kann mir das bisher nicht erklären. Versuchsweise habe ich das Bild auch in bestmöglicher JPEG-Qualität und als PNG hochgeladen, aber der Eindruck bleibt der Gleiche. An der Kompression kann es also nicht liegen.

Meine Frage: kann es sein, dass das Theme die Auflösung / Darstellung reduziert? Es handelt sich um das Theme Goran, allerdings wurden auf Kundenwunsch die gesamten Responsiv-Eigenschaften entfernt, damit seine Designwünsche realisiert werden konnten (war anders nicht möglich). Das heißt, die Seite ist jetzt vollkommen statisch. Hat es damit zu tun?

Bin zur Zeit wirklich ratlos.

Hier die Seite: macingosh.net

Und hier ist das gelieferte Bild:

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

macingosh

Nachtrag: das angehängte Bild wird hier leider nur verkleinert wiedergegeben und unterscheidet sich deshalb nicht in der Darstellungsqualität, wie ich inzwischen gemerkt habe. Kann also nicht wirklich als Referenz dienen.

Tutrix

nun das Bild hat eine Größe von 951px × 1230px

wird auf der Seite aber in alle Richtungen gestreckt

Code

div.hero.with-featured-image {
    min-height: 1482px;
    min-width: 1230px;
}

macingosh

Ja, das kommt durch die Verkleinerung im Forum. Das richtige Bild hat aber tatsächlich 1228px.

Tutrix

das Bild hat die oben angegebene Größe, steht sogar im Dateinamen AUDIONPLUS_Start_NEU-951x1230.jpg

also Breite 951px und Höhe 1230px

und dies wird gestreckt auf

Breite 1230px
Höhe 1482px

wenn du es nicht glaubst

öffne das Bild im Browser(in voller Größe)
http://macingosh.net/wp-content/upl…EU-951x1230.jpg
öffne die Seite in einem neuen Tab
http://macingosh.net/

vergleiche und du siehst den Unterschied

macingosh

Doch, doch, ich glaube Dir. Sorry hatte Dich eben falsch verstanden. Besten Dank.

macingosh

Offensichtlich liegt es wohl daran, dass diese Hintergrundbilder zu den Seiten als Beitragsbilder definiert sind und automatisch auf die Größe skalieren. Irgendeine Ahnung, wo man das ändern kann???

Tutrix

nun die dazu gehörige css Formatierung hab ich ja schon gepostet

zusätzlich ist noch cover definiert

Code

.hero-image .hero {
    background-position: 10% 10%;
    background-repeat: no-repeat;
    background-size: cover;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

aber ändern hilft dir ja nicht, da ja dann nur der halbe Beitrag mit dem Bild gefüllt wird
also einfach Bilder in der richtigen Größe verwenden oder größer oder mit etwas unscharf leben

macingosh

Sei bedankt.

maxe

die Standard Thumbnail Größe kannst du über die functions.php deines Themes festschreiben.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hintergrundbild wird schlecht dargestellt (Theme Goran)

Jetzt mitmachen!