Biblioteca

23 Eines i recursos per crear imatges per a xarxes socials

Actualització: vam llançar Pau una nova eina per crear imatges boniques per a les vostres publicacions a les xarxes socials en menys de 30 segons

Pots fer servir Pau des del primer moment, no cal iniciar sessió ni crear un compte. Simplement crea imatges increïbles ràpidament.

Captura de pantalla 17/02/2015 a les 2.24.51 PM

Podeu provar la primera versió de Pablo ara mateix: no cal iniciar sessió. Només cal dirigir-se a http://bufferapp.com/pablo i proveu-ho!



Ens encantaria escoltar les vostres opinions sobre Pablo a Twitter, només cal que ens col·loqueu a @buffer i esperem que us sigui molt més fàcil crear imatges per a les vostres publicacions a les xarxes socials.



Captura de pantalla 17-02-2015 a les 14.34.40 de la tarda

D’acord, torna al blog!

-



Mitjançant l’experimentació i la iteració, hem comprovat que s’inclouen imatges quan es comparteixen a les xarxes socials augmenta el compromís de manera general —Més clics, comparticions, respostes i preferits. En un experiment, retuiteja només més del doble per a actualitzacions amb imatges en comparació amb les que no tenen.

Ús d’imatges en publicacions a les xarxes socials val la pena provar-ho amb els vostres perfils.

Com a propietari de petites empreses o com a equip de màrqueting per a una sola persona, és això el que podeu treure?



A Buffer, creem totes les imatges per a les nostres publicacions de blocs i xarxes socials sense cap ajuda de disseny extern. Confiem en un grapat d’eines i recursos increïbles per fer la feina i estaré encantat de compartir amb vosaltres els que fem servir i els extres que ens han semblat útils o interessants.

Tens una eina de creació d'imatges preferida? Si us plau, comparteix els comentaris.

Còpia de Quick Wins a les xarxes socials (3)

Com crear imatges per a xarxes socials: eines

1. Canva - Un programa de disseny de principi a fi perfecte per a no dissenyadors

plantilles de canva

Probablement, Canva, la nostra eina d’imatges més utilitzada a Buffer, facilita la creació d’imatges (especialment per a aquells que no són dissenyadors) amb les seves plantilles prefabricades, mides d’imatges personalitzades per a cada canal de xarxes socials, interfície d’arrossegar i deixar anar, tipus de lletra genials i molt més. La majoria de les imatges originals que veieu compartides des dels nostres comptes socials es van fer a Canva.

Consell : Si coneixeu les dimensions exactes de la imatge que voleu, creeu una mida personalitzada abans de fer clic a qualsevol de les plantilles prefabricades.

dimensions personalitzades

Eines addicionals d'imatge de principi a fi:

2. Skitch - Captura de pantalla i anotació

Captura de pantalla de Skitch

La nostra eina de captura de pantalla, Skitch apareix amb una drecera ràpida de teclat (Cmd + Maj + 5 als Mac), i després podeu fer clic i arrossegar per l'àrea que vulgueu retallar. Continuem tornant a aquesta eina a causa de les funcions d'anotació impressionants i fàcils. Podeu encerclar les coses, assenyalar-les, difuminar-les i afegir text amb només un parell de clics ràpids. Un producte d’Evernote, Skitch us permet guardar i emmagatzemar tots els screengrabs en una carpeta Evernote que trieu.

Consell : Utilitzeu la funció de desenfocament sempre que compartiu una imatge amb la vostra adreça electrònica o dades personals.

esquitxa borrosa

Eines addicionals de captura de pantalla:

3. CloudApp - GIFs de captura de pantalla ràpids i fàcils

CloudApp

Utilitzem aquesta eina moltes vegades per compartir imatges internes a Buffer. CloudApp us permet emmagatzemar imatges en línia i enllaçar-les amb rapidesa i facilitat per compartir-les ràpidament. La seva nova aplicació per a Mac (una descàrrega gratuïta) inclou funcions encara més avançades, com ara captures de pantalla i creació de GIF. Amb l’aplicació oberta, podeu prémer Cmd + Maj + 6 per fer un vídeo GIF de tot el que feu a la pantalla.

