automatisch einheitliche Fotogrößen

  • Hab jetzt die Ausmaße der beiden Bilder nochmals angesehen. Sind jetzt verändert, gegenüber #13 und zwar:

    369px × 560px (Skaliert zu 263px × 398px)

    369px × 560px (Skaliert zu 263px × 398px)


    der optische Unterschied ist, glaube deswegen, dass der Maulkorb größer fotografiert ist, als das Fläschchen, aber beide in einem weißen Hintergrund sind & dieser ist gleich groß:


    https://www.wohlundwedel-shop.…osoel-263x399_420x560.jpg


    https://www.wohlundwedel-shop.…05-16_263x399_420x560.jpg


    Liebe Grüße

    Christine

  • stimmt, das kommt dann auch noch dazu und macht die Sache nicht einfacher. Querfotos gehen gar nicht. Dann werde ich mal alle relevanten Fotos auf 263x399 abändern.


    bei dem Hund hier klappt das allerdings nicht, da Querfoto. Kann man da irgendwas machen, dass das Foto sich wenigstens unten an dem Text orientiert. Dass oben zu weiß ich, damit könnte ich dann leben: https://www.wohlundwedel-shop.de/ernaehren

  • bei dem Hund hier klappt das allerdings nicht, da Querfoto. Kann man da irgendwas machen, dass das Foto sich wenigstens unten an dem Text orientiert. Dass oben zu weiß ich, damit könnte ich dann leben: https://www.wohlundwedel-shop.de/ernaehren

    kannst ja den armen Hund ja nicht strecken. Und ein Freistellen nützt da m.M. auch nichts.


    Text unterhalb vom Foto, liegt wohl an dem da:

    Code
    <div class="category-item-inner" style="min-height: 542px;">
                   <div class="category-image-cont" style="min-height: 499px;">
     <a href="/ernaehren/trockenkauartikel" title="Kauartikel &amp; Leckerlis">
                                    <img src="/images/virtuemart/category/resized/rinderhaut wohlundwedel_265384772_420x560.jpg" alt="rinderhaut wohlundwedel_265384772" class="responsive-image">                            </a>
                            </div>

    also an der Mindesthöhe:

    Code
    <div class="category-image-cont" style="min-height: 499px;">

    könnte man in einer custom.css ändern, hat aber Auswirkungen auf die anderen Bilder/Unterschriften.


    Liebe Grüße

    Christine

  • Möchte man ein Querformatbild in ein Hochformatbild umwandeln hat man mehrere Möglichkeiten (je nach eingesetztem Bildbearbeiter mehr oder weniger komfortabel):

    - Querformatbild auf das gewünschte Hochfromatbild beschneiden (einfach, schnell, Bildteile entfallen)

    - Querformatbild ohne Bildverluste umwandeln (mehrere Schritte, Hintergrund anpassen, Aufwand hängt vom genutzten Bildbearbeiter ab)


    EDIT: Vorsichtshalber wurden die Fotos entfernt (firstlady).


    hier etwas detaillierter die 2. Variante mit IrfanView:

    - Bild mit IrfanView öffnen

    - Großen Arbeitsbereich einstellen (s. Schritt2)

    - Screenshot anfertigen

    - Farbe ersetzen (den schwarzen Hintergrund durch einen weißen)

    - Freistellen-Rechteck aufziehen, Größe festlegen und positionieren, anfertigen

    - Speichern