iOS-shortcut (gratis): perfecte share-plaatjes voor sociale media

IMG_0647

Een eerste artikel in een reeks tips & trucs van Bolster: een handige shortcut voor iOS-apparaten om in een handomdraai perfecte deel-plaatjes voor sociale media te maken.

Sociale media zijn belangrijk voor de verspreiding van nieuws en het bereiken van mensen met je campagnes. En als je een belangrijk artikel of een campagnepagina deelt, dan wil je dat je link goed voor de dag komt op sociale media. Van Twitter tot Facebook, van Linkedin tot Slack: allemaal tonen ze bij gedeelde links een card met een titel, een beschrijving – en een uitgelichte afbeelding. Die laatste valt nogal op, dus een goede afbeelding instellen is van groot belang.

Een Twitter-card met een op maat gesneden meta-image

De uitdaging

Het bronbestand is bijvoorbeeld vierkant

Er zijn een aantal uitdagingen:

  • de afbeeldingen moeten op het juiste formaat zijn als je wil dat Facebook en Twitter de afbeeldingen op groot formaat tonen;
  • die formaten zijn ook nog eens verschillend 1200 x 630 voor Facebook, 1200 x 600 voor Twitter);
  • en die sociale media resizen & croppen een afbeelding automatisch, maar dat leidt vaak tot een ongewenst resultaat.

Ga maar na. Een podcast heeft bijvoorbeeld per definitie artwork dat vierkant is (zeg, 2000 x 2000 pixels). Zie als voorbeeld de afbeelding van onze eigen Landslide-podcast (over innovatie in de wereld van non-profit campagnes, in voorbereiding):

Facebook knipt gewoon een stuk van je afbeelding af – maar er moet eigenlijk wat bíj.

Het is niet zo gek dat Facebook dit doet, want de gewenste afbeelding die je rechts ziet bevat beeldinformatie die domweg niet aanwezig is in het bronbestand. Dat

Terzijde: wil je vooraf controleren hoe je pagina eruit komt te zien als je ‘m deelt op sociale media, bookmark dan de volgende links.

De oplossing

Wat je nodig hebt, bedachten we, is een tool die het volgende doet:

  1. Neemt een bronbestand als afbeelding;
  2. Vraagt je of de afbeelding moet worden bijgesneden of dat-ie (zoals bovenstaand voorbeeld) intact moet blijven
  3. Berekent de beeldverhoudingen (breder of hoger dan geschikt voor de meta-plaatjes voor sociale media);
  4. Bepaalt op basis daarvan of en hoe de afbeelding moet worden geresized, bijgesneden en/of moet worden geplakt in een transparante achtergrondafbeelding met het juiste formaat;
  5. En laat je optioneel een logo toevoegen.

En stap 4 is de crux: er moet niks af, er moet iets bij. Dus hebben we twee bronbestanden gemaakt, transparante PNG’bestanden van 1200 x 630 en 1200 * 600 px respectievelijk, en die verwerkt in een iOS Shortcut die je zo kunt installeren op je iPhone of iPad, om in een paar taps  geoptimaliseerde versies voor Facebook en Twitter te maken (De Facebook-versie is doorgaans ook geschikt en wordt ook ingesteld voor andere sociale media, zoals WhatsApp, Slack en LinkedIn). De workflow ziet er zo uit:

De workflow van de shortcut

Ook gebruiken?

Dit werkt met een ‘shortcut’. Je kunt deze installeren op een iOS-apparaat (iPhone of iPad).

Shortcuts is de naam van een iOS-applicatie van Apple zelf (sterk gebaseerd op de voorloper ‘Workflows’, dat door Apple is gekocht). Je kunt hiermee allerlei zaken automatiseren, en deze shortcuts ook delen. Wij gebruiken het intern (vooral ik zelf tenminste, aangezien ik niet zo sterk ben in programmeertalen en hier sneller mee uit de voeten kan) voor diverse workflows, maar maken ook shortcuts voor onze klanten. Deze shortcut is er echter een die we graag met de rest van de wereld delen.

Installeer de shortcut

Bezoek deze link in Safari op een iOS-apparaat om de shortcut te installeren.

Tip: gebruik Airdrop of een Windows-alternatief om een afbeelding van je MacBook naar je iPhone te sturen en de nieuwe versie weer te ontvangen.