Bibliotek

23 Verktøy og ressurser for å lage bilder for sosiale medier

Oppdatering - vi lanserte Pablo et nytt verktøy for å lage vakre bilder for innleggene dine på sosiale medier på under 30 sekunder

Du kan bruke Pablo rett fra get-go, ingen grunn til å logge inn eller opprette en konto. Bare lag fantastiske bilder super raskt.



Skjermbilde 2015-02-17 klokka 14.25.51

Du kan prøve den første versjonen av Pablo akkurat nå - ingen pålogging kreves. Bare gå til http://bufferapp.com/pablo og prøv det!

Vi vil gjerne høre tankene dine om Pablo på Twitter, bare slå oss opp @buffer og håper det gjør det enklere å lage bilder til innleggene dine på sosiale medier.





Skjermbilde 2015-02-17 klokka 14.34.40

Ok, tilbake til blogginnlegget!

-


OPTAD-3

Gjennom eksperimentering og iterasjon har vi funnet ut at det inkluderer bilder når vi deler til sosiale medier øker engasjement over hele linja — Flere klikk, videredeling, svar og favoritter. I ett eksperiment, retweets alene mer enn doblet for oppdateringer med bilder sammenlignet med de uten.

Bruke bilder i sosiale medier er vel verdt å prøve med profilene dine.

Som en småbedriftseier eller et markedsføringsteam for en person, er dette noe du kan trekke selv?

Hos Buffer lager vi alle bildene for blogginnlegg og deling av sosiale medier uten ekstern designhjelp. Vi stoler på en håndfull fantastiske verktøy og ressurser for å få jobben gjort, og jeg vil gjerne dele med deg de vi bruker og tilleggene vi har funnet nyttige eller interessante.

Har du et favorittverktøy for å lage bilder? Vennligst del i kommentarene!

Kopi av sosiale vinners vinnere (3)

Hvordan lage bilder for sosiale medier - verktøy

1. Canva - Et start-til-ferdig designprogram perfekt for ikke-designere

canva maler

Sannsynligvis det mest brukte bildeverktøyet hos Buffer, Canva, gjør det enkelt å lage bilder (spesielt for ikke-designere) med sine forhåndsmalte maler, tilpassede bildestørrelser for hver sosiale mediekanal, dra-og-slipp-grensesnitt, kule skrifter og mer. Mest alle originale bilder du ser delt fra våre sosiale kontoer ble laget i Canva.

Tips : Hvis du vet de nøyaktige dimensjonene til bildet du ønsker, kan du opprette en egendefinert størrelse før du klikker på noen av de forhåndsdefinerte malene.

tilpassede dimensjoner

Tilleggsverktøy fra start til slutt:

to. Skitch - Skjermopptak og kommentar

Skitch skjermbilde

Vårt skjermbildeverktøy, Skitch, dukker opp med en hurtig hurtigtast (Cmd + Shift + 5 på Mac-maskiner), og deretter kan du klikke og dra over området du vil klippe. Vi fortsetter å komme tilbake til dette verktøyet på grunn av de fantastiske og enkle kommentarfunksjonene. Du kan sirkle rundt ting, peke på ting, uskarpe ting og legge til tekst med bare et par raske klikk. Et produkt av Evernote, Skitch, lar deg lagre og lagre alle skjermbilder i en Evernote-mappe du velger.

Tips : Bruk uskarphetsfunksjonen når du deler et bilde med e-postadressen eller personlige opplysninger.

uskarpt skitch

Ekstra skjermopptaksverktøy:

3. CloudApp - Rask og enkel screencast GIF

CloudApp

Vi bruker dette verktøyet massevis for vår interne bildedeling på Buffer. CloudApp lar deg lagre bilder på nettet og koble til dem raskt og enkelt for rask deling. Den nye Mac-appen deres - en gratis nedlasting - kommer med enda mer avanserte funksjoner som screengrabs og GIF-opprettelse. Når appen er åpen, kan du trykke på Cmd + Shift + 6 for å lage en GIF-video av alt du gjør på skjermen.

