Bildausschnitt vertikal und horizontal zentrieren

[Gunnar Bittersmann]

@@tssh:

nuqneH

Ich möchte einen quadratischen Ausschnitt eines Bildes anzeigen, wobei genau der quadratische Ausschnitt in der Mitte (vertikal und horizontal) des Bildes angezeigt werden soll. Ich brauche das für eine Galerie, wo Thumbnails in kleinen Quadraten dargestellt werden sollen.

Du verwendest die großen Bilder für die Vorschau?? Das ist unsinnig, eine riesige Datenmenge zu übertragen, die der Nutzer gar nicht benötigt. Kostet nur sinnlos Ladezeit. Erstelle Thumbnails (kleine Vorschaubilder in der Größe, wie sie angezeigt werden)!

Natürlich möchte man jetzt bei den Vorschaubildern nicht einen Ausschnitt aus der Ecke sehen, sondern die Mitte des Bildes.

Bei Vorschaubildern möchte man einen Auschnitt, der das (große) Bild gut repräsentiert. Das kann die Mitte sein, muss aber nicht.

Wenn man wirklich gute Vorschaubilder haben möchte, kommt man um die manuelle Erstellung kaum drumherum: (quadratischen) Ausschnitt wählen und diesen auf die Zielgröße verkleinenern. Für jedes Bild wird der Ausschnitt in Position und Größe (im Originalbild) anders sein.

• Bei Background-Image ist das Problem, dass das Bild auch noch skaliert dargestellt werden muss.

In modernen Browsern kein Problem.

• Das Bild mit PHP umzurechnen ist fast nicht möglich

Das wäre aber da mindeste, was du tun solltest (siehe oben).

oder die Bilder jedesmal beim Aufruf neu umrechnen muss, was aus Performance-Gründen nicht in Frage kommt.

Denk nicht nur an die Performanz auf deinem Server, sondern auch an die Performanz der Übertragung und Darstellung beim Nutzer!

Vielleicht könntest du auch bei jedem Aufruf nachsehen, ob schon eine Thumbnail-Datei auf dem Server vorhanden ist, und wenn nicht, wird diese einmalig erstellt.

Qapla'