Bibliothek

23 Tools und Ressourcen zum Erstellen von Bildern für soziale Medien

Update - wir haben gestartet Pablo Ein neues Tool, mit dem Sie in weniger als 30 Sekunden wunderschöne Bilder für Ihre Social-Media-Beiträge erstellen können

Sie können verwenden Pablo Sie müssen sich von Anfang an nicht anmelden oder ein Konto erstellen. Erstellen Sie einfach schnell super Bilder, super schnell.

Screenshot 17.02.2015 um 2.24.51 Uhr

Sie können jetzt die erste Version von Pablo ausprobieren - kein Login erforderlich. Gehen Sie einfach zu http://bufferapp.com/pablo und probieren Sie es aus!

Wir würden uns freuen, Ihre Gedanken zu Pablo auf Twitter zu hören. Rufen Sie uns einfach bei @buffer an und hoffen Sie, dass es Ihnen das Erstellen von Bildern für Ihre Social-Media-Beiträge erheblich erleichtert.



Screenshot 17.02.2015 um 14.34 Uhr

Ok, zurück zum Blogpost!

- -

Durch Experimentieren und Iterieren haben wir festgestellt, dass Bilder beim Teilen in sozialen Medien einbezogen werden erhöht das Engagement auf ganzer Linie - Weitere Klicks, erneutes Teilen, Antworten und Favoriten. In einem Experiment nur Retweets mehr als verdoppelt für Updates mit Bildern im Vergleich zu denen ohne.

Verwenden von Bildern in Social Media-Posts Es lohnt sich, es mit Ihren Profilen zu versuchen.

Können Sie als Inhaber eines Kleinunternehmens oder als Ein-Personen-Marketing-Team dies selbst tun?

Bei Buffer erstellen wir alle Bilder für unsere Blogposts und den Austausch in sozialen Medien ohne externe Designhilfe. Wir sind auf eine Handvoll erstaunlicher Tools und Ressourcen angewiesen, um die Arbeit zu erledigen, und ich teile Ihnen gerne die von uns verwendeten und die Extras mit, die wir als hilfreich oder interessant empfunden haben.

Hast du ein Lieblingswerkzeug zur Bilderzeugung? Bitte teilen Sie in den Kommentaren!

Kopie von Quick Wins Social Media (3)

So erstellen Sie Bilder für soziale Medien - Tools

1. Canva - Ein Design-Programm von Anfang bis Ende, das sich perfekt für Nicht-Designer eignet

Canva-Vorlagen

Canva, wahrscheinlich unser meistgenutztes Bildwerkzeug bei Buffer, macht die Bilderstellung mit vorgefertigten Vorlagen, benutzerdefinierten Bildgrößen für jeden Social-Media-Kanal, Drag-and-Drop-Oberfläche, coolen Schriftarten und vielem mehr sehr einfach (insbesondere für Nicht-Designer). Fast jedes Originalbild, das Sie in unseren sozialen Konten sehen, wurde in Canva erstellt.

Trinkgeld : Wenn Sie die genauen Abmessungen des gewünschten Bilds kennen, erstellen Sie eine benutzerdefinierte Größe, bevor Sie in eine der vorgefertigten Vorlagen klicken.

benutzerdefinierte Abmessungen

Zusätzliche Bildwerkzeuge von Anfang bis Ende:

zwei. Skitch - Screenshot und Annotation

Skitch Screenshot

Skitch, unser Screenshot-Tool, zeigt eine schnelle Tastenkombination (Befehlstaste + Umschalttaste + 5 auf Macs) an. Anschließend können Sie auf den Bereich klicken und ihn ziehen, den Sie ausschneiden möchten. Wir kommen aufgrund der fantastischen und einfachen Anmerkungsfunktionen immer wieder auf dieses Tool zurück. Mit nur wenigen Mausklicks können Sie Dinge kreisen, auf Dinge zeigen, Dinge verwischen und Text hinzufügen. Mit Skitch, einem Produkt von Evernote, können Sie alle Screenshots in einem Evernote-Ordner Ihrer Wahl speichern und speichern.