Consell : Un cop finalitzada la creació de la imatge, CloudApp pot posar automàticament l'URL de la imatge al porta-retalls. Demaneu a CloudApp l'URL de baixada i podeu enganxar i baixar ràpidament sempre que la imatge estigui llesta.

notificació de gif

Fabricants GIF de captura de pantalla addicionals:

4. PowerPoint - Fàcil programari d'imatges (destinat a una altra cosa)

És possible que el programari de presentació no sigui el primer que us vingui al cap per a la creació d’imatges, però hi ha un gran nombre de dissenyadors aficionats que aprofiten molt la creació d’imatges a través de les plantilles i les eines que s’han inclòs directament a PowerPoint.

Penseu en les diapositives com a imatges. I, a continuació, tingueu en compte la facilitat d'edició de diapositives al PowerPoint. Podeu configurar fotos com a fons de diapositives, afegir text i colors i col·locar icones i gràfics. Quan deseu la diapositiva a PowerPoint, trieu desar-la com a imatge i estareu configurat.

com configurar anuncis de Facebook

Consell : HubSpot ofereix uns inicis excel·lents plantilles per crear infografies amb PowerPoint. Aquí teniu un exemple del que és possible:

infografia hubspot

Eines de programari d'edició d'imatges amb funcions addicionals:

5. Easel.ly - Arrossegar i deixar anar la creació d’infografies

Easelly

Els dissenys interactius d’Easel.ly us permeten incrustar gràfics, fotos i molt més. Podeu començar amb una plantilla prefabricada (i després personalitzar-la) o podeu anar realment amb els ossos nus i crear tota la infografia com vulgueu. Easel.ly inclou un gran nombre d'icones, formes i objectes que podeu arrossegar i deixar anar al vostre editor.

Eines infogràfiques addicionals:

  • Infogr.am - Inseriu vídeos, mapes, gràfics i molt més a la vostra infografia
  • Visual.ly - Connecteu-vos amb dissenyadors professionals per ajudar-vos amb el vostre projecte
  • Piktochart - Creeu infografies personalitzades des de zero o utilitzeu una plantilla prefabricada

7. Placeit - Integreu el vostre lloc web o aplicació a les imatges de stock

placeit - bufferblog

Per crear belles imatges que incloguin la vostra pàgina d’inici, bloc, aplicació o servei, Placeit proporciona algunes integracions precises amb la vostra adreça web i la seva fotografia i vídeo. Trieu un fons de la biblioteca de Placeit i, a continuació, pengeu una captura de pantalla o doneu a Placeit un URL per obtenir per inserir el vostre lloc a la imatge.

Placeit fa la resta. Podeu descarregar o incrustar la vostra nova creació en qualsevol lloc.

Consell : L'opció Vídeo interactiu de Placeit incrustarà el lloc web complet a la finestra i els usuaris poden desplaçar-se pel lloc com si visitessin la pàgina del seu navegador.

8. Eina Social Resizer Image - Mides d’imatges ideals per a cada canal social

mida de la imatge

Hi ha un gran nombre de diferents mides i proporcions que funcionen millor a diferents xarxes socials. Les fotos de Twitter són millors amb una proporció de 2: 1. Facebook prefereix que les imatges siguin més quadrades. A Pinterest i Google+ els encanten les imatges verticals.

Podeu mantenir-ho tot ordenat amb una eina com Social Image Resizer. Pengeu la imatge que vulgueu i, a continuació, trieu una enorme llista desplegable d’opcions i llocs on us agradaria utilitzar la imatge. Podeu moure i escalar l'àrea seleccionada per obtenir l'aspecte òptim de la vostra imatge.

A continuació, es mostren les xarxes socials compatibles amb l'eina:

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

Consell : Podeu fer clic i arrossegar per crear també una mida d'imatge personalitzada. Image Resizer us informa de les noves dimensions a mesura que moveu i canvieu la mida de les vores.

fes la teva pròpia etiqueta geogràfica a Snapchat

Opcions addicionals per crear imatges ideals per a diferents xarxes socials:

9. Smush.it: optimització de la imatge per a la mida del fitxer i la càrrega ràpida

smushit

A Buffer fem servir moltes imatges grans a les nostres publicacions de blocs i xarxes socials. Ens podríem beneficiar d’una eina com Smush.it .

Trieu un fitxer, pengeu-lo a Smush.it i l'eina comprimeix la imatge amb una mida de fitxer més òptima. Aquestes imatges optimitzades es carreguen més ràpidament a la pàgina i permeten una càrrega més ràpida quan es comparteix a les xarxes socials.

Consell : Smush.it també entra un útil plugin de WordPress per comprimir i optimitzar totes les imatges que publiqueu al vostre bloc.

Opcions addicionals per a eines d’optimització i compressió

10. Recita - Crear imatges a partir de cometes

Alguns dels nostres més compartits suggeriments de contingut i les actualitzacions socials més populars són cometes. Podeu passar les cometes al següent nivell creant-ne imatges. A Recite, només cal que introduïu el pressupost a l’editor de la pàgina d’inici i trieu un disseny de la llarga llista de plantilles.

El resultat final pot ser així:

recite-16833--608253535-3ia32

Eines addicionals per crear imatges a partir de text:

11. Pàgines2 - Captador de llocs web de pàgina completa

Si alguna vegada heu vist un disseny web que realment us agafés (i teniu un tauler de disseny web a Pinterest o compartiu tot aquest tipus de coses amb els vostres seguidors tot el temps), segur que seria fantàstic agafeu tot en un sol cop complet.

Introduïu Page2Images, una eina pràctica que fa una imatge a pantalla completa d'una pàgina web i us permet descarregar o afegir fàcilment a Pinterest. Hi ha un parell de bookmarklets que podeu instal·lar fent clic i arrossegant els enllaços a la barra de marcadors: un bookmarklet s'afegeix directament a Pinterest i l'altre agafa la pàgina com a imatge per baixar-la.

pàgina2imatge

12. Photovisi - Fabricant de collage

Els collages d’imatges són un gran negoci Instagram , i també han trobat el seu camí cap a Twitter i Facebook. Les dues darreres xarxes socials tenen eines de collage incorporades. Si voleu controlar una mica més la manera de gestionar els collages, una eina com Photovisi faria meravelles.

Hi ha moltes plantilles diferents per triar i podeu personalitzar no només les fotos que utilitzeu, sinó també qualsevol text, fons o gràfics que vulgueu afegir al collage.

opcions de collage photovisi

Opcions addicionals per fer collage:

13. Acabat - Envieu text a les fotos

Hem tractat sobre com convertir el text en imatges. Què tal dir una imatge amb text per sobre?

L'aplicació Over per a iOS i Android us permet triar qualsevol imatge del dispositiu i personalitzar-la amb text, tipus de lletra, colors i mides de tipus que vulgueu. Aquí en teniu un exemple el feed Over Instagram :

Per exemple

Opcions addicionals per afegir text a les imatges:

14. Infogr.am - Gràfics i gràfics

Gràfic i gràfic d’infogrames

Quan escriviu publicacions amb blocs de dades o articles recolzats en investigacions, és possible que vulgueu compartir dades com a imatge. Una de les millors eines que he trobat per a això és Infogr.am, que ajuda a crear infografies juntament amb un editor de gràfics i gràfics força robust.

Podeu triar el tipus de gràfic que voleu utilitzar i, a continuació, editar les cel·les i els valors de la taula directament des d'Infogr.am.

Opcions addicionals per crear gràfics i gràfics:

  • Google Drive
  • Excel

15. Aviari - Edició en moviment des d’una aplicació mòbil

captura de pantalla d’aviari

Aviary solia ser una aplicació popular d’imatges d’escriptori, però no s’ha inclòs al conjunt de productes Adobe i està disponible per a altres aplicacions (per exemple, MailChimp utilitza l’edició d’imatges per Aviary).

Encara hi ha una aplicació mòbil útil per a iOS i Android per ajudar-vos a editar imatges en moviment.

