Afbeeldingen bewerken voor internet: afmeting en uitsnede

Wat je ook doet met internet, iedereen zal af en toe afbeeldingen moeten bewerken. Of het nu gaat om een foto voor een social media update, een afbeelding in een e-mailing, of een afbeelding voor een webpagina: voor je het weet ben je een afbeelding aan het bewerken. In veel gevallen zal je twee basishandelingen uit moeten kunnen voeren: de breedte of hoogte aanpassen en een deel uitsnijden. Omdat ik hier vaak vragen over krijg, laat ik je zien hoe je dat zelf kan doen met Pixlr, in Mailchimp en in WordPress.

1. Afbeelding bewerken: breedte of hoogte aanpassen / resizen

Een “echte” foto heeft een afmeting in centimeters. Bij digitale afbeeldingen spreken we niet van centimeters maar van een resolutie in pixels. Bijvoorbeeld 470 pixels breed x 246 pixels hoog.

Het is dus belangrijk om te weten wat de breedte en hoogte is van de foto die je wilt gaan gebruiken en welke breedte en hoogte het gebied heeft waar je de foto wilt plaatsen.

Specificaties afbeelding
Windows verkenner: eigenschappen afbeelding.
Je ziet hier de breedte en hoogte in pixels

Wil je bijvoorbeeld een foto van 300 pixels breed x 300 pixels hoog plaatsen in een digitale nieuwsbrief met een breedte van 400 pixels breed, dan wordt je afbeelding niet over de volledige breedte getoond, of hij wordt opgeblazen waardoor de kwaliteit achteruit gaat. Is je foto breder, dan kan het gebeuren dat de foto raar wordt afgesneden, of dat je maar een deel van de foto ziet. Ook is je afbeelding dan onnodig groot qua omvang.

 

Lengte/breedte-verhouding

Elke afbeelding heeft een lengte/breedte-verhouding. Dat wil zeggen: de verhouding tussen de korte en lange kant van de afbeelding. Maak je een foto minder breed, dan zal ook de lengte minder breed worden. Meestal zal dat automatisch gebeuren. Doe je dat niet, dan zal je afbeelding vervormen!

Afbeelding verkleinen
Links: originele afbeelding, midden: verkleinde afbeelding,
rechts: verkleinde afbeelding (alleen hoogte) zonder lengte/breedte-verhouding

 

Breedte en/of hoogte aanpassen met Pixlr X

Met de online fotobewerker Pixlr X kan je heel makkelijk de breedte en hoogte van een foto aanpassen.

  1. Ga naar pixlr.com/x/.
  2. Open je foto via de knop Open Image.
  3. Klik op de Arrange tool. Dit is het eerste verticale icoon (of knop V).
  4. Klik op de knop Resize Image.
  5. Geef de juiste breedte (witdh) of hoogte (height) op en klik op Apply.
  6. Klik op Save om je afbeelding op te slaan.
  7. Selecteer bij foto’s zonder tekst JPG. Bevat de foto veel tekst, gebruik dan PNG.
  8. Verminder eventueel de kwaliteit. Hierdoor wordt de afbeelding minder zwaar qua omvang. Let op dat je afbeelding wel mooi genoeg blijft.
  9. Download de afbeelding naar je computer via de knop Download.

PixlrX: afbeelding verkleinen
PixlrX: afbeelding verkleinen

Breedte en/of hoogte aanpassen in Mailchimp

  1. Voeg een afbeeldingsblok in.
  2. Klik op Browse.
  3. Selecteer de gewenste afbeelding in de mediabibliotheek, of klik op Upload en selecteer de gewenste afbeelding op je computer.
  4. Klik op de knop Edit.
  5. Klik op het eerste knopje uit de verticale knoppenbalk (Crop or resize).
  6. Onder in de balk zie je de breedte (w) en hoogte (h). Pas een van de twee waarden aan. Met het vinkje LOCK DIMENSIONS aan, blijft de lengte/breedte-verhouding in tact.
  7. Klik rechtsboven in het scherm op SAVE.