Trinkgeld : Verwenden Sie die Unschärfefunktion immer dann, wenn Sie ein Bild mit Ihrer E-Mail-Adresse oder Ihren persönlichen Daten teilen.

verschwommener Skitch

Zusätzliche Bildschirmaufnahme-Tools:

3. CloudApp - Schnelle und einfache Screencast-GIFs

CloudApp

Wir verwenden dieses Tool tonnenweise für unsere interne Bildfreigabe bei Buffer. Mit CloudApp können Sie Bilder online speichern und schnell und einfach mit ihnen verknüpfen, um sie schnell zu teilen. Die neue Mac-App - ein kostenloser Download - bietet noch erweiterte Funktionen wie Screengrabs und GIF-Erstellung. Bei geöffneter App können Sie Cmd + Umschalt + 6 drücken, um ein GIF-Video von allem zu erstellen, was Sie auf Ihrem Bildschirm tun.

Trinkgeld : Nach Abschluss der Bilderstellung kann CloudApp die Bild-URL automatisch in Ihre Zwischenablage einfügen. Fragen Sie CloudApp nach der Download-URL, und Sie können sie schnell einfügen und herunterladen, sobald das Bild fertig ist.

GIF-Benachrichtigung

Zusätzliche GIF-Hersteller für Bildschirmaufnahmen:

Vier. Power Point - Einfache Bildsoftware (für etwas anderes gedacht)

Präsentationssoftware ist vielleicht nicht das erste, was bei der Bilderstellung in den Sinn kommt, aber es gibt eine große Anzahl von Amateurdesignern, die das Erstellen von Bildern über die direkt in PowerPoint integrierten Vorlagen und Tools optimal nutzen.

Stellen Sie sich Folien als Bilder vor. Überlegen Sie dann, wie einfach es ist, Folien in PowerPoint zu bearbeiten. Sie können Fotos als Folienhintergründe festlegen, Text und Farben hinzufügen sowie Symbole und Grafiken platzieren. Wenn Sie die Folie in PowerPoint speichern, wählen Sie das Speichern als Bild, und Sie werden festgelegt.

So richten Sie eine Facebook-Gruppenseite ein

Trinkgeld : HubSpot bietet einige hervorragende Startmöglichkeiten Vorlagen zum Erstellen von Infografiken mit PowerPoint. Hier ist ein Beispiel dafür, was möglich ist:

Hubspot-Infografik

Zusätzliche voll funktionsfähige Bildbearbeitungssoftware:

5. Staffelei - Erstellung von Infografiken per Drag & Drop

Leicht

Mit den interaktiven Layouts von Easel.ly können Sie Diagramme, Fotos und mehr einbetten. Sie können mit einer vorgefertigten Vorlage beginnen (und sich dann selbst anpassen) oder Sie können die gesamte Infografik nach Belieben erstellen. Easel.ly enthält eine Vielzahl von Symbolen, Formen und Objekten, die Sie per Drag & Drop in Ihren Editor ziehen können.

Zusätzliche Infografik-Tools:

  • Infogr.am - - Betten Sie Videos, Karten, Diagramme und mehr in Ihre Infografik ein
  • Visuell - - Verbinden Sie sich mit professionellen Designern, um bei Ihrem Projekt zu helfen
  • Piktochart - Erstellen Sie benutzerdefinierte Infografiken von Grund auf neu oder verwenden Sie eine vorgefertigte Vorlage

7. Stell es ab - Integrieren Sie Ihre Website oder App in coole Fotos

placeit - bufferblog

Um wunderschöne Bilder mit Ihrer Homepage, Ihrem Blog, Ihrer App oder Ihrem Service zu erstellen, bietet Placeit einige nette Integrationen mit Ihrer Webadresse sowie deren Fotografie und Video. Wählen Sie einen Hintergrund aus der Placeit-Bibliothek aus, laden Sie einen Screenshot hoch oder geben Sie Placeit eine URL zum Abrufen, um Ihre Website in das Bild einzufügen.

Placeit erledigt den Rest. Sie können Ihre neue Kreation überall herunterladen oder einbetten.

