Afbeeldingen algemeen

Afbeeldingen maken of breken een website. In Mach3Blocks heb je de beschikking over een flinke bibliotheek met gratis te gebruiken afbeeldingen om je tijdens het ontwerpproces een goed beeld te geven hoe de website eruit komt te zien. We raden echter aan om voor de uiteindelijke website unieke afbeeldingen op maat te gebruiken.

Hoe groot moet een afbeelding zijn?

Een vraag welke we vaak krijgen gaat over de afmetingen van afbeeldingen. Omdat een website responsive moet zijn kan op deze vraag geen eenvoudig antwoord worden gegeven. Per schermgrootte kan de afbeelding qua grootte verschillen. Het is zelfs mogelijk dat een afbeelding op de mobiel groter wordt getoond dan op een tablet. In deze tutorial leggen we uit hoe je met afbeeldingen in Mach3Blocks kunt omgaan.

Tip

Upload de afbeelding in het grootste formaat waarop deze wordt getoond op de website. Dit is niet perse de afmeting voor het grootste schermformaat. Zo kan een afbeelding op mobiel groter worden getoond dan op de tablet. Dit komt door het aantal responsive kolommen waarover deze wordt verdeeld.

  • Showcase blokken 480px breed
  • Hero's 1900px breed

De hoogte is afhankelijk van de gekozen verhouding.

Afbeeldingverhoudingen

In Mach3Blocks kun je per afbeelding de verhouding opgeven. De afbeelding wordt dan zo optimaal mogelijk in die verhouding getoond. Dit betekent dat er ook onderdelen van de afbeeldingen buiten het kader vallen en daardoor niet zichtbaar zijn.

Als je de instelling Passend hebt aangevinkt dan wordt de afbeeldingen altijd helemaal getoond binnen het afbeeldingenkader. Het afbeeldingenkader zal in veel gevallen dan niet geheel gevuld zijn.

Selecteer in de dropdown Verhouding de gewenste afmetingen. Je kan kiezen voor staande en liggende afmetingen.

Afbeeldingverhoudingen instellen in het dropdown menu

Afbeeldingpositie bepalen

Standaard worden afbeeldingen vanuit het midden getoond. Wanneer een gedeelte niet binnen het afbeeldingkader past dan is dit deel niet zichtbaar. Welk gedeelte van een afbeelding wordt getoond is instelbaar. Negen posities van linksboven tot rechtsonder kunnen worden gekozen.