Tips : Når bildedannelsen er fullført, kan CloudApp automatisk sette bildens URL på utklippstavlen. Be CloudApp om nedlastings-URL, og du kan raskt lime inn og laste ned når bildet er klart.

gif-varsling

Ekstra GIF-produsenter for skjermopptak:

Fire. Powerpoint - Enkel bildeprogramvare (ment for noe annet)

Presentasjonsprogramvare er kanskje ikke det første som kommer til å tenke på når du lager bilder, men det er et stort antall amatørdesignere som får stor nytte av å lage bilder via maler og verktøy som er bakt rett inn i PowerPoint.

Tenk på lysbilder som bilder. Og så vurder hvor enkelt det er å redigere lysbilder i PowerPoint. Du kan angi bilder som lysbildebakgrunner, legge til tekst og farger og plassere ikoner og grafikk. Når du lagrer lysbildet i PowerPoint, velger du å lagre som et bilde, så blir du klar.

hvordan lage annonser på instagram

Tips : HubSpot tilbyr noen gode starter maler for å bygge infografikk med PowerPoint. Her er et eksempel på hva som er mulig:

hubspot infographic

Ytterligere programvareverktøy for bilderedigering:

5. Easel.ly - Dra og slipp infografisk opprettelse

Lett

Easel.lys interaktive oppsett lar deg legge inn diagrammer, bilder og mer. Du kan komme i gang med en forhåndsbygd mal (og deretter tilpasse deg selv), eller du kan gå virkelig bare bein og bygge hele infografikken, men du vil. Easel.ly kommer med et stort antall ikoner, former og objekter som du kan dra og slippe inn i redigeringsprogrammet.

Ytterligere infografiske verktøy:

  • Infogr.am - Bygg inn video, kart, diagrammer og mer i infografikken din
  • Visual.ly - Ta kontakt med profesjonelle designere for å hjelpe deg med prosjektet ditt
  • Piktochart - Lag egendefinerte infographics fra bunnen av, eller bruk en forhåndsutviklet mal

7. Placeit - Integrer nettstedet ditt eller appen din i kule lagerbilder

placeit - bufferblog

For å lage vakre bilder som inneholder hjemmesiden, bloggen, appen eller tjenesten din, gir Placeit noen pene integrasjoner med webadressen din og fotografering og video. Velg en bakgrunn fra Placeits bibliotek, og last deretter opp et skjermbilde eller gi Placeit en URL å hente for å sette inn nettstedet ditt i bildet.

Placeit gjør resten. Du kan laste ned eller legge inn den nye kreasjonen din hvor som helst.

Tips : Alternativet Interactive Video på Placeit vil legge inn hele nettstedet ditt i vinduet, og brukere kan bla gjennom nettstedet akkurat som om de besøkte siden i nettleseren.

8. Sosial Image Resizer Tool - Ideelle bildestørrelser for alle sosiale kanaler

størrelse på bildet

Det er enormt mange forskjellige størrelser og størrelsesforhold som fungerer best på forskjellige sosiale nettverk. Twitter-bilder er best i forholdet 2: 1. Facebook foretrekker at bilder er mer firkantede. Pinterest og Google+ elsker vertikale bilder.

Du kan holde alt sortert med et verktøy som Social Image Resizer. Last opp ønsket bilde, og velg deretter fra en enorm rullegardinliste med alternativer og steder der du kanskje vil bruke bildet. Du kan flytte og skalere det valgte området for å få det optimale utseendet på bildet ditt.

Her er de sosiale nettverkene som verktøyet støtter:

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

Tips : Du kan klikke og dra for å lage en tilpasset bildestørrelse også. Image Resizer informerer deg om de nye dimensjonene når du flytter og endrer størrelsen på kantene.

hvordan få tak i ditt eget snapchat-filter for et arrangement

Flere alternativer for å lage ideelle bilder for forskjellige sosiale nettverk:

9. Smush.it - ​​Bildeoptimalisering for filstørrelse og rask lasting

