Bibliotheek

23 Tools en bronnen om afbeeldingen voor sociale media te maken

Update - we zijn gelanceerd Pablo een nieuwe tool om in minder dan 30 seconden prachtige afbeeldingen te maken voor je posts op sociale media

Je kunt gebruiken Pablo Vanaf het begin hoeft u niet in te loggen of een account aan te maken. Maak gewoon snel geweldige afbeeldingen supersnel.

Schermafbeelding 2015-02-17 om 14.44.51 uur

U kunt de eerste versie van Pablo nu uitproberen - inloggen is niet vereist. Ga gewoon naar http://bufferapp.com/pablo en probeer het eens!



We horen graag je mening over Pablo op Twitter. Ga gewoon naar @buffer en hoop dat het maken van afbeeldingen voor je posts op sociale media veel gemakkelijker voor je wordt.



Schermafbeelding 2015-02-17 om 14.44.40 uur

Oké, terug naar de blogpost!



Door te experimenteren en te herhalen, hebben we ontdekt dat we afbeeldingen opnemen bij het delen op sociale media verhoogt de betrokkenheid over de hele linie —Meer klikken, opnieuw delen, antwoorden en favorieten. In één experiment alleen retweets meer dan verdubbeld voor updates met afbeeldingen in vergelijking met die zonder.

Afbeeldingen gebruiken in posts op sociale media is het proberen waard met uw profielen.

Is dit iets dat u als eigenaar van een klein bedrijf of een eenmansmarketingteam kunt doen?



Bij Buffer maken we alle afbeeldingen voor onze blogposts en het delen van sociale media zonder hulp van buitenaf. We vertrouwen op een handvol geweldige tools en bronnen om de klus te klaren, en ik zal u graag vertellen welke tools we gebruiken en welke extra's we nuttig of interessant vonden.

Heb je een favoriete tool voor het maken van afbeeldingen? Deel het alsjeblieft in de comments!

Kopie van Quick Wins Social Media (3)

Afbeeldingen maken voor sociale media - Tools

1. Canva - Een ontwerpprogramma van begin tot eind, perfect voor niet-ontwerpers

canva-sjablonen

Waarschijnlijk onze meest gebruikte afbeeldingstool bij Buffer, Canva maakt het maken van afbeeldingen supergemakkelijk (vooral voor niet-ontwerpers) met hun kant-en-klare sjablonen, aangepaste afbeeldingsformaten voor elk socialemediakanaal, interface voor slepen en neerzetten, coole lettertypen en meer. Bijna elke originele afbeelding die je ziet, gedeeld vanaf onze sociale accounts, is gemaakt in Canva.

Tip : Als u de exacte afmetingen van de gewenste afbeelding kent, maakt u een aangepast formaat voordat u op een van de vooraf gemaakte sjablonen klikt.

aangepaste afmetingen

Extra hulpmiddelen voor afbeeldingen van begin tot eind:

twee. Skitch - Schermopname en annotatie

Schermafbeelding van Skitch

Onze go-to screenshot-tool, Skitch, verschijnt met een snelle sneltoets (Cmd + Shift + 5 op Macs), waarna je kunt klikken en slepen over het gebied dat je wilt knippen. We blijven terugkomen op deze tool vanwege de geweldige en gemakkelijke annotatiefuncties. U kunt dingen omcirkelen, dingen aanwijzen, dingen vervagen en tekst toevoegen met slechts een paar snelle klikken. Met Skitch, een product van Evernote, kun je alle screengrabs opslaan en opslaan in een Evernote-map naar keuze.

Tip : Gebruik de vervagingsfunctie wanneer u een afbeelding deelt met uw e-mailadres of persoonlijke gegevens.

wazig skitch

Extra hulpprogramma's voor schermopnamen:

3. CloudApp - Snelle en gemakkelijke screencast-GIF's

CloudApp

We gebruiken deze tool veel voor het intern delen van afbeeldingen bij Buffer. Met CloudApp kunt u afbeeldingen online opslaan en er snel en eenvoudig naar linken om ze snel te delen. Hun nieuwe Mac-app - een gratis download - wordt geleverd met nog geavanceerdere functies zoals screengrabs en het maken van GIF's. Terwijl de app is geopend, kun je op Cmd + Shift + 6 drukken om een ​​GIF-video te maken van alles wat je op je scherm doet.