Afbeeldingen verkleinen in Mailchimp
Afbeeldingen verkleinen in Mailchimp

Breedte en/of hoogte aanpassen in WordPress

  1. Open de mediabibliotheek van WordPress via de knop Media.
  2. Selecteer de gewenste foto, of upload deze eerst.
  3. Klik op de foto.
  4. Klik in de preview op de knop Afbeelding bewerken.
  5. Klik op het eerste icoon uit de horizontale balk met iconen.
  6. Vul rechtsboven bij de optie AFBEELDING SCHALEN de nieuwe breedte, of hoogte in en klik op schalen.
  7. Sluit het venster met het kruisje rechtsboven.
  8. Je kunt nu de afbeelding invoegen.

Afbeelding verkleinen in WordPress
Afbeelding verkleinen in WordPress

2. Afbeelding bewerken: uitsnijden / croppen

Misschien wil je niet de hele afbeelding gebruiken, maar slechts een deel. Of je hebt een aangepaste afmeting nodig, waarbij je de lengte/breedte-verhouding wilt behouden. In die gevallen zal je het gewenste gebied moeten uitsnijden (Engels: croppen). Veel editors hebben hiervoor een crop-tool waarmee je het gebied selecteert dat je uit wilt snijden. Soms kan het door met de muis het gebied aan te geven en/of door de lengte en breedte op te geven in pixels.

Uitsnijden met Pixlr X

  1. Ga naar pixlr.com/x/.
  2. Open je foto via de knop Open Image.
  3. Klik op de Crop-tool. Dit is het tweede icoon op de verticale knoppenbalk (of C).
  4. Selecteer het gebied dat je uit wilt snijden. Dat kan door de breedte en hoogte op te geven in pixels, of door een rechthoek te trekken met je muis. Je kunt de rechthoek verplaatsen en zo de beste uitsnede bepalen.
  5. Klik op Save om je afbeelding op te slaan.
  6. Selecteer bij foto’s zonder tekst JPG, of PNG bij afbeeldingen met veel tekst.
  7. Verminder eventueel de kwaliteit. Hierdoor wordt de afbeelding minder zwaar qua omvang. Let op dat je afbeelding wel mooi genoeg blijft.
  8. Download de afbeelding naar je computer via de knop Download.

PixlrX: afbeelding uitsnijden
PixlrX: afbeelding uitsnijden

Uitsnijden in Mailchimp

  1. Voeg een afbeeldingsblok in.
  2. Klik op Browse.
  3. Selecteer de gewenste afbeelding in de mediabibliotheek, of klik op Upload en selecteer de gewenste afbeelding op je computer.
  4. Klik op de knop Edit.
  5. Klik op het eerste knopje uit de verticale knoppenbalk (Crop or resize).
  6. Haal het vinkje bij LOCK DIMENSIONS weg.
  7. Geef de gewenste breedte (w) en hoogte (h) op.
  8. Sleep het vlak naar de gewenste positie.
  9. Klik rechtsboven in het scherm op SAVE.

Afbeeldingen uitsnijden in Mailchimp
Afbeeldingen uitsnijden in Mailchimp

Uitsnijden in WordPress

  1. Open de mediabibliotheek van WordPress via de knop Media.
  2. Selecteer de gewenste foto, of upload deze eerst.
  3. Klik op de foto.
  4. Klik in de preview op de knop Afbeelding bewerken.
  5. Klik op het eerste icoon uit de horizontale balk met iconen.
  6. Trek in de foto een kader voor de juiste uitsnede. Je kunt het kader ook verplaatsen.
  7. Je ziet rechts onder Selectie de waarden in pixels van het geselecteerde gebied. Je kunt daar desgewenst de waarde exact aanpassen en de selectie opnieuw verschuiven.
  8. Voer de wijziging door, middels een klik op het eerste icoon. Je ziet je uitsnede nu in de preview verschijnen.
  9. Klik op Opslaan om je wijzigingen te bewaren.
  10. Sluit het venster met het kruisje rechtsboven.
  11. Je kunt nu de afbeelding invoegen (soms zie je in de preview nog de originele afbeelding).

