Tilpasning af billeder

Billeder bliver gemt i deres originale størrelser, og hver gang det bruges et sted på siden, laves en kopi i den størrelse man har behov for.

Billeder kan redigeres i størrelse, hvor størrelsesforholdet bibeholdes alt efter om det er bredde eller højde der ændres. (aspekt ratio)

Billeder kan også beskæres (croppes) uafhængig af størrelsesforholdet, hvilket gør tilpasningen nem.



Så, hvordan får vi billeder med forskellige størrelser til at være feks. lige høje eller bredde, i fire kolonner?

Da vi arbejder i en container på maks. 1170 pixels i bredden, giver det inklusiv mellemrum (padding) maksimalt 263 pixels til fire billeder. 

Dvs. at hvis man har billeder større end 263 pixels (original størrelse) reducere Neos billedet til 263 i bredden og justere automatisk højden i billedets aspekt ratio.

Hvis billedet er mindre end 263 pixels fra oridinalen, bibeholdes billedet størrelse, og bliver altså ikke fyldt ud til kolonnens bredde.

Så for at få billeder lige høje, skal vi først reducere dem til samme bredde som kolonnen (263).


Derefter beskæres de til samme højde med 'beskæringsværktøjet'.

Beskæringsværktøjet kan beskære billedet i mange formater, der er forudindstillet - eller som en fri justering ved at trække i bredde og højden.

Hvis billedet er mindre end bredden af kolonnen, kan man ikke 'opskallere' uden at billedet bliver grovkornet.

Hvis billedet ikke er højt nok i forhold til billedet ved siden af, kan det stadig have samme bredde og gøres højere, ved at beskære i bredden og øge højden.

Billede dimensioner i de forskellige kolonner:

4 - kolonner = 263 px
3 - kolonner = 360 px
2 - kolonner = 527 px

Herunder kan ses, at de tre første billeder er beskåret lige høje, hvorimod det sidste ikke kan gøres større, da det i forvejen er under kolonnen minimum bredde for et billede.