Tip : Zodra het maken van de afbeelding is voltooid, kan CloudApp de afbeeldings-URL automatisch op uw klembord plaatsen. Vraag CloudApp om de download-URL en u kunt snel plakken en downloaden wanneer de afbeelding klaar is.

gif-melding

Extra GIF-makers voor schermopname:

Vier. Power Point - Eenvoudige beeldsoftware (bedoeld voor iets anders)

Presentatiesoftware is misschien niet het eerste dat in je opkomt bij het maken van afbeeldingen, maar er is een groot aantal amateurontwerpers die veel gebruik maken van het maken van afbeeldingen via de sjablonen en tools die rechtstreeks in PowerPoint zijn ingebakken.

Beschouw dia's als afbeeldingen. En bedenk dan hoe gemakkelijk het is om dia's in PowerPoint te bewerken. U kunt foto's instellen als dia-achtergronden, tekst en kleuren toevoegen en pictogrammen en afbeeldingen plaatsen. Wanneer u de dia opslaat in PowerPoint, kiest u ervoor om op te slaan als afbeelding en bent u klaar.

hoe je oude verhalen op Facebook kunt bekijken

Tip : HubSpot biedt een aantal uitstekende starters Sjablonen voor het maken van infographics met PowerPoint. Hier is een voorbeeld van wat mogelijk is:

hubspot infographic

Extra complete softwaretools voor beeldbewerking:

5. Ezel.ly - Creëren van infographic met slepen en neerzetten

Gemakkelijk

Met de interactieve lay-outs van Easel.ly kunt u grafieken, foto's en meer insluiten. U kunt aan de slag gaan met een vooraf gemaakte sjabloon (en deze vervolgens zelf aanpassen) of u kunt echt kaal gaan en de hele infographic bouwen zoals u dat wilt. Easel.ly wordt geleverd met een groot aantal pictogrammen, vormen en objecten die u naar uw editor kunt slepen en neerzetten.

Extra infographic tools:

  • Infogr.am Sluit video, kaarten, grafieken en meer in uw infographic in
  • Visual.ly Maak contact met professionele ontwerpers om te helpen bij uw project
  • Piktochart - Maak vanaf het begin aangepaste infographics of gebruik een vooraf gemaakte sjabloon

7. Plaats het - Integreer uw website of app in coole stockfoto's

placeit - bufferblog

Voor het maken van prachtige afbeeldingen met uw startpagina, blog, app of service, biedt Placeit enkele handige integraties met uw webadres en hun fotografie en video. Kies een achtergrond uit de bibliotheek van Placeit en upload vervolgens een screenshot of geef Placeit een URL die je kunt pakken om je site in de afbeelding in te voegen.

Placeit doet de rest. U kunt uw nieuwe creatie overal downloaden of insluiten.

Tip : De interactieve video-optie op Placeit zal uw volledige website in het venster insluiten en gebruikers kunnen door de site scrollen alsof ze de pagina in hun browser bezoeken.

8. Tool voor het wijzigen van sociale afbeeldingen - Ideale afbeeldingsformaten voor elk sociaal kanaal

afbeelding formaat wijzigen

Er zijn er een enorm aantal verschillende maten en aspectverhoudingen die het beste werken op verschillende sociale netwerken. Twitter-foto's zijn het beste met een verhouding van 2: 1. Facebook geeft er de voorkeur aan dat afbeeldingen meer vierkant zijn. Pinterest en Google+ zijn dol op verticale afbeeldingen.

Je kunt dit allemaal gesorteerd houden met een tool als Social Image Resizer. Upload de gewenste afbeelding en kies uit een enorme vervolgkeuzelijst met opties en plaatsen waar u de afbeelding misschien wilt gebruiken. U kunt het geselecteerde gebied verplaatsen en schalen om de optimale look voor uw afbeelding te krijgen.

Dit zijn de sociale netwerken die de tool ondersteunt:

  • Facebook
  • Twitter
  • LinkedIn
  • Google+
  • Pinterest
  • Instagram
  • Youtube

Tip : U kunt klikken en slepen om ook een aangepast afbeeldingsformaat te maken. Image Resizer informeert u over de nieuwe afmetingen terwijl u de randen verplaatst en vergroot of verkleint.

hoe je het bereik op facebook vergroot

Extra opties voor het maken van ideale afbeeldingen voor verschillende sociale netwerken:

9. Smush.it - ​​Beeldoptimalisatie voor bestandsgrootte en snel laden

smushit

