Werden Bilder nicht automatisch vor der Auslieferung skaliert?

**kubjo** · 12.03.2015, 13:32

Hallo Leute,
helft mir bitte mal von meiner langen Leitung runter:

Bisher dachte ich immer, daß ich die Bildgröße (px) der Bilder die ich hochlade nicht auf die Seite optimieren muß, da die Bilder zur Laufzeit neu berechnet und dann kleiner eingesetzt werden.
Bei einen Speedtest, wird jetzt auf meinen Seiten die Größe der Bilder bemängelt. Logisch, denn ich habe viele Bilder einfach mal mit 1200px Breite hochgeladen.
Habe ich mich so vertan, oder habe ich eine Einstellung nicht richtig gesetzt.
Die automatische Verkleinerung beim Upload kenne ich und weiß wie sie funktioniert, das ist nicht meine Frage!

Grüße aus Ludwigsburg
Jochen Kubik

**Samson1964** · 12.03.2015, 17:04

Einstellungen -> Dateien und Bilder -> Maximale GD-Bildbreite/-höhe

Sollte höher als 1200 eingestellt sein, damit Thumbnails auch von solchen Bildgrößen generiert werden. Ist der Wert zu klein, wird kein Thumbnail generiert.

**Thraile** · 12.03.2015, 19:14

Bilder werden im Frontend nur neu berechnet, wenn du beim Bild auch die Größe angibst - dafür ist das Felde Höhe und Breite da

. Wenn du Proportional skalierst brauchst du natürlich nur einen der Werte angeben.
Ohne diese Angaben wird das Bild einfach eingebunden wie es ist, und der Browser skaliert dann die Größe für sich.

Für die Bildqualität ist es aber sicherlich besser, wenn man die Bilder schon in der benötigten Auflösung auf den Server hochlädt.

**kubjo** · 13.03.2015, 07:01

Hallo Samson1964,
die "Maximale GD-Bildbreite und -höhe" ist hier auf 3000px eingestellt. Trotzdem keine Skalierung ;-)

Grüße aus Ludwigsburg
Jochen Kubik

**aportmann** · 13.03.2015, 07:46

hallo jochen

wenn ich mich nicht irre passiert da nichts «automatisch». entweder werden sie im frontend auf die in den einstellungen angebene grösse unter «Maximale Frontend-Breite» gerechnet oder du nutzt die neue funktion gemäss http://rocksolidthemes.com/de/contao...picture-contao.

gruss andi

**kubjo** · 13.03.2015, 07:52

Hallo aportmann,
über diesen Weg komme ich so zu sagen. Ich bin nur verblüfft/enttäuscht, weil ich mmer im Glauben war, daß ich Bilder, solange sie kleiner sind als in "Einstellungen -> Dateiuploads -> Maximale Bildbreite/höhe" angegeben, in beliebiger Größe hochladen kann und diese zur Laufzeit auf die Größe, die im z.B. Artikel angegeben ist runtergerechet werden. Statt dessen erscheinen meine Bilder nur via html kleiner skaliert.

Grüße aus Ludwigsburg
Jochen Kubik

**aportmann** · 13.03.2015, 07:58

Zitat von kubjo

Ich bin nur verblüfft/enttäuscht, weil ich mmer im Glauben war, daß ich Bilder, solange sie kleiner sind als in "Einstellungen -> Dateiuploads -> Maximale Bildbreite/höhe" angegeben, in beliebiger Größe hochladen kann und diese zur Laufzeit auf die Größe, die im z.B. Artikel angegeben ist runtergerechet werden.

also die bilder müssten bestimmt runtergerechnet werden, soweit im artikel eine breite oder höhe angegeben wurde. wird dies nicht gemacht tippe ich darauf, dass es serverseits eine limitierung der gd-library gibt – sprich diese grosse bilder über einer bestimmten pixelgrösse nicht runterrechnen kann.

gruss andi

**MacKP** · 13.03.2015, 07:59

? Versteh ich jetzt nicht. Wie genau bindest du das Bild ein?
Wenn du in einem CE Bild (oder sonstwo) ein Bild auswählst, dort dann eine Breite eingibst, dann wird das auf diese Breite runter gerechnet. Du schreibst gerade, das es nicht so ist?
Gib doch mal nen Link zu der Seite und beschreib mal bitte genau, wie du das Bild einbindest.