Trinkgeld : Mit der Option Interaktives Video bei Placeit wird Ihre gesamte Website in das Fenster eingebettet, und Benutzer können durch die Website scrollen, als würden sie die Seite in ihrem Browser besuchen.

8. Social Image Resizer Tool - Ideale Bildgrößen für jeden sozialen Kanal

Bildgröße ändern

Es gibt eine große Anzahl von verschiedene Größen und Seitenverhältnisse das funktioniert am besten in verschiedenen sozialen Netzwerken. Twitter-Fotos sind am besten im Verhältnis 2: 1. Facebook bevorzugt, dass Bilder quadratischer sind. Pinterest und Google+ lieben vertikale Bilder.

Sie können dies alles mit einem Tool wie Social Image Resizer sortieren. Laden Sie das gewünschte Bild hoch und wählen Sie aus einer großen Dropdown-Liste mit Optionen und Orten, an denen Sie das Bild möglicherweise verwenden möchten. Sie können den ausgewählten Bereich verschieben und skalieren, um das optimale Erscheinungsbild für Ihr Bild zu erzielen.

Hier sind die sozialen Netzwerke, die das Tool unterstützt:

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

Trinkgeld : Sie können auch klicken und ziehen, um eine benutzerdefinierte Bildgröße zu erstellen. Image Resizer informiert Sie über die neuen Dimensionen, wenn Sie die Ränder verschieben und ihre Größe ändern.

Schauen Sie, sie sind ganz oben auf Instagram

Zusätzliche Optionen zum Erstellen idealer Bilder für verschiedene soziale Netzwerke:

9. Smush.it - ​​Bildoptimierung für Dateigröße und schnelles Laden

smushit

Wir verwenden viele große Bilder in unseren Blogposts und sozialen Medien bei Buffer. Wir könnten von einem Tool wie profitieren Smush.it .

Wählen Sie eine Datei aus, laden Sie sie auf Smush.it hoch, und das Tool komprimiert das Bild auf eine optimalere Dateigröße. Diese optimierten Bilder werden schneller auf die Seite geladen und ermöglichen einen schnelleren Upload beim Teilen in sozialen Medien.

Trinkgeld : Smush.it kommt auch rein ein handliches WordPress-Plugin um jedes Bild, das Sie in Ihrem Blog veröffentlichen, zu komprimieren und zu optimieren.

Zusätzliche Optionen für Optimierungs- und Komprimierungswerkzeuge

10. Rezitieren - Erstellen Sie Bilder aus Anführungszeichen

Einige unserer am meisten geteilten Inhaltsvorschläge und die beliebtesten sozialen Updates sind Zitate. Sie können Anführungszeichen auf die nächste Ebene bringen, indem Sie Bilder daraus erstellen. Geben Sie bei Rezitieren einfach Ihr Angebot in den Editor auf der Startseite ein und wählen Sie ein Layout aus der langen Liste der Vorlagen.

Das Endergebnis kann ungefähr so ​​aussehen:

rezitieren-16833--608253535-3ia32

Zusätzliche Tools zum Erstellen von Bildern aus Text:

elf. Page2Bilder - Ganzseitiger Website-Grabber

Wenn Sie jemals ein Webdesign gesehen haben, das Sie wirklich gepackt hat (und Sie zufällig ein Webdesign-Board auf Pinterest haben oder diese Art von Dingen ständig mit Ihren Followern teilen), wäre es sicher großartig, dies zu können Schnapp dir das Ganze auf einen Schlag.

Geben Sie Page2Images ein, ein praktisches Tool, das ein Vollbild einer Webseite erstellt und das einfache Herunterladen oder Hinzufügen zu Pinterest ermöglicht. Es gibt zwei Lesezeichen, die Sie installieren können, indem Sie auf die Links zu Ihrer Lesezeichenleiste klicken und diese ziehen. Ein Lesezeichen wird direkt zu Pinterest hinzugefügt, das andere greift die Seite als Bild zum Herunterladen auf.

page2image

12. Photovisi - Collagenmacher