We gebruiken veel grote afbeeldingen op onze blogposts en social media bij Buffer. We zouden kunnen profiteren van een tool als Smush.it

Kies een bestand, upload het naar Smush.it en de tool comprimeert de afbeelding tot een meer optimale bestandsgrootte. Deze geoptimaliseerde afbeeldingen worden sneller op de pagina geladen en zorgen voor een snellere upload bij het delen op sociale media.

Tip : Smush. Het komt ook binnen een handige WordPress-plug-in om elke afbeelding die u op uw blog publiceert, te comprimeren en te optimaliseren.

Extra opties voor optimalisatie- en compressietools

10. Reciteren - Maak afbeeldingen van citaten

Enkele van onze meest gedeelde inhoudsuggesties en de meest populaire sociale updates zijn citaten. U kunt aanhalingstekens naar een hoger niveau tillen door er afbeeldingen van te maken. Voer bij Recite eenvoudig uw citaat in de editor op de startpagina in en kies een lay-out uit de lange lijst met sjablonen.

Het eindresultaat kan er ongeveer zo uitzien:

reciteren-16833--608253535-3ia32

Extra tools om afbeeldingen van tekst te maken:

elf. Page2Images - Paginagrote website-grabber

Als je ooit een webdesign hebt gezien dat je echt heeft gepakt (en je hebt toevallig een webdesignbord op Pinterest of je deelt dit soort dingen de hele tijd met je volgers), dan zou het zeker geweldig zijn om dat te kunnen grijp het hele ding in één compleet schot.

Ga naar Page2Images, een handige tool waarmee je een afbeelding op volledig scherm van een webpagina kunt maken en waarmee je deze eenvoudig kunt downloaden of toevoegen aan Pinterest. Er zijn een paar bookmarklets die je kunt installeren door op de links naar je bladwijzerbalk te klikken en ze te slepen. De ene bookmarklet wordt rechtstreeks aan Pinterest toegevoegd en de andere pakt de pagina als afbeelding om te downloaden.

page2image

12. Photovisi - Collage maker

Beeldcollages zijn big business voor Instagram , en ze hebben ook hun weg naar Twitter en Facebook gevonden. De laatste twee sociale netwerken hebben ingebouwde collagetools. Als je wat meer controle wilt over de manier waarop je collages worden verwerkt, zou een tool als Photovisi wonderen verrichten.

Er zijn veel verschillende sjablonen waaruit u kunt kiezen en u kunt niet alleen de foto's die u gebruikt aanpassen, maar ook de tekst, achtergronden of afbeeldingen die u aan de collage wilt toevoegen.

collage opties photovisi

Extra opties voor het maken van collages:

13. Over - Tekst op foto's

We hebben besproken hoe u tekst in afbeeldingen kunt omzetten. Hoe zit het met het verfraaien van een afbeelding met tekst eroverheen?

Met de Over-app voor iOS en Android kun je elke afbeelding op je apparaat kiezen en deze aanpassen met tekst, lettertypen, kleuren en lettergroottes naar keuze. Hier is een voorbeeld uit de Over Instagram-feed

Over voorbeeld

Extra opties voor het toevoegen van tekst aan afbeeldingen:

14. Infogr.am - Grafieken en grafieken

Infogram grafiek en grafiek

Wanneer je blogposts met veel gegevens of door onderzoek ondersteunde artikelen schrijft, wil je misschien gegevens delen als een afbeelding. Een van de beste tools die ik hiervoor heb gevonden, is Infogr.am, dat helpt bij het maken van infographics, samen met een behoorlijk robuuste diagram- en grafiekeditor.

U kunt het type grafiek kiezen dat u wilt gebruiken en vervolgens de tabelcellen en waarden rechtstreeks vanuit Infogr.am bewerken.

Extra opties voor het maken van grafieken en grafieken:

  • Google Drive
  • Excel

vijftien. Volière - Onderweg bewerken vanuit een mobiele app

volière screenshot

Aviary was vroeger een populaire app voor desktopafbeeldingen en is niet opgenomen in de suite met Adobe-producten en is beschikbaar voor gebruik door andere apps (MailChimp gebruikt bijvoorbeeld beeldbewerking door Aviary).

Er is nog steeds een handige mobiele app voor iOS en Android om onderweg te helpen bij het bewerken van afbeeldingen.

Naast de typische filters en effecten die u zou verwachten te vinden in een mobiele afbeeldingsapp, biedt Aviary stickers en kaders, tekengereedschappen, memes en gereedschappen voor bijsnijden, roteren en rechttrekken.