smushit

Vi bruker mange store bilder på blogginnleggene og sosiale medier på Buffer. Vi kunne ha fordel av et verktøy som Smush.it .

Velg en fil, last den opp til Smush.it, og verktøyet komprimerer bildet til en mer optimal filstørrelse. Disse optimaliserte bildene lastes raskere inn på siden og gir raskere opplasting når de deles til sosiale medier.

Tips : Smush.it kommer også inn et praktisk WordPress-plugin for å komprimere og optimalisere hvert bilde du publiserer til bloggen din.

Ytterligere alternativer for optimaliserings- og komprimeringsverktøy

10. Lese opp - Lag bilder fra anførselstegn

Noen av de mest delte forslag til innhold og mest populære sosiale oppdateringer er sitater. Du kan ta sitater til neste nivå ved å lage bilder fra dem. Bare skriv inn sitatet i redaktøren på hjemmesiden på Recite, og velg et oppsett fra den lange listen over maler.

Sluttresultatet kan være omtrent slik:

resitere-16833--608253535-3ia32

Tilleggsverktøy for å lage bilder fra tekst:

elleve. Side2Bilder - Helsides grabber

Hvis du noen gang har sett et webdesign som virkelig grep deg (og du tilfeldigvis har et webdesignbrett på Pinterest, eller hvis du deler denne typen ting med dine følgere hele tiden), ville det sikkert være flott å kunne ta tak i det hele i ett komplett skudd.

Skriv inn Page2Images, et praktisk verktøy som tar et fullskjermbilde av en webside og lar deg enkelt laste ned eller legge til Pinterest. Det er et par bokmerker du kan installere ved å klikke og dra koblingene til bokmerkefeltet ditt - ett bokmerke legger rett til Pinterest, og det andre griper siden som et bilde å laste ned.

side2bilde

12. Photovisi - Collagemaker

Bildekollasjer er store forretninger for Instagram , og de har funnet veien til Twitter og Facebook også. De to sistnevnte sosiale nettverkene har innebygd collageverktøy. Hvis du vil ha litt mer kontroll over måten collagene dine håndteres på, vil et verktøy som Photovisi gjøre underverker.

Det er mange forskjellige maler å velge mellom, og du kan tilpasse ikke bare bildene du bruker, men også hvilken som helst tekst, bakgrunn eller grafikk du vil legge til i collagen.

collage alternativer photovisi

Ytterligere alternativer for collagefremstilling:

1. 3. Over - Tekst på bilder

Vi har berørt hvordan du kan gjøre tekst til bilder. Hva med å kaste opp et bilde med tekst over toppen?

Over-appen for iOS og Android lar deg velge hvilket som helst bilde på enheten din og tilpasse med tekst, skrifttyper, farger og typestørrelser du velger. Her er et eksempel fra Over Instagram-feeden :

Over eksempel

Ytterligere alternativer for å legge til tekst i bilder:

14. Infogr.am - Diagrammer og grafer

Infogram diagram og graf

Når du skriver datatette blogginnlegg eller forskningsstøttede artikler, kan det hende du vil ønske å dele data som et bilde. Et av de beste verktøyene jeg har funnet for dette er Infogr.am, som hjelper til med å lage infografikk sammen med en ganske robust diagram- og grafredigerer.

Du kan velge hvilken type graf du vil bruke, og deretter redigere tabellcellene og verdiene direkte fra Infogr.am.

Flere alternativer for å lage diagrammer og grafer:

  • Google Disk
  • utmerke

femten. Voliere - Redigering på farten fra en mobilapp

skjermbilde av fugle

Aviar pleide å være en populær skrivebordsapp, og den er ikke rullet inn i pakken med Adobe-produkter og er tilgjengelig for andre apper å bruke (for eksempel bruker MailChimp bilderedigering av Aviary).

Det er fortsatt en praktisk mobilapp for iOS og Android som hjelper deg med bilderedigering mens du er på farten.