A més dels efectes i filtres típics que esperareu trobar en una aplicació d’imatges per a mòbils, Aviary ofereix adhesius i marcs, eines de dibuix, memes i eines de retallar, rotar i redreçar.

Opcions addicionals per dissenyar imatges al mòbil:

Com crear imatges per a xarxes socials: recursos

16. Iconfinder - Icones de cerca gratuïtes

Descobriu la icona perfecta per afegir imatges a les xarxes socials. Cerqueu per paraula clau i, a continuació, restringiu-lo per format, estil, mida i molt més. A part de les icones premium, hi ha una gran selecció d’icones d’atribució gratuïta per utilitzar.

iconfinder

17. Blurgrounds - Fons borrosos simples i bonics

Una oferta de Inspiration Hunt , aquest conjunt de 120 fons borrosos (de descàrrega i ús gratuït) es presenta en una àmplia gamma de colors i estils.

vista prèvia4

18. Projecte de noms - Enorme biblioteca d'icones amb un estil mínim de glifos

Si heu llegit bona part del bloc 99U (un dels nostres favorits !), és probable que us hàgiu adonat de les seves icones interessants que fan que la imatge de portada aparegui a les seves publicacions. Cadascun està fet amb icones de Noun Project. La biblioteca Noun Project conté un nombre increïble d’imatges visuals que representen tones de paraules en llengua anglesa. Amb la majoria disponibles com a descàrrega gratuïta, Noun Project facilita molt l’atribució.

nom-projecte

19. Patrons subtils - Fons amb patrons per a descàrrega gratuïta

Aquests fons de patró estan pensats per a llocs web, però també m’agraden agafar-los per obtenir fons d’imatges fàcils i ràpids. Cerqueu un favorit i torneu a escriure la vista prèvia del fons enrajolat del lloc. A continuació, pengeu-lo i afegiu-lo al vostre editor d'imatges.

Patrons_sutils

20. Biblioteca de patrons - Fons divertits i lliures

Igual que els patrons subtils, la biblioteca de patrons també és la primera pàgina web. Aquí podeu fer el mateix truc amb els fons que us agraden. Captura de pantalla i ús a les imatges que creeu. La Biblioteca de patrons ofereix visualitzacions prèvies de fons amb mosaics complets per facilitar la captura de pantalla.

patternlibrary

21. Colourlovers - Paleta de colors i inspiració de patrons

Un dels recursos web més importants per a colors, aquí podeu trobar qualsevol ombra, tonalitat o tonalitat. I la comunitat ha col·locat aquests colors increïbles en paletes i patrons.

facebook va informar aquesta família que aquesta foto és ofensiva
amants del color

22. Full de trucs de xarxes socials d’Omnicore - Guia per obtenir mides d’imatges òptimes

Una referència ràpida per a les mides adequades per utilitzar en qualsevol publicació de xarxes socials, la guia Omnicore cobreix tots els detalls vitals (actualitzacions, capçaleres, avatars, etc.) i l’equip d’Omnicore actualitza el gràfic constantment per estar al dia dels darrers canvis.

mida de la imatge de les xarxes socials facebook

23. Pictaculós - Creeu una paleta a partir de qualsevol imatge

Suposem que coneixeu la imatge que voleu incloure al gràfic i també us encantarien alguns suggeriments sobre els colors que cal utilitzar per a marcs, fons, text i icones. Pengeu la imatge a Pictaculous i obtindreu la vostra resposta. L'eina estudia la vostra imatge i retorna les paletes suggerides que podeu triar.

pictaculós

Bonificació: fotos d’imatges - Més de 53 fonts d’imatges gratuïtes

És possible que també necessiteu algunes imatges gratuïtes per utilitzar-les. Vam obtenir una extensa llista (més de 50 opcions) de fonts d'imatges gratuïtes on podeu trobar imatges professionals de forma gratuïta. Alguns dels meus preferits:

Com hem fet la imatge principal d’aquest blog

Seria útil veure un exemple de tot plegat?

La imatge principal d’aquest missatge (vegeu més amunt o més avall) és la que he creat des de zero utilitzant un grapat d’eines que apareixen aquí a la publicació.

Eines d