Extra opties voor het ontwerpen van afbeeldingen op mobiel:

Afbeeldingen maken voor sociale media - bronnen

16. Iconfinder - Gratis doorzoekbare pictogrammen

Ontdek het perfecte pictogram om toe te voegen aan uw sociale media-afbeeldingen. Zoek op trefwoord en verfijn vervolgens op formaat, stijl, grootte en meer. Afgezien van de premium-pictogrammen, is er een enorme selectie gratis-met-attributie-pictogrammen om te gebruiken.

iconfinder

17. Onscherpe achtergronden - Eenvoudige, mooie wazige achtergronden

Een aanbod van Inspiratiejacht , is deze set van 120 vervaagde achtergronden - gratis te downloaden en te gebruiken - verkrijgbaar in een enorm scala aan kleuren en stijlen.

preview4

18. Zelfstandig naamwoord Project - Enorme bibliotheek met pictogrammen in een minimale glyph-stijl

Als je veel van de 99U-blog hebt gelezen (een van onze favorieten !), heb je waarschijnlijk hun coole pictogrammen opgemerkt die de omslagafbeelding op hun berichten vormen. Elk is gemaakt met Noun Project-pictogrammen! De Noun Project-bibliotheek bevat een ongelooflijk aantal visuele afbeeldingen die tonnen woorden in de Engelse taal vertegenwoordigen. Met de meeste beschikbaar als gratis download, maakt het Noun Project toeschrijving heel duidelijk en gemakkelijk.

zelfstandig naamwoord-project

19. Subtiele patronen - Patroonachtergronden gratis te downloaden

Deze patroonachtergronden zijn bedoeld voor websites, maar ik pak ze ook graag voor snelle en gemakkelijke afbeeldingsachtergronden. Zoek een favoriet en screengrab het betegelde achtergrondvoorbeeld van de site. Upload het vervolgens en voeg het toe aan uw afbeeldingseditor.

Subtiele_patronen

twintig. Patroonbibliotheek - Leuke, gratis achtergronden

Net als Subtle Patterns, is de Pattern Library ook website-first. Je kunt hier dezelfde truc doen met de achtergronden die je leuk vindt. Screengrab en gebruik in de afbeeldingen die u maakt. De patroonbibliotheek biedt volledig betegelde achtergrondvoorbeelden om het maken van schermafbeeldingen eenvoudig te maken.

patroonbibliotheek

eenentwintig. Colourlovers - Kleurenpalet en patrooninspiratie

Een van de beste webbronnen voor kleuren, je kunt hier elke tint, tint of tint vinden. En de gemeenschap heeft deze geweldige kleuren in paletten en patronen geplaatst.

hoe maak je een bedrijfspagina op facebook
kleurliefhebbers

22. Omnicore's cheatsheet voor sociale media - Gids voor optimale beeldformaten

De Omnicore-gids is een snelle referentie voor de juiste formaten om te gebruiken in elk bericht op sociale media en bevat alle essentiële details - updates, headers, avatars, enz. - en het Omnicore-team vernieuwt de afbeelding constant om op de hoogte te blijven van de laatste wijzigingen.

sociale media afbeeldingsgrootte facebook

2. 3. Pictaculous - Maak een palet van elke afbeelding

Stel dat u de afbeelding kent die u in uw afbeelding wilt opnemen, en dat u ook graag enkele hints wilt geven over welke kleuren u kunt gebruiken voor kaders, achtergronden, tekst en pictogrammen. Upload de foto naar Pictaculous en je krijgt je antwoord. De tool bestudeert uw afbeelding en retourneert voorgestelde paletten waaruit u kunt kiezen.

schilderachtig

Bonus: stockfoto's - 53+ gratis beeldbronnen

Het kan zijn dat u ook wat gratis beeldmateriaal nodig heeft om te gebruiken. We kwamen met een uitgebreide lijst - meer dan 50 opties - van gratis afbeeldingsbronnen waar u gratis professionele afbeeldingen kunt vinden. Een paar van mijn favorieten:

Hoe we de hoofdafbeelding voor deze blogpost hebben gemaakt

Zou het nuttig zijn om een ​​voorbeeld van dit alles samen te zien?

De hoofdafbeelding voor dit bericht (zie hierboven of hieronder) is er een die ik helemaal opnieuw heb opgebouwd met behulp van een handvol tools die hier in de post worden vermeld.