Bildcollagen sind ein großes Geschäft für Instagram und sie haben auch den Weg zu Twitter und Facebook gefunden. In den beiden letztgenannten sozialen Netzwerken sind Collage-Tools integriert. Wenn Sie etwas mehr Kontrolle über die Art und Weise haben möchten, wie Ihre Collagen behandelt werden, würde ein Tool wie Photovisi Wunder wirken.

Es stehen viele verschiedene Vorlagen zur Auswahl. Sie können nicht nur die von Ihnen verwendeten Fotos anpassen, sondern auch alle Texte, Hintergründe oder Grafiken, die Sie der Collage hinzufügen möchten.

Collagenoptionen photovisi

Zusätzliche Optionen für die Erstellung von Collagen:

13. Über - Text auf Fotos

Wir haben angesprochen, wie Text in Bilder umgewandelt werden kann. Wie wäre es, ein Bild mit Text darüber aufzupeppen?

Mit der Over-App für iOS und Android können Sie ein beliebiges Bild auf Ihrem Gerät auswählen und mit Text, Schriftarten, Farben und Schriftgrößen Ihrer Wahl anpassen. Hier ist ein Beispiel aus der Over Instagram Feed ::

Über Beispiel

Zusätzliche Optionen zum Hinzufügen von Text zu Bildern:

14. Infogr.am - Diagramme und Grafiken

Infogramm Diagramm und Grafik

Wenn Sie datenreiche Blogposts oder Artikel schreiben, die von der Forschung unterstützt werden, möchten Sie möglicherweise Daten als Bild freigeben. Eines der besten Tools, das ich dafür gefunden habe, ist Infogr.am, mit dessen Hilfe Infografiken erstellt werden können und das über einen ziemlich robusten Diagramm- und Grafikeditor verfügt.

Sie können den gewünschten Diagrammtyp auswählen und dann die Tabellenzellen und -werte direkt in Infogr.am bearbeiten.

Zusätzliche Optionen zum Erstellen von Diagrammen und Grafiken:

  • Google Drive
  • Excel

fünfzehn. Voliere - Bearbeiten von unterwegs über eine mobile App

Voliere Screenshot

Aviary war früher eine beliebte Desktop-Image-App. Sie wurde nicht in die Suite von Adobe-Produkten integriert und steht anderen Apps zur Verfügung (MailChimp verwendet beispielsweise die Bildbearbeitung von Aviary).

Es gibt immer noch eine praktische mobile App für iOS und Android, mit der Sie unterwegs Bilder bearbeiten können.

Zusätzlich zu den typischen Filtern und Effekten, die Sie von einer mobilen Bild-App erwarten, bietet Aviary Aufkleber und Rahmen, Zeichenwerkzeuge, Meme sowie Werkzeuge zum Zuschneiden, Drehen und Begradigen.

Zusätzliche Optionen zum Entwerfen von Bildern auf Mobilgeräten:

So erstellen Sie Bilder für soziale Medien - Ressourcen

16. Iconfinder - Kostenlose, durchsuchbare Symbole

Entdecken Sie das perfekte Symbol zum Hinzufügen zu Ihren Social Media-Bildern. Suchen Sie nach Schlüsselwörtern und verfeinern Sie sie nach Format, Stil, Größe und mehr. Abgesehen von den Premium-Symbolen gibt es eine große Auswahl an Symbolen, die frei von Attributen verwendet werden können.

Iconfinder

17. Blurgrounds - Einfache, schöne unscharfe Hintergründe

Ein Angebot von Inspirationsjagd Dieses Set mit 120 unscharfen Hintergründen - kostenlos zum Herunterladen und Verwenden - ist in einer Vielzahl von Farben und Stilen erhältlich.

Vorschau4

18. Nomen-Projekt - Riesige Bibliothek mit Symbolen in einem minimalen Glyphenstil

Wenn Sie viel vom 99U-Blog gelesen haben (einer unserer Favoriten !), Sie haben wahrscheinlich die coolen Symbole bemerkt, die für das Titelbild in ihren Posts sorgen. Jedes ist mit Noun Project-Symbolen versehen! Die Noun-Projektbibliothek enthält eine unglaubliche Anzahl visueller Bilder, die Tonnen von Wörtern in englischer Sprache darstellen. Da die meisten als kostenloser Download verfügbar sind, macht das Noun-Projekt die Zuordnung sehr klar und einfach.

