Welk formaat hebben de afbeeldingen?

Woord vooraf

Voor het op maat maken van afbeeldingen en iconen maken wij gebruik van de programma's van Adobe (Photoshop & Illustrator). Deze programma's zijn echter betaald en niet gratis beschikbaar. Wel zijn er open-source varianten te vinden waarmee je dezelfde resultaten kunt behalen. Wij hebben hier echter geen ervaring mee en kunnen daarom dus ook geen hulp bieden wanneer nodig.

Algemene opmerkingen

• Iconen & illustraties: Gebruik hiervoor zoveel als mogelijk SVG.
• Afbeeldingen: Gebruik hiervoor zoveel als mogelijk JPG en anders PNG.
• JPG: Sla deze op via de optie ‘Opslaan voor web’ met indien mogelijk de kwaliteit op 60.
• PNG: Sla deze op via de optie ‘Opslaan voor web’.

Afbeeldingen in ontwerp

• Favicon: 32x32px in PNG
• Footer logo: Indien mogelijk SVG, bij png of jpg 42x42px
• Header achtergrondafbeelding: Max. 1920px breed en/of max. de hoogte zoals ingesteld bij ‘Header hoogte’.
• Header alert icoon: Indien mogelijk SVG, bij png of jpg 70x70px
• Header logo: Indien mogelijk SVG, bij png of jpg 2x de hoogte zoals ingesteld bij ‘Logo hoogte’ of minimaal 200 pixels hoog.
• Header logo mobiel: Indien mogelijk SVG, bij png of jpg 2x de hoogte zoals ingesteld bij ‘Logo hoogte mobiel’ of minimaal 76 pixels hoog.
• Header menu mobiel CTA icoon: Indien mogelijk SVG, bij png of jpg 60x60px
• Homescreen icon afbeelding: 144x144px in PNG

ONE 1 kolom 100%

• Afbeelding in tekstveld: Max. 820px breed
• Achtergrond afbeelding: 1920px breed

ONE 2 koloms

• Afbeelding kolom 1 & 2: 1062px breed
• Afbeelding in tekstveld: Max. 675px breed
• Achtergrond afbeelding: 1920px breed

ONE 2 koloms boxed

• Selecteer afbeelding(en)...: 1098px breed
• Afbeelding in tekstveld: Max. 675px breed
• Achtergrond afbeelding: 1920px breed

ONE 3 koloms

• Afbeelding kolom 1 - 3: 1460px breed
• Afbeelding in tekstveld: Max. 675px breed
• Achtergrond afbeelding: 1920px breed

ONE 3/1

• Afbeelding in Kolom 1 > Tekst: Max. 675px breed
• Afbeelding in Kolom 2 > Tekst: Max. 675px breed
• Achtergrond afbeelding: 1920px breed

ONE 3/1 met afbeelding

• Selecteer afbeelding(en)...: 1600px breed en max. 1900px hoog
• Afbeelding in tekstveld: Max. 675px breed
• Achtergrond afbeelding: 1920px breed

ONE 4 koloms

• Afbeelding kolom 1 - 4: 1052px breed
• Afbeelding in tekstveld: Max. 675px breed
• Achtergrond afbeelding: 1920px breed

ONE Actie - Button 100%

• Achtergrond afbeelding: 1920px breed

ONE Actie - formulier

• Afbeelding in Kolom 1 > Tekst: Max. 675px breed
• Afbeelding in Kolom 2 > Tekst: Max. 675px breed
• Quotes > Afbeelding: 166x166px
• Formulier achtergrondafbeelding: 1320px breed en max. 1600px hoog
• Achtergrond afbeelding: 1920px breed

ONE Foto/Slideshow 100%

• Selecteer afbeelding(en)...:Breedte 1920px en de hoogte dient gelijk te zijn aan de in het artikel ingevoerde waarde.

ONE HTML 100%

• Afbeelding in tekstveld: Max. 1920px breed

ONE USP List

• Iconen: Indien mogelijk SVG, bij png of jpg 64x64px

Niews/blog

• Grote afbeelding: 870px breed
• Kleine afbeelding: 577x279px
• Afbeelding in inhoud: Max. 870px breed