I tillegg til de typiske filtrene og effektene du forventer å finne på en mobilbildeapp, tilbyr Aviary klistremerker og rammer, tegneverktøy, memer og beskjære, rotere og rette verktøy.

Flere alternativer for å designe bilder på mobil:

Hvordan lage bilder for sosiale medier - ressurser

16. Iconfinder - Gratis, søkbare ikoner

Oppdag det perfekte ikonet for å legge til bilder på sosiale medier. Søk etter nøkkelord, og avgrens deretter etter format, stil, størrelse og mer. Bortsett fra premium-ikonene, er det et stort utvalg av gratis-med-attribusjonsikoner å bruke.

ikonfinner

17. Blurgrounds - Enkle, vakre uskarpe bakgrunner

Et tilbud fra Inspirasjonsjakt , dette settet med 120 uskarpe bakgrunner - gratis å laste ned og bruke - kommer i et stort utvalg av farger og stiler.

forhåndsvisning4

18. Substantivprosjekt - Stort bibliotek med ikoner i minimal stil

Hvis du har lest mye av 99U-bloggen (en av våre favoritter !), har du sannsynligvis lagt merke til de kule ikonene som gir omslagsbildet på innleggene deres. Hver og en er laget med Noun Project-ikoner! Noun Project-biblioteket inneholder utrolig mange visuelle bilder som representerer mange ord på engelsk. Med mest tilgjengelig som gratis nedlasting, gjør Noun Project tilskrivning veldig klar og enkel.

substantiv-prosjekt

19. Subtile Patterns - Mønstret bakgrunn for gratis nedlasting

Disse mønsterbakgrunnene er beregnet på nettsteder, men jeg liker å ta dem for rask og enkel bildebakgrunn også. Finn en favoritt og skrap den flislagte forhåndsvisningen fra siden. Last deretter opp og legg til i bildeditoren.

Subtle_Patterns

tjue. Mønsterbibliotek - Morsomme, gratis bakgrunner

I likhet med subtile mønstre er mønsterbiblioteket også nettstedets første. Du kan gjøre det samme trikset her med bakgrunnen du liker. Screengrab og bruk i bildene du lager. Mønsterbiblioteket tilbyr forhåndsvisning av bakgrunnsbilder som er flislagte, for å gjøre skjermen lett å fange.

mønsterbibliotek

tjueen. Fargeblev - Fargepalett og mønsterinspirasjon

En av de beste nettressursene for farger, du kan finne hvilken som helst nyanse, fargetone eller fargetone her. Og samfunnet har plassert disse fantastiske fargene i paletter og mønstre.

du kan oppføre deg som en mann gif
fargeelskere

22. Omnicores sosiale medier Cheat Sheet - Veiledning til optimale bildestørrelser

En rask referanse for de riktige størrelsene som skal brukes i ethvert innlegg på sosiale medier. Omnicore-guiden dekker alle viktige detaljer - oppdateringer, overskrifter, avatarer osv. - og Omnicore-teamet oppdaterer grafikken hele tiden for å holde seg oppdatert på de siste endringene.

sosiale medier bildestørrelse facebook

2. 3. Pictaculous - Lag en palett fra hvilket som helst bilde

La oss si at du kjenner bildet du vil ha med i grafikken din, og at du også vil ha noen tips om hvilke farger du skal bruke til rammer, bakgrunner, tekst og ikoner. Last opp bildet til Pictaculous, så får du svaret ditt. Verktøyet studerer bildet ditt og returnerer foreslåtte paletter du kan velge fra.

billedlig

Bonus: Bilder - 53+ gratis bildekilder

Det kan hende at du trenger litt gratis bilder å bruke også. Vi kom opp med en omfattende liste - mer enn 50 alternativer - over gratis bildekilder der du kan finne profesjonelle bilder gratis. Noen av favorittene mine:

Hvordan vi laget hovedbildet for dette blogginnlegget

Ville det være nyttig å se et eksempel på alt dette sammen?