Viele Grüße

**kubjo** · 13.03.2015, 08:02

Hi Leute,

hier ein Beispiel-Link zu meiner ~~privaten Foto-Seite~~, hier sind die Bilder als normaler CE-Bild eingebunden!

Grüße aus Ludwigsburg
Jochen Kubik

edit: Der Link fürt zu einer Seite, auf der keine Bildgrößen im CE eingegeben wurde, und ist somit nicht aussagekräftig! SORRY!!!

**Spooky** · 13.03.2015, 08:03

Vielleicht ist auf deinem Server die GDlib bzw. das JPEG Processing in der GDlib nicht aktiviert. Da waren zufällig schon zwei andere solche Fälle hier im Forum vor kurzer Zeit.

**kubjo** · 13.03.2015, 08:07

Habe gerade eine Supporanfrage an den Provider gestellt, da wissen wir gleich mehr!

Grüße aus Ludwigsburg
Jochen Kubik

**MacKP** · 13.03.2015, 08:09

Ein erster Hinweis wäre im Backend zu schauen. Wenn da keine Thumbnails generiert werden (in der Dateiverwaltung), dann ist da schon was nicht in Ordnung.

Viele Grüße

**kubjo** · 13.03.2015, 08:21

Hi MacKP,
das BE ist in Ordnung!
Mal sehen, was der Provider sagt!

Grüße aus Ludwigsburg
Jochen Kubik

**Spooky** · 13.03.2015, 08:25

Zitat von kubjo

Hallo aportmann,
über diesen Weg komme ich so zu sagen. Ich bin nur verblüfft/enttäuscht, weil ich mmer im Glauben war, daß ich Bilder, solange sie kleiner sind als in "Einstellungen -> Dateiuploads -> Maximale Bildbreite/höhe" angegeben, in beliebiger Größe hochladen kann und diese zur Laufzeit auf die Größe, die im z.B. Artikel angegeben ist runtergerechet werden. Statt dessen erscheinen meine Bilder nur via html kleiner skaliert.

Nein, diese Einstellung hat, wie schon die Sektion sagt, nur Auswirkungen auf Dateiuploads, die man über den File Manager im Backend macht. Das was du meinst ist die Einstellung Maximale Frontend-Breite unter Dateien und Bilder.

Hast du bei deinen Bild Inhaltselementen nun eine Größe angegeben oder nicht?

**kubjo** · 13.03.2015, 08:36

Hi Spooky,
der Link war wohl ein schlechtes Beispiel, hier habe ich tatsächlich keine Bildgrößesn angegeben, SORRY!!!!

Ich bin über eine Kundeseite auf das Problem gestoßen, als ich versucht habe die responsiven Bilder zu implementieren!

Da hier aber mmentan die Einstellungen für die responsiven Bilder greifen, ist es für mich schwer zu ermitteln, wo der Fehler liegt.

Grüße aus Ludwigsburg
Jochen Kubik

**NetMediaWork** · 13.03.2015, 08:40

Hallo,

wenn Du im Contentelement-Bild die Bilder mit beispielsweise mit 1200px Breite angibst rechnet Contao die logischerweise auch nur auf 1200px Breite runter vom Original. Im CE gibst Du die Breite und Höhe ein, die Du auch tatsächlich nur als Vorschaubild benötigst und das sind sicher weit weniger als im Beispiel:

PHP-Code:


<img src="files/Bilder/Fotografie/Einzelbilder/DSCF4677.jpg" width="1200" height="900" alt="">

Wenn Du das ganze dann auch noch auf mitte | mitte machst z.b. 600 x 450 hast Du auch für alle Vorschaubilder eine gleiche Höhe und keine Absätze von Vorschaubild zu Vorschaubild. In der Lightbox werden die Bilder dann im Original angezeigt.

Die Einstellungen für Responsive Bilder für Contao 3.4 > greifen nur, wenn Du im Layout auch das entsprechende Script aktiviert hast.

**MacKP** · 13.03.2015, 08:54

OK, bei deiner ersten Seite ist nichts angegeben.. da ist also erst mal kein Problem.. bei der 2. Seite kann ich auch kein Problem in der Art feststellen...

Viele Grüße

**Spooky** · 13.03.2015, 09:00

Zitat von kubjo