Nomen-Projekt

19. Subtile Muster - Gemusterte Hintergründe zum kostenlosen Download

Diese Musterhintergründe sind für Websites gedacht, aber ich greife sie auch gerne für schnelle und einfache Bildhintergründe. Suchen Sie einen Favoriten und zeigen Sie die gekachelte Hintergrundvorschau auf der Website an. Laden Sie dann Ihren Bildeditor hoch und fügen Sie ihn hinzu.

Subtile Muster

zwanzig. Musterbibliothek - Spaß, freie Hintergründe

Wie bei Subtle Patterns steht auch bei der Pattern Library die Website an erster Stelle. Sie können den gleichen Trick hier mit den Hintergründen machen, die Sie genießen. Screengrab und Verwendung in den von Ihnen erstellten Bildern. Die Musterbibliothek bietet eine vollständig gekachelte Hintergrundvorschau, um das Aufnehmen des Bildschirms zu vereinfachen.

Musterbibliothek

einundzwanzig. Farbliebhaber - Inspiration für Farbpalette und Muster

Als eine der besten Webressourcen für Farben finden Sie hier jeden Farbton, Farbton oder Farbton. Und die Community hat diese fantastischen Farben in Paletten und Muster platziert.

Warum kann ich nur ein paar Beiträge auf meiner Facebook-Seite sehen?
Farbliebhaber

22. Omnicores Social Media Cheat Sheet - Leitfaden für optimale Bildgrößen

Der Omnicore-Leitfaden ist eine Kurzreferenz für die richtigen Größen, die in jedem Social-Media-Beitrag verwendet werden können. Er enthält alle wichtigen Details - Aktualisierungen, Überschriften, Avatare usw. - und das Omnicore-Team aktualisiert die Grafik ständig, um über die neuesten Änderungen auf dem Laufenden zu bleiben.

Social Media Bildgröße Facebook

2. 3. Bildhaft - Erstellen Sie eine Palette aus einem beliebigen Bild

Angenommen, Sie kennen das Bild, das Sie in Ihre Grafik aufnehmen möchten, und Sie möchten auch einige Hinweise dazu, welche Farben für Rahmen, Hintergründe, Text und Symbole verwendet werden sollen. Laden Sie das Bild auf Pictaculous hoch und Sie erhalten Ihre Antwort. Das Tool untersucht Ihr Bild und gibt vorgeschlagene Paletten zurück, aus denen Sie auswählen können.

malerisch

Bonus: Stock Fotos - 53+ kostenlose Bildquellen

Möglicherweise benötigen Sie auch einige kostenlose Bilder. Wir haben eine umfangreiche Liste mit mehr als 50 Optionen für kostenlose Bildquellen erstellt, in denen Sie kostenlos professionelle Bilder finden können. Einige meiner Favoriten:

Wie wir das Hauptbild für diesen Blogpost gemacht haben

Wäre es hilfreich, ein Beispiel für all das zusammen zu sehen?

Das Hauptbild für diesen Beitrag (siehe oben oder unten) ist eines, das ich mit einer Handvoll der hier im Beitrag aufgeführten Tools von Grund auf neu erstellt habe.

Bildwerkzeuge

Hier ist ein kurzer Überblick darüber, wie ich es gemacht habe:

Was ist die beste Größe für Facebook-Titelbild

1. Öffnen Sie ein neues Design in Canva .

Ich habe mich für die Twitter Post-Vorlage entschieden, die 1.024 Pixel breit und 512 Pixel hoch ist. Dies ist das ideale Seitenverhältnis von 2: 1, damit Twitter-Bilder ohne Zuschneiden im Feed angezeigt werden. Die Größe eignet sich auch gut für Facebook-Posts, sofern Sie den linken und rechten Rand Ihres Bildes beachten, der möglicherweise abgeschnitten wird, wenn Facebook die Größe ändert.

canva neues design

Wenn Sie diese Art von Bild häufig erstellen, können Sie eine Kopie eines alten Bildes erstellen und dann mit dieser bestimmten Vorlage in Canva arbeiten.

