Naar
boven

Size matters: afbeeldingen op Twitter

download

Een afbeelding zegt meer dan duizend woorden is een bekend gezegde, dat gaat ook op voor social media in het algemeen. Én Twitter in het bijzonder! Afbeeldingen in je tweets werken namelijk positief en daarom maakten wij deze whitepaper waarin je leert hoe jij afbeeldingen voor Twitter maakt.

Je leert waar je op moet letten en welke mogelijkheden er zijn. We sluiten af met enkele tools die je kunt gebruiken om je afbeeldingen nog aantrekkelijker te maken.

Twitter is steeds visueler aan het worden, en uit onderzoek blijkt dat tweets die voorzien zijn van een ‘inline‘ afbeelding ook een hogere engagement krijgt dan een tweet die geen afbeelding heeft, of een afbeelding die niet inline getoond wordt.

De term ‘inline‘ is niet voor niets cursief geplaatst, want niet alle afbeelding worden automatisch getoond; instagram afbeelding krijgen bijvoorbeeld alleen een link naar de Instagram website als je de apps van Twitter zelf gebruikt.

Bekijk ook onze cursus Twitter

 

Meer leren over Twitter? Onlangs lanceerde wij onze nieuwste online cursus: Twitter. Ontwikkeld in samenwerking met Nederlands bekendste Twitter expert Herman Couwenbergh.
Meer informatie over de cursus inhoud en de voordelen vind je hier: https://www.karelgeenen.nl/cursussen/twitter/

Inhoud

Waar plaats je de afbeeldingen?

Size matters

Plaats je tekst en call-to-action op de juiste plaats!

Gif-animatie

Galerij

Hoe maak je een afbeelding?

(online) Tools

The Gimp

Canva

Pixlr

Picfull

Fotor

Download gratis het sjabloon voor jouw afbeeldingen!

Waar plaats je de afbeeldingen?


Je kunt beter het zekere voor het onzekere nemen en je afbeelding via Twitter zelf plaatsen; ze krijgen dan altijd de link http://pic.twitter.com/.

Als je HootSuite gebruikt, in de gratis versie, dan kan dat niet; je moet upgraden naar de pro versie om de standaard ow.ly link te omzeilen en gebruik te maken van Twitters eigen
hostingplatform.

TweetDeck laat je wel de afbeeldingen via pic.twitter te plaatsen, maar daar kun je weer geen alternatieve host kiezen. De meeste mobiele apps die niet van twitter zelf zijn bieden je wel opties. Twitters eigen apps gebruiken standaard pic.twitter, maar bieden je geen alternatieven.

Size matters


Als je gebruik maakt van pic.twitter.com wordt je afbeelding dus inline in de timeline van je volgers getoond. Maar dat geeft je wel een nieuw ‘probleem’!

De afbeelding wordt ‘uitgesneden’, hij wordt dus niet in zijn totaliteit getoond, maar Twitter maakt een 2:1 uitsnede en laat het centrale deel in de timeline zien.

De volledig afbeelding is pas te zien als mensen de tweet in detail (op zijn eigen url) bekijken, of als ze ‘Expand’ of in het Nederlands ‘Openen’ aanklikken.

De afmetingen van je afbeelding is niet zozeer van belang, als die maar groot genoeg is. Twitter verkleint je afbeelding namelijk; een afbeelding uploaden van meer dan 2.500 pixels breed is geen probleem. Maar als je afbeelding te klein is, dan wordt het er niet mooier op!

Zorg dus dat de breedte niet kleiner is dan 600 pixels, dan gaat het in alle apps en ook op de website van Twitter goed.

Laten we dat eens inzichtelijk maken met een voorbeeld:
image-whitepaper1

Dit zou een afbeelding kunnen zijn die je zou kunnen gebruiken om deze whitepaper te promoten op Twitter.

Maar als we de delen die Twitter verbergt bij de inline vertoning afdekken, zie je wat er misgaat:

