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
Scroll naar boven