Afbeelding uitsnijden in WordPress
Afbeelding uitsnijden in WordPress

 

Tips

  • In veel gevallen is de beste werkwijze om de foto in het juiste formaat voor te bereiden en om deze daarna pas te uploaden.
  • In de praktijk zal je vaak beide bewerkingen (uitsnijden en afmeting aanpassen) gebruiken. Bijvoorbeeld eerst een uitsnede maken en dan verkleinen, of eerst verkleinen en dan een uitsnede maken.
  • Ga je een foto bewerken: maak dan altijd eerst een kopie van de originele foto als back-up!

© Openingsfoto: Pexels

Facebook publiceert waardevolle informatie over advertenties van je concurrenten

Facebook is een stukje transparanter geworden, omdat ze waardevolle informatie zijn gaan publiceren over advertenties en over facebook pagina’s. Dit zal zeker gevolgen hebben voor politieke partijen in Europa en in Nederland. Daarnaast geeft het online marketeers meer inzicht in de advertentiecampagnes van concurrenten omdat facebook ook die campagnes toont.

Als je adverteert op facebook, dan koppel je een advertentie aan een pagina die het bedrijf achter de advertentie laat zien. Facebook geeft nu inzicht over de advertenties achter elke pagina.

Wat kan je zoal zien:

  • Welke (actieve) advertenties er gekoppeld zijn aan een facebook pagina (zowel op facebook als op Instagram).
  • Datum wanneer een pagina is aangemaakt.
  • Naamsveranderingen van een pagina.
  • Of de pagina is samengevoegd met andere pagina.
  • Locatie (land) van de paginabeheerder(s).
  • Informatie over advertentie uitgaven, het rendement van advertenties en de targeting van advertenties (alleen voor politieke campagnes).

Ad Library

Via de speciale omgeving Ad Library (advertentiebibliotheek) kan je zoeken op naam, onderwerp en organisatie. Je krijgt een overzicht van pagina’s als zoekresultaat. Vervolgens kan je per pagina gedetailleerde informatie bekijken en zien welke advertenties via de betreffende pagina actief zijn op facebook en op Instagram. Bij politieke organisaties kan je ook de advertenties terugzien die eerder zijn gepubliceerd. Je hoeft geen facebook account te hebben om de Ad Library te raadplegen.

Informatie over de facebookpagina van De Volkskrant, inclusief actieve advertenties

Op de openingspagina van de Ad Library vinden we deze toelichting:

De Bibliotheek bevat gegevens over iedere actieve en niet-actieve advertentie gerelateerd aan politiek of onderwerpen van belang binnen de Europese Unie, die sinds maart 2019 is weergegeven. We bewaren al deze advertenties gedurende zeven jaar in de Bibliotheek.

Wat facebook precies verstaat onder politiek en “onderwerpen van belang” kan je terugvinden in het Helpcentrum voor advertenties :

  • immigratie
  • Politieke waarden
  • burgerrechten en sociale rechten
  • veiligheids- en buitenlandbeleid
  • economie
  • milieupolitiek

Voorgaande lijst zal zeker discussie oproepen, maar is in ieder geval breder dan politiek.

Als facebook een pagina als politiek ziet, dan kan je ook de niet-actieve advertenties bekijken die eerder zijn gepubliceerd (nu alleen nog in de VS). Zijn er advertentiecampagnes in meerdere landen geweest, dan kan je die per land opvragen.

Er is ook een AD Archive API beschikbaar voor onderzoekers, academici, media-onderzoekers en toezichthouders.

Informatie pagina

Informatie over de pagina zelf, inclusief oprichting en beheerders

Informatie pagina

Informatie over de geschiedenis van de pagina