A continuació, es mostra un resum ràpid de com ho he fet:

com fer el vostre propi filtre Snapchat de forma gratuïta

1. Obriu un nou disseny a Canva .

Vaig triar la plantilla de Twitter Post, que té 1.024 píxels d’amplada i 512 píxels d’alçada. Aquesta és la relació d’aspecte 2: 1 ideal perquè les imatges de Twitter apareguin al feed sense retallar. La mida també funciona bé per a les publicacions de Facebook, sempre que tingueu en compte els marges esquerre i dret de la vostra imatge, que es poden tallar quan Facebook redimensiona les coses.

canva nou disseny

Si feu aquest tipus d'imatges molt, podeu fer una còpia d'una imatge antiga i després treballar a partir d'aquesta plantilla específica dins de Canva.

2. Cerca Cercador d’icones per obtenir una icona que millor representi la publicació.

M'encanta fer servir icones planes per a això, així que començo amb una cerca de paraules clau al Cercador d'icones i després refino la cerca per estils plans. Descarregueu la versió de més alta resolució de la icona que trieu, en format .png. Afegiu atribució a la vostra publicació en aquest moment.

iconfinder icona de la imatge

3. Arrossegueu la icona descarregada a Canva i col·loqueu-la al disseny.

Carregar a Canva és tan senzill com arrossegar des de l’escriptori o la carpeta i deixar-lo anar a l’editor de Canva. Un cop penjada la icona, podeu fer-hi clic al menú esquerre i es col·locarà automàticament al vostre disseny. Canvieu la mida i centreu a la part superior de la imatge.

4. Feu clic a les opcions de quadrícules i seleccioneu la foto amb imatge completa.

Si afegiu això al vostre disseny, aquest element de disseny s'ampliarà automàticament a la mida completa del vostre disseny.

les quadrícules de cerca canva

5. Troba un fons borrós per descarregar i afegir al vostre disseny.

Sovint pretenc trobar-ne un que coincideixi amb els colors de la icona d’alguna manera. Baixaré la imatge i la penjaré a Canva. Per afegir-lo com a fons al disseny, podeu arrossegar i deixar anar la plantilla d'imatge completa que heu afegit al darrer pas. Canva reconeixerà automàticament que intenteu afegir un fons.

6. Moveu el fons cap a la part posterior.

Tot es tracta de capes. En moure el fons cap a la part posterior, la vostra icona estarà a la part superior i es podrà veure.

tornar canva

7. Afegiu text i personalitzeu-lo.

Al menú esquerre, seleccioneu dos quadres de text. Un serà l’encapçalament principal, l’altre serà el subencapçalament. M'agrada variar els tipus de lletra amb un sans serif (sense tiges addicionals en lletres) i un serif (tiges). Al gràfic aquí, he utilitzat Roboto en negreta com a tipus de lletra de títol i Satisfet com a tipus de lletra de subtítol.

Per fer que el tipus de lletra estigui en negreta o centrat, podeu fer clic a la fletxa avall del quadre de diàleg de tipus de lletra per trobar les opcions avançades.

configuració de tipus de lletra

8. Descarregar

Últim pas! Quan hàgiu acabat, feu clic al botó Baixa o Enllaça i obtindreu un quadre de diàleg per baixar-los com a imatge (sí!) O pdf (ideal per a presentacions de diapositives, presentacions i llibres electrònics). També podeu compartir l'enllaç amb un amic per obtenir col·laboracions o modificacions.

publicar imatge canva

El teu torn

M’ha inspirat aprendre moltes coses sobre disseny i visuals al bloc Buffer i tinc moltes maneres d’anar. Estic molt agraït pel gran nombre d’eines de disseny increïbles que hi ha per crear imatges per a les xarxes socials.

Quines són les vostres eines de disseny preferides per crear imatges a les xarxes socials?

M’encantaria escoltar quines feu servir! Per estalviar encara més temps a les xarxes socials, proveu Buffer de forma gratuïta ! (Estalvieu fins a una hora al dia i també obtindreu més trànsit.)

Crèdits de la imatge: Boyan Kostov , Blurgrounds , Markus spiske , Acabat



^