Ich bin über eine Kundeseite auf das Problem gestoßen, als ich versucht habe die responsiven Bilder zu implementieren!

Da hier aber mmentan die Einstellungen für die responsiven Bilder greifen, ist es für mich schwer zu ermitteln, wo der Fehler liegt.

Wie MacKP schon erwähnt hat: dort scheint es ja keinen Fehler zu geben? Wenn doch, dann musst du uns erklären, was auf dieser Seite der Fehler ist.

**kubjo** · 13.03.2015, 09:11

Hi Leute,

bei der Kundenseite, versuche ich das kleine Bild der Inhaber responsive einzubinden.
Dazu hbe ich folgende Einstellungen gemacht:

(max-width:767px) 730x568
(min-width:768px) and (max-width:979px) 166x129
(min-width:980px) 220x171

Und es entsprechend eingebunden, versprochen! ;-)

Leider wird immer das Bild nicht runtergerechnet, sondern nur skaliert wieder gegeben.

Das Bild hat von Haus aus 730px Breite, und soll auf großen Bildschirmen 220px breit, und bei mittleren Bildschrimen 166pb breit dargestellt werden, bei kleinen Bildschirmen soll es in voller Größe (730px) dargestellt werden.

Grüße aus Ludwigsburg
Jochen Kubik

**webstar** · 13.03.2015, 09:11

Zitat von kubjo

Bei einen Speedtest, wird jetzt auf meinen Seiten die Größe der Bilder bemängelt. Logisch, denn ich habe viele Bilder einfach mal mit 1200px Breite hochgeladen.

Vermutlich handelt es sich um ein anderes Problem, als du vermutest.

Wenn es um den Google-Speedtest oder ähnliches geht, kommt die Bemängelung der Bildgröße oftmals durch das Responsive Design. Ist das Bild beispielsweise auf 900px heruntergerechnet, das Browserfenster hat aber nur eine Breite von 500px, sind für Google die Bilder nicht optimiert. Abhilfe schafft hier die Responsive-Bilder Funktion von Contao 3.4, sodass verschiedene Bildgrößen ausgeliefert werden können.

**kubjo** · 13.03.2015, 09:19

Hallo Webstar,

ja, das responsive Einbinden der Bilder habe ich bis jetzt noch nicht verwirklicht. Da bin ich gerade dran. Leider erschließt es sich mir nicht so wirklich. Obwohl ich die einschlägigen Artikel schon studiert habe :-(

z.B. wird bei den neuen Bildgrößeneinstellungen, im ersten Dialog schon nach einer Bildgröße gefragt, da weiß ich nicht, wann diese greift! Die danach eingefügten media queries glaube ich inzwischen verstanden zu haben. daher meine Verwirrung, das auf o.g. Kundenwebseite die Bilder immernoch nicht runter gerechnet, sondern nur skaliert dargestellt werden.

Grüße aus Ludwigsburg
Jochen Kubik

**Spooky** · 13.03.2015, 09:21

Zitat von kubjo

Hi Leute,

bei der Kundenseite, versuche ich das kleine Bild der Inhaber responsive einzubinden.
Dazu hbe ich folgende Einstellungen gemacht:

(max-width:767px) 730x568
(min-width:768px) and (max-width:979px) 166x129
(min-width:980px) 220x171

Und es entsprechend eingebunden, versprochen! ;-)

Leider wird immer das Bild nicht runtergerechnet, sondern nur skaliert wieder gegeben.

Das Bild hat von Haus aus 730px Breite, und soll auf großen Bildschirmen 220px breit, und bei mittleren Bildschrimen 166pb breit dargestellt werden, bei kleinen Bildschirmen soll es in voller Größe (730px) dargestellt werden.

Grüße aus Ludwigsburg
Jochen Kubik

Wie hast du das getestet? Wenn du im FireFox Strg+Shift+M drückst und dann die Breite des Fensters auf 767 Pixel einstellst, wirst du feststellen, dass das 730x568 große Bild verwendet wird, genau so wie du eingestellt hast. Ab 768 Pixel Breite und maximal 979 Pixel Breite wird das 166x128 Bild angezeigt und darüber das 220x171 Bild.

**kubjo** · 13.03.2015, 09:24

Hi spooky,
vielen Dank für den Tipp mit der mobilen darstellung, das kannt ich noch nicht!

