Et blog-grid med billeder i syv forskellige formater ser altid rodet
Et blog-grid med billeder i syv forskellige formater ser altid rodet ud, uanset hvor godt indholdet er. Det er et problem, de fleste, der arbejder med Divi, kender alt for godt: en klient uploader billeder i alverdens stoerrelser, og pludselig hopper hele oversigten ujaevnt op og ned. Elegant Themes har nu bygget en loesning direkte ind i Divi 5 i form af indstillinger for aspect ratio, der beskaerer billeder til et fast forhold uden at gaa omkring i et separat redigeringsprogram.
Problemet med blandede billedformater i grids
Når du bygger et blog-, portfolio- eller produktgrid, kommer billederne sjældent i samme størrelse. Nogle er liggende, andre stående, og nogle har mærkelige beskæringer fra sociale medier eller kameraopløsninger. Resultatet er et grid, hvor kortene har forskellig højde, og hvor det visuelle flow bryder sammen, lidt ligesom et Tetris-spil der aldrig går op. Det tvinger typisk designeren til enten at beskære hvert billede manuelt i Photoshop før upload, eller til at leve med et grid, der ser uensartet ud.
Det er specielt et problem på sider med mange produktbilleder eller portfolio-cases, hvor konsistens er afgørende for, at siden ser professionel ud. Et enkelt billede i forkert format kan ødelægge helhedsindtrykket af en ellers velbygget sektion.
Sådan styrer aspect ratio-indstillingen billedformatet
Med de nye indstillinger i Divi 5 kan du sætte et fast forhold, for eksempel 1:1, 4:3 eller 16:9, direkte på et billedmodul eller en gruppe af billeder. Divi beskærer derefter automatisk billedet, så det passer til det valgte forhold, uden at du skal redigere selve billedfilen. Det betyder, at et højformat-billede og et bredformat-billede kan lande i samme grid og se ens ud i størrelse og proportion. Ingen manuel beskæring, ingen gætteri.
Funktionen arbejder sammen med de eksisterende positioneringsværktøjer i Divi, så du stadig kan justere, hvilken del af billedet der vises inden for det valgte format. Det gør det muligt at bevare det vigtigste motiv i billedet, selv når det beskæres til et andet forhold end originalen.
Hvad det betyder for dine grids i praksis
For blog-oversigter betyder det, at fremhaevede billeder paa tvaers af artikler kan staa i samme forhold, uanset hvordan forfatteren har uploadet dem. For portfolio-sider giver det mulighed for at vise projekter i et ensartet galleri, selv naar de originale billeder stammer fra forskellige kildefiler med forskellige dimensioner. Og for webshops loeser det et af de mest almindelige irritationsmomenter: produktbilleder i en webshop, der ikke matcher hinanden i stoerrelse, fordi de er fotograferet paa forskellige tidspunkter eller af forskellige leverandoerer.