image-whitepaper2

De titel én call-to-action (“Size matters” & “Download de whitepaper van:…”) vallen buiten beeld!

Daar kun je echter ook gebruik van maken door de call-to-action wel in beeld te plaatsen, al dan niet voorzien van een teaser.

Zo bijvoorbeeld:

image-whitepaper3

Wie nu de afbeelding inline in zijn of haar timeline voorbij ziet komen ziet de headertekst, krijgt de teaser van de grote en de kleine hond te zien (maar niet helemaal) en ziet dat er een whitepaper te downloaden is.

Deze elementen (header, grote en kleine hond, “Download de whitepaper”) dragen eraan bij dat degene die de tweet met inline afbeelding ziet wil doorklikken naar de download, of in ieder geval de afbeelding in het geheel wil zien.

Plaats je tekst en call-to-action op de juiste plaats!


Je vindt de ‘open plekken’ door de breedte van je afbeelding door twee te delen en vervolgens van de boven en onderkant af te trekken.

Bijvoorbeeld: je afbeelding 600 pixels breed, dan is het onzichtbare gedeelte 150 pixels van bovenkant en 150 pixels van onderkant.

formule twitter afbeeldingen

Gif-animatie


GIF whitepaper4-1

Sinds kort laat Twitter je ook GIF-afbeeldingen plaatsen. GIF-afbeeldingen zijn de voorlopers van online video geweest en je kunt dat gebruiken om de aantrekkingskracht van de afbeelding nog eens extra te benadrukken.

Klik op de afbeelding in onderstaande tweet:

 

 

Door de verschillende frames achter elkaar te tonen krijgt de afbeelding in de tweet extra aandacht, daarmee trigger je de nieuwsgierigheid van de kijker. En vergroot je de kans dat hij of zij reageert op de call-to-action!

Om een GIF-animatie te maken kun je een programma als Photoshop gebruiken, die geeft je de mogelijkheid om de verschillende lagen van je afbeelding in tijd ‘aan’ en ‘uit’ te zetten en die als GIF te bewaren. Maar niet  iedereen heeft een (duur) programma als Photoshop, of de technische kennis om daar een animatie mee te maken.

Voor hen bestaan er gelukkig ook handige online tools waar je verschillende afbeeldingen kunt uploaden en die vervolgens als GIF-animatie te bewaren.

Een simpele zoekopdracht op Google geeft je al veel resultaten, maar ik heb zelf goede ervaringen met Gifmaker.me en Picasion.com. Test beide en kies degene waar je het best mee uit de voeten kunt, beide tools zijn gratis.

Als je gebruik maakt van GIF-animaties moet je wel rekening houden met een aantal restricties die Twitter daaraan stelt; de afbeelding mag namelijk niet groter zijn dan 5 MB.

De animerende GIF werkt automatisch in de timeline en wordt geloopt (herhaald), als de tweet op een website embed wordt krijgt hij een ‘play button’ waarmee de animatie handmatig gestart wordt.

Galerij


Twitter biedt tegenwoordig de mogelijkheid om tot 4 afbeeldingen in een enkele tweet te plaatsen, dit kan niet alleen via de mobiele apps van Twitter zelf en de website Twitter.com, maar ook steeds meer apps van derden ondersteunen dit.

Via Twitters eigen apps kun je daarna de mensen die in de foto’s staan ‘taggen’ met hun Twitternaam.

Dit is handig, omdat dat niet ten koste gaat van het aantal tekens die je tot je beschikking hebt, maar het wordt opgelost binnen de card die het mogelijk maakt.

Overigens kun je in je eigen settings aangeven of men, en zo ja wie, jou kan taggen in foto’s.

Hoe maak je een afbeelding?


Een afbeelding kan uit allerlei verschillende elementen bestaan. Van een simpele foto tot uitgebreide GIF-animatie. Waar je echter doorlopend van bewust moet zijn is dat een afbeelding geen doel is, maar een middel.