Ja, das Bild soll hier nicht runtergerechnet werden (730px), aber in den anderen Breiten soll es runtergerechnet werden, wird aber nur skaliert!

Grüße aus Ludwigsburg
Jochen Kubik

**Spooky** · 13.03.2015, 09:41

Zitat von kubjo

Hi spooky,
vielen Dank für den Tipp mit der mobilen darstellung, das kannt ich noch nicht!

Ja, das Bild soll hier nicht runtergerechnet werden (730px), aber in den anderen Breiten soll es runtergerechnet werden, wird aber nur skaliert!

Grüße aus Ludwigsburg
Jochen Kubik

Verstehe es leider immer noch nicht genau

. Wenn der Browser mindestens 768 Pixel breit ist, wird nichts skaliert. Darunter wird das 730x568 große Bild skaliert.

**kubjo** · 13.03.2015, 10:05

Hi spooky,

zuerst mal meine Begrifflichkeiten:

- runtergerechnet: das CMS liefert das Bild in einer anderen px-Größe aus, als ins BE hochgeladen wurde, d.h. das CMS berechnet eine neue Auflösung
- skaliert: das CMS liefert das Bild in der Größe aus, wie es ins BE hochgeladen wurde, das Bild wird nur kleiner (in manchen Fällen auch größer) im Browser dargestellt

Auf der Kundensite sooll das kleine Bild der Inhaber folgendermaßen Dargestellt werden:

- Auf großen Bildschirmen (min-width:980px) mit 220px Breite
- Auf mittleren Bildschirmen (min-width:768px) and (max-width:979px) mit 166px Breite
- Auf kleinen Bildschirmen (max-width:767px) 730x568 (oder wenn der Viewport kleiner ist, dann halt volle Breite)

Grüße aus Ludwigsburg
Jochen Kubik

**Spooky** · 13.03.2015, 10:11

Ja, und das ist ja schon alles so der Fall.

**kubjo** · 13.03.2015, 10:18

Hi spooky,

ok, aber warum erhalte ich im FF über "Extras-> Seiteninformationen -> Medien" die Info, daß das Bild 730px Breite hat, die auf 220px skaliert wurden. M.E, kann der Browser ja nicht wissen, daß das CMS das Bild vor der Auslieferung runtergerechnet hat. Außerdem müßte das CMS der runtergerechneten Datei ja noch einen temorären Dateinamen geben, oder täuche ich mich da?

edit: Habe das scheinbar kleine Bild mal mit "Speichern unter" gespeichert, es ist die 730px Version!

Grüße aus Ludwigsburg
Jochen Kubik

**Spooky** · 13.03.2015, 10:35

Das kann ich von mir aus nicht nachvollziehen:

**kubjo** · 13.03.2015, 11:05

Hi Spooky,

ich habe mal versucht Deinen screenshot nach zu machen ;-)

screeshot.jpg

??? BROWSERCACHE???

Grüße aus Ludwigsburg
Jochen Kubik

**Spooky** · 13.03.2015, 11:09

Ich kann nur vermuten, dass dein Browser aus irgendeinem Ground die Source Sets bzw. deren media Angaben ignoriert und daher ganz normal das

PHP-Code:


<img src="files/Standard%20Theme/DSC_3390-Bearbeitet_730.jpg" alt="">

anzeigt.

**mlweb** · 18.03.2015, 22:25

Vielleicht javascript im Browser ausgeschaltet?

**corbinian** · 08.04.2015, 09:49

Kann es sein dass seit Contao 3.4.5 die Bildgrößen verschwunden sind.
Hab eine Seite unter 3.4.4 am laufen und kann unter dem Bereich Themes
die Bildgrößen definieren. Bei einer anderen habe ich ein Update auf 3.4.5
gemacht und das Bildgrößen-Icon ist nicht mehr auffindbar. Es ist auch
in den Einstellungen nicht deaktiviert.

Weiß jemand zufällig die Antwort auf dieses Problem? Oder lag es am Update?

**mlweb** · 08.04.2015, 11:05

Nutzt Du vielleicht ein anderes Backend-Theme?
Im Backend-Theme default und flexibel aus dem core sind die Bildgrößen vorhanden. Im Backend-Theme smart-backend-theme sind die Bildgrößen nicht sichtbar (auch in der 3.4.4 nicht). Deshalb bin ich wieder auf die Backend-Themes des cores zurückgegangen.