Hovedbildet for dette innlegget (se over eller under) er et jeg bygget fra bunnen av ved hjelp av en håndfull verktøy som er oppført her i innlegget.

Bildeverktøy

Her er en kort oversikt over hvordan jeg klarte det:

hvordan lage logo på snapchat

1. Åpne et nytt design i Canva .

Jeg valgte Twitter Post-malen, som er 1.024 piksler bred og 512 piksler høy. Dette er det ideelle 2: 1-sideforholdet for Twitter-bilder å vises i feeden uten avling. Størrelsen fungerer også bra for Facebook-innlegg, så lenge du har noe imot venstre og høyre marg av bildet ditt, som kan bli avskåret når Facebook endrer størrelsen på ting.

canva nytt design

Hvis du lager denne typen bilder mye, kan du lage en kopi av et gammelt bilde og deretter jobbe fra den spesifikke malen inne i Canva.

2. Søk Ikonfinner for et ikon som best representerer innlegget.

Jeg elsker å bruke flate ikoner for disse, så jeg begynner med et nøkkelordssøk i Icon Finder og foredler deretter søket etter flate stiler. Last ned den høyeste oppløsningen av ikonet du velger, i .png-format. Legg til attribusjon til innlegget ditt på dette tidspunktet.

iconfinder image icon

3. Dra det nedlastede ikonet til Canva og plasser det i designet.

Opplasting i Canva er så enkelt som å dra fra skrivebordet eller mappen og slippe til Canva-editoren. Når ikonet er lastet opp, kan du klikke på det fra menyen til venstre, og det blir plassert automatisk i designet ditt. Endre størrelse og sentrer øverst i bildet.

4. Klikk på alternativene for rutenett, og velg bildet i full størrelse.

Hvis du legger til dette i designet ditt, vil dette designelementet automatisk utvides til full størrelse på designet ditt.

søke nettverk canva

5. Finn en uskarp bakgrunn for å laste ned og legge til designet ditt.

Jeg tar ofte sikte på å finne en som samsvarer med fargene på ikonet på en eller annen måte. Jeg laster ned bildet og laster det opp til Canva. For å legge den til som bakgrunn for designet ditt, kan du dra og slippe på malen for fullbilde du la til i det siste trinnet. Canva vil automatisk gjenkjenne at du prøver å legge til en bakgrunn.

6. Flytt bakgrunnen bakover.

Dette handler om lag. Ved å flytte bakgrunnen bakover, vil ikonet være øverst og synlig.

ryggkanva

7. Legg til tekst og tilpass.

Velg to tekstfelt fra menyen til venstre. Den ene vil være hovedoverskriften, den andre vil være underoverskriften. Jeg liker å variere skrifttyper med sans serif (ingen ekstra stilker på bokstaver) og serif (stilker). I grafikken her har jeg brukt Roboto fet skrift som overskriftsskrift og Tilfreds som underhodet skrift.

For å gjøre en skrift fet eller sentrert, kan du klikke på nedpilen i skriftdialogboksen for å finne de avanserte alternativene.

skriftinnstillinger

8. Last ned

Siste steg! Når du er ferdig, klikker du på Last ned eller lenke-knappen, så får du en dialogboks for nedlasting som et bilde (ja!) Eller en pdf (flott for lysbildefremvisning og presentasjoner og ebøker). Du kan også dele lenken med en venn for samarbeid eller redigeringer.

publiser bildekanva

Din tur

Jeg har blitt inspirert til å lære mye om design og grafikk på Buffer-bloggen, og jeg har ganske mange måter å gå! Jeg er så takknemlig for det store antallet fantastiske designverktøy der ute for å lage bilder for sosiale medier.

Hvilke er dine favoritt designverktøy for å lage bilder fra sosiale medier?

Jeg vil gjerne høre hvilke du bruker! For enda mer tidsbesparelser på sosiale medier, prøv Buffer gratis ! (Du sparer opptil en time om dagen og øker trafikken også!)

Bildekreditter: Boyan Kostov , Blurgrounds , Markus spiske , Over



^