Voldoet een simpele foto, laat het daar dan bij. Heeft de afbeelding uitleg nodig? Houd die dan kort en bondig. Onderstaande ‘regels’ zijn een handige leidraad:

Zorg voor een afbeelding die groot genoeg is

Maak je afbeelding niet te klein! Houdt als breedte minimaal 600 pixels aan, de hoogte is afhankelijk van wat je in beeld wilt brengen.

Geef je afbeeldingen een relevante naam

Afbeeldingen kunnen eraan bijdragen dat je gevonden wordt. Noem je afbeelding daarom niet ‘Leuke foto1′, maar gebruik iets beschijvenders als ‘Nieuwe BMW motor 2014′.

Één onderwerp is meer dan genoeg

Focus de afbeelding op slechts één onderwerp en zorg ervoor dat alles eraan bijdraagt aan het communiceren van dat onderwerp.

Gebruik geen afbeelding van anderen

Ja, met Google Images Search is het erg handig om afbeeldingen te vinden, maar respecteer de rechten van de mensen die die afbeeldingen gemaakt hebben!

Zoek eerst op ‘Free Stock Foto’s’ en kies een platform dat die aanbiedt; er zijn er velen, dus bekijk ze op je gemak en let op de voorwaarden om ze te gebruiken.

(Online) Tools


De meest bekende tool om afbeeldingen te maken is Photoshop van Adobe, maar dat is een tool met een behoorlijk stevig prijskaartje. Er zijn echter ook allerlei (online) alternatieven.

The Gimp


gimp-logo

The Gimp, gratis te downloaden voor bijna alle soorten computers, is net zo uitgebreid als Photoshop, maar geheel gratis. Het is zogenaamde Open Source software. Maar zo’n uitgebreide tool is nooit simpel; gelukkig biedt The Gimp ook allerlei handige ‘tutorials’ voor de beginner tot en met gevorderden.

Canva


canva
Canva is een online platform dat speciaal gemaakt is om (social media)afbeeldingen te maken.

Er zijn er sjablonen voor Twitter en Facebook headers zodat je die er ook mee kunt maken. Op Canva kun je gebruik maken van allerlei soorten voorbeelden en die aanpassen aan je eigen wensen of geheel vanaf 0 een eigen afbeelding maken.

Het is zo simpel en makkelijk dat je er direct mee aan de slag kunt, ook Canva stelt tutorials beschikbaar.

Pixlr


Pixlr is een online tool waarin je uitgebreide mogelijkheden hebt om je afbeeldingen te bewerken. Het is bijna een soort van online Photoshop zoveel opties biedt het.

Maar let wel op: meer opties betekent ook een stijlere leercurve.

Dus als je nog niet heel ervaren bent met het maken en bewerken van afbeeldingen, raden we je aan om te beginnen met een simpelere tool.

PicFull


PicFull is een goed startpunt voor de beginnende fotobewerker.

picfull

Het is een simpele tool die je enkele basisfilters biedt en daar kun je dan zelf de settings van aanpassen.

Fotor


Fotor is een programma dat de beginner ontstijgt, maar nog niet zoveel vraagt aan kennis dat je jezelf tot de gevorderden moet rekenen.

Allerlei standaard bewerkingsopties zoals draaien, croppen, kleur aanpassen etc. zijn aanwezig en kunnen zo gebruikt worden.

fotor

De interface is simpel en de uitleg is duidelijk. Je kunt zo aan de slag!

Download gratis het sjabloon voor jouw afbeeldingen!
Twitter wordt steeds visueler, en door daar slim gebruik van te maken kan het mede bijdragen aan jouw zakelijke succes in 140 karakters.

Om je op weg te helpen geven we je nu al direct het slabloon (Photoshop file) waarin je kunt zien wat wel en niet zichtbaar is als je je afbeelding inline toont.

sjabloon
Download hier de PSD file!

Deel deze tips met je netwerk via onderstaande buttons!

[twitter-button]