Informatie pagina

Informatie over de beheerders

Uitgaven en prestaties van politieke advertenties inzichtelijk

Om de transparantie te vergroten toont facebook van politieke advertenties ook welke kosten zijn gemaakt, hoe vaak de advertentie is getoond, voor welke locaties, voor welke leeftijden en het geslacht. Ook zie je de complete uitgaven van alle pagina-gerelateerde advertenties. Deze informatie is zeer interessant en levert veel informatie op over de online campagnestrategie van een politieke organisatie.

Informatie over de officiële facebook pagina van President Donald J. Trump

Informatie over de officiële Facebook pagina van President Donald J. Trump

Overzicht advertenties. Actief en niet actief.

Overzicht advertenties. Actief en niet actief.

Informatie over uitgaven en targeting

Informatie over uitgaven en targeting

Totale advertentie uitgaven via de faveook pagina

Totale advertentie uitgaven via de Facebook pagina

Extra informatie over een Facebook pagina

Op elke Facebook pagina vind je in de linker kolom de link Informatie en advertenties. Via deze link kan je zien wanneer de pagina is gemaakt en of de paginanaam is gewijzigd. Ook kan je de actieve advertenties inzien. Dit is dus ook zichtbaar als het om niet-politieke advertenties gaat. Zeer interessant voor elke online marketeer, omdat je nu kan zien welke facebook advertentiecampagnes de concurrentie heeft lopen, in welke landen en hoe die advertenties er uitzien!

Wat kan je met deze informatie? Je zou de campagnes van je concurrentie bijvoorbeeld kunnen gaan monitoren en periodiek analyseren op veranderingen in type advertenties en boodschap. Dat geeft je inzicht in de campagnestrategie van de betreffende organisatie. Vervolgens kan je weloverwogen bepalen of je daar in meegaat, of dat je het juist anders gaat doen. Adverteert je concurrentie alleen in de do-fase, dan zou jij in de think-fase kunnen gaan adverteren (eventueel op andere kanalen) en middels retargeting je boodschap op het juiste moment tonen. Ook zou je goed naar influencers en de belangrijkste spelers in de markt kunnen kijken: hoe zien hun campagnes er uit qua vorm en inhoud. Daar kan je veel van leren!

Informatie over advertenties van een facebookpagina

Advertenties in je timeline en zijbalk

Als je een advertentie op je Facebook timeline (of ergens anders binnen Facebook) ziet verschijnen, kan je met de tool “Why am I seeing this ad” meer informatie opvragen om zo te achterhalen waarom je de advertentie krijgt te zien. Deze optie bestond al, maar bevat nu meer informatie.

Om deze informatie te zien: klik op de … rechtsboven de advertentie en selecteer de link Waarom krijg ik deze informatie te zien. Vervolgens krijg je inzicht in de targeting die de adverteerder heeft gebruikt. Denk bijvoorbeeld aan: alle mensen van 23 jaar en ouder die in de buurt van Haarlem wonen. Daarnaast laat Facebook ook zien of de adverteerder een telefoon- of mailinglijst heeft gebruikt waar jouw e-mailadres in voorkomt. Heeft een bureau de advertentie geplaatst, dan wordt ook de naam van dat bureau getoond!

Informatie over advertenties

Adverteerder Udemy heeft o.a. als target ingesteld: mensen die geïnteresseerd zijn in webdesign

Ad Library geef waardevolle informatie

Ben je online marketeer? Realiseer je dan dat je facebook advertenties nu voor iedereen inzichtelijk zijn. En dat via de optie Waarom krijg ik deze informatie te zien ook de globale informatie over de targeting van jouw campagnes wordt getoond en het (eventuele) gebruik van contactlijsten op basis van e-mailadres en telefoonnummers. Daar staat tegenover dat je zelf veel te weten kan komen over de advertenties van andere bedrijven: hebben ze actieve campagnes en hoe zien de advertenties er uit. Dit geeft je meer inzicht in de online strategie van je concurrenten. Maak daar slim gebruik van!