2. Suchen Icon Finder für ein Symbol, das den Beitrag am besten darstellt.

Ich liebe es, flache Symbole für diese zu verwenden, daher beginne ich mit einer Stichwortsuche im Icon Finder und verfeinere dann die Suche nach flachen Stilen. Laden Sie die Version mit der höchsten Auflösung herunter des von Ihnen ausgewählten Symbols im PNG-Format. Fügen Sie Ihrem Beitrag auch zu diesem Zeitpunkt eine Zuordnung hinzu.

iconfinder Bildsymbol

3. Ziehen Sie das heruntergeladene Symbol in Canva und platzieren Sie es in Ihrem Design.

Das Hochladen in Canva ist so einfach wie das Ziehen von Ihrem Desktop oder Ordner und das Ablegen in den Canva-Editor. Sobald das Symbol hochgeladen wurde, können Sie im linken Menü darauf klicken. Es wird automatisch in Ihr Design eingefügt. Ändern Sie die Größe und zentrieren Sie sie oben im Bild.

4. Klicken Sie in die Rasteroptionen und wählen Sie das Vollbildfoto aus.

Wenn Sie dies zu Ihrem Design hinzufügen, wird dieses Designelement automatisch auf die volle Größe Ihres Designs erweitert.

Suchgitter canva

5. Finden Sie a unscharfer Hintergrund zum Herunterladen und Hinzufügen zu Ihrem Design.

Ich versuche oft, eine zu finden, die in irgendeiner Weise zu den Farben des Symbols passt. Ich lade das Bild herunter und lade es dann in Canva hoch. Um es als Hintergrund zu Ihrem Design hinzuzufügen, können Sie es auf die im letzten Schritt hinzugefügte Vollbildvorlage ziehen und dort ablegen. Canva erkennt automatisch, dass Sie versuchen, einen Hintergrund hinzuzufügen.

6. Verschieben Sie den Hintergrund nach hinten.

Hier dreht sich alles um Schichten. Wenn Sie Ihren Hintergrund nach hinten verschieben, wird Ihr Symbol oben angezeigt.

zurück canva

7. Fügen Sie Text hinzu und passen Sie ihn an.

Wählen Sie im linken Menü zwei Textfelder aus. Eine wird die Hauptüberschrift sein, die andere wird die Unterüberschrift sein. Ich mag es, Schriftarten mit einer serifenlosen Schrift (keine zusätzlichen Stiele auf Buchstaben) und einer Serife (Stiele) zu variieren. In der Grafik hier habe ich Roboto fett als Überschriftenschrift und Satisfy als Unterüberschrift verwendet.

Um eine Schrift fett oder zentriert zu machen, können Sie im Dialogfeld Schrift auf den Abwärtspfeil klicken, um die erweiterten Optionen zu finden.

Schriftarteinstellungen

8. Herunterladen

Letzter Schritt! Wenn Sie fertig sind, klicken Sie auf die Schaltfläche 'Herunterladen' oder 'Verknüpfen'. Daraufhin wird ein Dialogfeld zum Herunterladen als Bild (Ja!) Oder PDF (ideal für Diashows, Präsentationen und E-Books) angezeigt. Sie können den Link auch für die Zusammenarbeit oder Bearbeitung mit einem Freund teilen.

Bild canva veröffentlichen

Du bist dran

Ich wurde inspiriert, im Buffer-Blog viel über Design und Grafik zu lernen, und ich habe noch einiges vor mir! Ich bin so dankbar für die große Anzahl erstaunlicher Design-Tools, mit denen Bilder für soziale Medien erstellt werden können.

Welches sind Ihre bevorzugten Designwerkzeuge zum Erstellen von Social Media-Bildern?

Ich würde gerne hören, welche Sie verwenden! Für noch mehr Zeitersparnis in sozialen Medien, Probieren Sie Buffer kostenlos aus ! (Sie sparen bis zu einer Stunde pro Tag und fahren auch mehr Verkehr!)

Bildnachweis: Boyan Kostov , Blurgrounds , Markus spiske , Über



^