-A +A

Afmetingen afbeeldingen voor het web

Printervriendelijke versiePrintervriendelijke versieVerstuur naar een vriendVerstuur naar een vriend

Optimalisatie afbeeldingen in sociale Media:

Beste weergave voor Linkedin, Twitter, Facebook: 19/9 Landscape
Pinterest hoge Verticale kolomafbeeldingen in Portrait scoren best.
Liggende afbeeldingen in Google+ (meer kans op dubbele kolom)
Verticale afbeeldingen in Google+ scoren niet over twee kolommen maar nemen in de lengte maar plaats in en kunnen daarom in Google ook nuttig zijn
Vierkante afbeeldingen: ideaal voor Instagram (enige mogelijkheid in Instagram. Vierkante afbeeldingen zijn zeer slecht voor andere sociale media.

Resolutie

Minimaal:

1280 x 720 (voor liggende afbeeldingen)
735 x 1102 (voor staande afbeeldingen, bijvoorbeeld op Pinterest en Google+)
900 x 900 (voor vierkante afbeeldingen)

Meer pixels kan eigenlijk geen kwaad in sociale media, maar de sociale media verkleinen de afbeeldingen toch.

Afmetingen (uitgedrukt in pixels):

De maximale breedte over heel het scherm is principieel 2000 (full-width sliders), maar de contentbreedte is beperkt tot 1000 pixels

Twitter
horizontale header bovenaan 1500x500
Profielfoto 400x 400
Afbeeldingsfoto 440 x220

Facebook
horizontale header bovenaan : 851 x 315
Profielfoto : 180 x 180
Afbeeldingsfoto : 1200 x 900

G+
horizontale header bovenaan: 1086 x 608
Profielfoto: 250x250
Afbeeldingsfoto links: 497x279 en rechts 150x150

Instagram
Profielfoto :110x110
Thumbnail: 161x161
Afbeeldingsfoto: 640 x640

Pinterest
Profielfoto: 165 x 165
Afbeeldingsfoto : 236 breed
Thumbnails: 222x150 of 50x50

Twitter:
Profielfoto : 128x128
Afbeeldingsfoto: 570 hoog) x 750

You Tube
horizontale header bovenaan : 2560 x 1440
(Channel Cover Poto)
Videuploads: 1280 x 760

Linkedin
Profielfoto (standaardlogo: 100 x 60
Cover Photo: 974 x300
Banner Image 646 x 200

Tips voor SEO van Afbeeldingen in Google:

• kleine afbeeldingen scoren beter (Tip schermafbeeldingen zijn goede resoluties voor het web)
• geef de afbeelding een descriptieve bestandsnaam nog voor je ze oplaadt
• zorg voor een gestructureerde inhoudsrijke url gebruik het koppelteken in plaats van spaties
• title tag: afbeelding die verschijnt wanneer je met de muis over de afbeelding gaat
• plaats op de site onder de foto een bijschrift of onderschrift
• Alt tag, de metatag voor afbeeldingen, echter Google gebruikt de alt tag meer dan de url voor afbeeldingen. Bovendien is dit de tekst die blinden horen of mensen zonder afbeeldingen op hun PC
• Tekst rond de afbeelding op de site relevant maken mbt de foto
• behandel je logo ook zo met een naam van je bedrijf
• neem afbeeldingen op in de site-map

De HTMLcode:

<img src="/images/afbeelding-naam-product.jpg" width="200" height="150" alt="afbeelding beschrijving van het product" title="idem als alt of alternatieve beschrijving van het product" />

Aanvullende programma's waarmee afbeeldingen ondermeer kunnen verkleind:

Shrink PNG
SuperPNG
• Riot free optmizer

 

 

Gerelateerd
0
Uw beoordeling Geen
Aangemaakt op: vr, 06/11/2015 - 14:29
Laatst aangepast op: vr, 06/11/2015 - 14:29

Hebt u nog een vraag?

Hebt u nog een vraag in dit verband, klik dan hier om uw vraag aan ons te stellen, of meteen een afspraak te maken voor een consultatie.

Aanvulling

Heeft u een suggestie, aanvulling of voorstel tot correctie met betrekking tot deze pagina? Gebruik dit adres om het te melden.