Artikel Teaser werden stark vergrößert dargestellt

Funktioniert wie gewollt, war die Antwort in Beta-Forum. Habe es auch bemängelt.

Jetzt bin ich mal gespannt, weil es ist ja tatsächlich so das es bereits in der beta bemängelt wurde und es da hieß es solle so sein.

Dann schaue ich später mal nach

Quote from Marcel Werk

Der vorgesehene Bereich für die Teaser-Bilder auf dieser Seite ist 460x150 Pixel groß.

Wie groß ein Bild sein muss, beziehungsweise wie groß dieser Bereich ist, woher kann ich diese Information bekommen?

Ich frage mich das jedes Mal.

Das zeig dir jedes Entwicklungswerkzeug im Browser an wenn du das Bild auswählst:

Das ist allerdings die max. Größe, bei kleineren Bildschirmen wird das Bild entsprechend skaliert und ggf. abgeschnitten. Da es mittlerweile auch viele Bildschirme mit hoher Pixeldichte gibt würde ich die Größe verdoppeln. Wenn du 1000x300 nimmst sollte das überall passen.

1. Rechtsklick auf das Element -> Untersuchen
2. Mit der Maus über den HTML Quelltext fahren
3. Der Bereich der Website, welcher zu der Zeile des Quelltexts gehört, wird farblich hervorgehoben + die Größe wird angezeigt

Als Beispiel:

Die Größe kann aber stark von der Breite des Browsers abhängen.

Ich danke euch beiden.

Ich benutze das nun schon ewig, aber meist benutze ich den Fenstermodus, also ein extra Fenster. Und dieses lag nun genau darüber.

Also alles gut.

Letztlich aber ist das gesamte Konzept der Bilder (Teaser, Artikel, Blog) wirklich unglücklich gelöst und mühselig zu handhaben. Man möchte einfach nur ein bestimmtes Bild dort haben, aber es wird verkleinert oder vergrößert, aber nicht im Original dargestellt.

Quote from ATLAS

Man möchte einfach nur ein bestimmtes Bild dort haben, aber es wird verkleinert oder vergrößert, aber nicht im Original dargestellt.

Das ist aber eigentlich auch gut und richtig so - und heutzutage auch aus guten Gründen so Praxis. Da Du nicht wissen kannst, ob der User das Bild / die Seite über einen Desktop-Rechner, Tablet, Handy etc. abruft, kannst Du die Größe richtigerweise nicht vorgeben.

Aber - und hier ist die Software tatsächlich verbesserungswürdig: Man sollte zumindest festlegen können, welcher Bildausschnitt bei welcher Ausspielung angezeigt wird. So sollte man bei der Medienbearbeitung mindestens die Ausschnitte für die in Artikeln verwendeten Varianten Quadrat / Querformat festlegen können. Der derzeit genommene Ausschnitt im Querformat / Banner ist ja offenbar eine eher willkürliche Vorgabe der Software.

Man müsste das mal ausdiskutieren. Eventuell eine Statistik kreieren, damit man mal einen Überblick über die verwendeten Formate hat.

Ich persönlich benutze eher kleine Bilder, die ich selbst erstelle. Meistens entwerfe ich die mit Inkscape und speichere sie dann als png.

Sie sind meist nicht größer als 200x200px. Damit nichts verzerrt wird muss ich nun jedes einzelne Bild in einen extra Hintergrund mit genau den passenden Maßen, für jeweils Teaser und Artikelbild kopieren. Das finde ich unendlich umständlich und zeitaufwändig.

Das ist so meine persönlich Meinung .....

Ich habe es bei mir mit den Artikeltitelbild und Artikelübersicht so gelöst dank Hilfe von hier im Forum mit erweiterten CSS:

/* Artikelbilder */
.articleImage .articleImageWrapper {
    max-height: 450px;
    max-width: 800px;
}
.articleImage {
    justify-content: center;
}

.contentItemImage {
        min-height: 225px;
        max-height: 225px;
        min-width: 300px;
           background-position: center top;
        background-size: contain;
}    
    
@media screen and (min-width:400px){
    .contentItemMultiColumn {
        flex-basis: calc(50% - 30px);
    }
    .contentItemImage {    
        margin: 10px;    
    }
}