Hulpmiddelen voor afbeeldingen

Hier is een kort overzicht van hoe ik het heb gemaakt:

hoeveel kost uw eigen snapchat-filter

1. Open een nieuw ontwerp in Canva

Ik koos voor de Twitter Post-sjabloon, die 1024 pixels breed en 512 pixels hoog is. Dit is de ideale beeldverhouding van 2: 1 om Twitter-afbeeldingen zonder bijsnijden in de feed te laten zien. De grootte werkt ook goed voor Facebook-berichten, zolang je maar let op de linker- en rechtermarge van je afbeelding, die kan worden afgesneden wanneer Facebook de grootte van dingen aanpast.

canva nieuw ontwerp

Als je dit type afbeelding veel maakt, kun je een kopie maken van een oude afbeelding en vervolgens vanuit die specifieke sjabloon in Canva werken.

2. Zoeken Icon Finder voor een pictogram dat het beste de post vertegenwoordigt.

Ik gebruik hiervoor graag platte pictogrammen, dus ik begin met zoeken op trefwoord in Icon Finder en verfijn de zoekopdracht vervolgens op platte stijlen. Download de versie met de hoogste resolutie van het pictogram dat u kiest, in .png-indeling. Voeg op dit moment ook een toeschrijving aan uw bericht toe.

iconfinder afbeeldingspictogram

3. Sleep het gedownloade pictogram naar Canva en plaats het in je ontwerp.

Uploaden in Canva is net zo eenvoudig als slepen vanaf je bureaublad of map en neerzetten in de Canva-editor. Zodra het pictogram is geüpload, kunt u erop klikken in het linkermenu en het wordt automatisch in uw ontwerp geplaatst. Formaat wijzigen en centreren bovenaan de afbeelding.

4. Klik in de rastersopties en selecteer de foto met volledige afbeelding.

Als u dit aan uw ontwerp toevoegt, wordt dit ontwerpelement automatisch uitgebreid tot de volledige grootte van uw ontwerp.

zoekroosters canva

5. Zoek een onscherpe achtergrond om te downloaden en toe te voegen aan uw ontwerp.

Ik probeer er vaak een te vinden die op de een of andere manier overeenkomt met de kleuren van het pictogram. Ik download de afbeelding en upload deze naar Canva. Om het als achtergrond aan uw ontwerp toe te voegen, kunt u het slepen en neerzetten op de sjabloon met volledige afbeelding die u in de laatste stap hebt toegevoegd. Canva herkent automatisch dat je een achtergrond probeert toe te voegen.

6. Verplaats de achtergrond naar achteren.

Dit gaat allemaal over lagen. Door uw achtergrond naar achteren te verplaatsen, wordt uw pictogram bovenaan en zichtbaar.

terug canva

7. Voeg tekst toe en pas aan.

Selecteer twee tekstvakken in het linkermenu. De ene wordt de hoofdkop, de andere de onderkop. Ik vind het leuk om lettertypen te variëren met een schreefloos (geen extra stengels op letters) en een serif (stengels). In de afbeelding hier heb ik Roboto vet gebruikt als het lettertype voor de kop en Satisfy als het lettertype voor de subkop.

Om een ​​lettertype vetgedrukt of gecentreerd te maken, kunt u op de pijl omlaag in het dialoogvenster Lettertype klikken om de geavanceerde opties te vinden.

lettertype-instellingen

8. Downloaden

Laatste stap! Als u klaar bent, klikt u op de knop Downloaden of Koppelen, en u krijgt een dialoogvenster om te downloaden als afbeelding (ja!) Of pdf (ideaal voor slideshares en presentaties en e-boeken). U kunt de link ook delen met een vriend voor samenwerking of bewerkingen.

publiceer afbeelding canva

Jouw beurt

Ik ben geïnspireerd om veel te leren over design en visuals op de Buffer-blog, en ik heb nog een hele weg te gaan! Ik ben zo dankbaar voor het grote aantal geweldige ontwerptools dat er is voor het maken van afbeeldingen voor sociale media.

Wat zijn je favoriete ontwerptools voor het maken van afbeeldingen op sociale media?

Ik zou graag horen welke je gebruikt! Voor nog meer tijdwinst op social media, probeer Buffer gratis ​(U bespaart tot een uur per dag en genereert ook meer verkeer!)

Afbeelding credits: Boyan KostovOnscherpe achtergrondenMarkus spiskeOver



^