Gevolgen politieke organisaties

Voor politieke organisaties kan dit grote gevolgen hebben, omdat nu zichtbaar wordt welke campagnes ze hebben lopen, welke campagnes ze eerder hebben gepubliceerd, op wie ze zich richtten en hoeveel ze hebben uitgegeven. De gegevens zijn vanaf maart 2019 opvraagbaar en worden vanaf die datum 7 jaar bewaard! Deze nieuwe informatie geeft een unieke kijk in de online campagnestrategie van politieke organisaties!

Ik ben benieuwd welke inzichten dit oplevert als deze informatie ook beschikbaar komt voor Europese en voor Nederlandse politieke organisaties! Zeker in het vooruitzicht op de Europese verkiezingen. Hier gaan we meer over horen!

(c) Foto opening: Pexels.com

Je webpagina opnieuw laten indexeren door Facebook en LinkedIn

Als je een link naar je webpagina op facebook of LinkedIn deelt, dan krijg je een samenvatting te zien van de betreffende pagina. Deze bestaat meestal uit een kleine afbeelding, de titel van de pagina en een omschrijving. Als daar een fout in zit, dan plaats je de update niet. Je past namelijk eerst de informatie op je webpagina aan. Hierna deel je de link opnieuw. In veel gevallen zie je dan nog steeds de oude informatie. Hoe los je dat in zo’n geval op?

lees verder >

Deel je YouTube-video’s over de volle breedte op facebook [tip]

Wanneer je de link van een YouTube-video op de timeline van je facebook fanpagina deelt, dan verschijnt deze op postzegelformaat in beeld. Door het kleine formaat van de afbeelding, valt je update amper op. Dit resulteert in minder views van de video. Wat kan je doen om je video meer op te laten vallen?

lees verder >

Woningen bezichtigen met Facebook Live Video

Als online marketeer test ik samen met Puur Makelaars continu verschillende online marketing tools om zo te ontdekken wat werkt voor hun doelgroepen. Afgelopen week zijn we gestart met Facebook Live Video om bezichtigingen van woningen live te streamen. Hoe verliep deze pilot?

Lees verder >

Heel Internet bakt: social media gebak

Niet gezien op heel Holland Bakt, maar natuurlijk wel op internet: social media gebak. In deze video laat Ann Reardon zien hoe je een echte twitter cake maakt.

Lees verder >

Afmeting van afbeelding en video’s voor sociale netwerken

Als je gebruik maakt van verschillende sociale netwerken dan is het altijd weer even zoeken wat de ideale afmeting is voor je afbeeldingen en video’s. Deze handige infographic zet het voor je op een rij.

Lees verder >

Uitpakparty facebook like teller: Fliike

De Fliike is een fysieke facebook like teller van de Franse startup Smiirl. Je moet het apparaat verbinden met je WiFi-netwerk en het adres van je facebookpagina opgeven. Hierna verschijnen de likes van die pagina op de teller. Een must-have voor ondernemers met een fysieke vestiging die actief zijn met een facebook fanpagina. Een jaar geleden online gekocht als pre-order, vandaag geleverd. Werkt het?

Lees verder Uitpakparty Fliike

Presentatie online marketing

Voor de kick-off van Ondernemend Schalkwijk heb ik een presentatie gegeven over de basis van online marketing. Insteek: waar moet je o.a. op letten als je zelf aan de slag gaat met online marketing en wat zijn belangrijke online marketing tools voor lokale ondernemers

Lees verder en bekijk de online marketing presentatie

Vine: de 6 seconden video uitdaging

De afgelopen weken is video app Vine met een stevige opmars bezig. Vine installeer je op je iPhone waarna je een video maakt die 6 seconden duurt. Hierna deel je de video via Vine en optioneel op je twitter- en facebook timeline. Hoe haal je alles uit Vine?

Lees verder: Vine: de 6 seconden video uitdaging