Biblioteca

23 herramientas y recursos para crear imágenes para redes sociales

Actualización - lanzamos Pablo una nueva herramienta para crear hermosas imágenes para sus publicaciones en las redes sociales en menos de 30 segundos

Puedes usar Pablo desde el principio, no es necesario iniciar sesión ni crear una cuenta. Simplemente cree imágenes asombrosas muy rápido.

Captura de pantalla 17/02/2015 a las 2.24.51 p.m.

Puede probar la primera versión de Pablo ahora mismo, no es necesario iniciar sesión. Solo dirígete a http://bufferapp.com/pablo y pruébalo!



Nos encantaría conocer tu opinión sobre Pablo en Twitter, solo envíanos un mensaje a @buffer y esperamos que te facilite la creación de imágenes para tus publicaciones en las redes sociales.



Captura de pantalla 17/02/2015 a las 2.34.40 p.m.

Ok, volvamos a la entrada del blog.



A través de la experimentación y la iteración, descubrimos que incluir imágenes al compartirlas en las redes sociales aumenta el compromiso en todos los ámbitos : Más clics, recursos compartidos, respuestas y favoritos. En un experimento, solo retuitea más del doble para obtener actualizaciones con imágenes en comparación con las que no las tienen.

Usar imágenes en publicaciones de redes sociales vale la pena intentarlo con tus perfiles.

Como propietario de una pequeña empresa o como equipo de marketing de una sola persona, ¿es esto algo que puede lograr usted mismo?



En Buffer, creamos todas las imágenes para nuestras publicaciones de blog y para compartir en las redes sociales sin ninguna ayuda de diseño externa. Confiamos en un puñado de herramientas y recursos increíbles para hacer el trabajo, y estaré encantado de compartir contigo los que usamos y los extras que hemos encontrado útiles o interesantes.

¿Tienes una herramienta de creación de imágenes favorita? ¡Comparte los comentarios!

Copia de Quick Wins Social Media (3)

Cómo crear imágenes para redes sociales: herramientas

1. Canva - Un programa de diseño de principio a fin perfecto para no diseñadores

plantillas de canva

Probablemente nuestra herramienta de imágenes más utilizada en Buffer, Canva hace que la creación de imágenes sea muy fácil (especialmente para los que no son diseñadores) con sus plantillas prefabricadas, tamaños de imagen personalizados para cada canal de redes sociales, interfaz de arrastrar y soltar, fuentes geniales y más. La mayoría de las imágenes originales que ves compartidas desde nuestras cuentas sociales se hicieron en Canva.

Consejo : Si conoce las dimensiones exactas de la imagen que desea, cree un tamaño personalizado antes de hacer clic en cualquiera de las plantillas prefabricadas.

dimensiones personalizadas

Herramientas de imagen de principio a fin adicionales:

2. Skitch - Captura de pantalla y anotación

Captura de pantalla de Skitch

Nuestra herramienta de captura de pantalla, Skitch aparece con un atajo de teclado rápido (Cmd + Shift + 5 en Mac), luego puede hacer clic y arrastrar sobre el área que desea recortar. Seguimos volviendo a esta herramienta debido a las increíbles y fáciles funciones de anotación. Puede marcar cosas en un círculo, señalarlas, difuminarlas y agregar texto con solo un par de clics rápidos. Un producto de Evernote, Skitch te permite guardar y almacenar todas las capturas de pantalla en una carpeta de Evernote de tu elección.

Consejo : Utilice la función de desenfoque cada vez que comparta una imagen con su dirección de correo electrónico o datos personales.

skitch borrosa

Herramientas adicionales de captura de pantalla:

3. CloudApp - GIF de screencast rápidos y fáciles

CloudApp

Usamos mucho esta herramienta para compartir imágenes internas en Buffer. CloudApp le permite almacenar imágenes en línea y vincularlas rápida y fácilmente para compartirlas rápidamente. Su nueva aplicación para Mac, una descarga gratuita, viene con funciones aún más avanzadas como capturas de pantalla y creación de GIF. Con la aplicación abierta, puede presionar Cmd + Shift + 6 para hacer un video GIF de cualquier cosa que haga en su pantalla.

Consejo : Una vez finalizada la creación de la imagen, CloudApp puede colocar automáticamente la URL de la imagen en su portapapeles. Solicite a CloudApp la URL de descarga y podrá pegarla y descargarla rápidamente cuando la imagen esté lista.

notificación gif

Creadores de GIF de captura de pantalla adicionales:

4. PowerPoint - Software de imagen fácil (destinado a otra cosa)

Es posible que el software de presentación no sea lo primero que se le ocurra para la creación de imágenes, sin embargo, hay una gran cantidad de diseñadores aficionados que obtienen un gran uso de la creación de imágenes a través de las plantillas y herramientas integradas directamente en PowerPoint.

Piense en las diapositivas como imágenes. Y luego considere lo fácil que es editar diapositivas en PowerPoint. Puede establecer fotos como fondos de diapositivas, agregar texto y colores y colocar iconos y gráficos. Cuando guarde la diapositiva en PowerPoint, elija guardar como una imagen y estará listo.

cómo iniciar un canal de youtube 2017

Consejo : HubSpot ofrece un excelente comienzo plantillas para crear infografías con PowerPoint. A continuación, se muestra un ejemplo de lo que es posible:

infografía hubspot

Herramientas adicionales de software de edición de imágenes con todas las funciones:

5. Easel.ly - Creación de infografías de arrastrar y soltar

Easelly

Los diseños interactivos de Easel.ly le permiten insertar gráficos, fotos y más. Puede comenzar con una plantilla prediseñada (y luego personalizarla usted mismo) o puede ir realmente básico y construir la infografía completa como mejor le parezca. Easel.ly viene con una gran cantidad de iconos, formas y objetos que puedes arrastrar y soltar en tu editor.

Herramientas de infografía adicionales:

  • Infogr.am Inserte videos, mapas, gráficos y más en su infografía
  • Visual.ly Conéctese con diseñadores profesionales para ayudar con su proyecto
  • Piktochart - Cree infografías personalizadas desde cero o utilice una plantilla prefabricada

7. Placeit - Integre su sitio web o aplicación dentro de geniales fotos de archivo

placeit - bufferblog

Para crear hermosas imágenes que incluyan su página de inicio, blog, aplicación o servicio, Placeit proporciona algunas integraciones ordenadas con su dirección web y sus fotografías y videos. Elige un fondo de la biblioteca de Placeit, luego sube una captura de pantalla o dale a Placeit una URL para que la tome para insertar tu sitio en la imagen.

Placeit hace el resto. Puede descargar o incrustar su nueva creación en cualquier lugar.

Consejo : La opción de video interactivo en Placeit integrará su sitio web completo en la ventana, y los usuarios pueden desplazarse por el sitio como si estuvieran visitando la página en su navegador.

8. Herramienta de cambio de tamaño de imagen social - Tamaños de imagen ideales para todos los canales sociales

cambiar el tamaño de la imagen

Hay una gran cantidad de diferentes tamaños y relaciones de aspecto que funcionan mejor en diferentes redes sociales. Las fotos de Twitter son mejores en una proporción de 2: 1. Facebook prefiere que las imágenes sean más cuadradas. Pinterest y Google+ adoran las imágenes verticales.

Puede mantener todo esto ordenado con una herramienta como Social Image Resizer. Cargue la imagen que desee, luego elija de una enorme lista desplegable de opciones y lugares donde le gustaría usar la imagen. Puede mover y escalar el área seleccionada para obtener el aspecto óptimo para su imagen.

Estas son las redes sociales que admite la herramienta:

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

Consejo : También puede hacer clic y arrastrar para crear un tamaño de imagen personalizado. Image Resizer le informa de las nuevas dimensiones a medida que mueve y cambia el tamaño de los bordes.

quien nunca puede estar seguro gif

Opciones adicionales para crear imágenes ideales para diferentes redes sociales:

9. Smush.it: optimización de la imagen para el tamaño del archivo y la carga rápida

smushit

Usamos muchas imágenes grandes en nuestras publicaciones de blog y redes sociales en Buffer. Podríamos beneficiarnos de una herramienta como Smush.it .

Elija un archivo, cárguelo en Smush.it y la herramienta comprime la imagen en un tamaño de archivo más óptimo. Estas imágenes optimizadas se cargan más rápido en la página y permiten una carga más rápida cuando se comparten en las redes sociales.

Consejo : Smush.it también entra un útil complemento de WordPress para comprimir y optimizar cada imagen que publique en su blog.

Opciones adicionales para herramientas de optimización y compresión

10. Recitar - Crea imágenes a partir de citas

Algunos de nuestros mas compartidos sugerencias de contenido y las actualizaciones sociales más populares son las citas. Puede llevar las citas al siguiente nivel creando imágenes a partir de ellas. En Recite, simplemente ingrese su cotización en el editor en la página de inicio y elija un diseño de la larga lista de plantillas.

El resultado final puede ser algo como esto:

recite-16833--608253535-3ia32

Herramientas adicionales para crear imágenes a partir de texto:

11. Page2Images - Capturador de sitios web de página completa

Si alguna vez has visto un diseño web que realmente te atrapó (y tienes un tablero de diseño web en Pinterest o compartes este tipo de cosas con tus seguidores todo el tiempo), seguro que sería genial poder hacerlo. agarre todo en una toma completa.

Ingrese a Page2Images, una práctica herramienta que toma una imagen a pantalla completa de una página web y le permite descargarla o agregarla fácilmente a Pinterest. Hay un par de marcadores que puede instalar haciendo clic y arrastrando los enlaces a la barra de marcadores; un marcador se agrega directamente a Pinterest y el otro toma la página como una imagen para descargar.

page2image

12. Photovisi - Fabricante de collage

Los collages de imágenes son un gran negocio para Instagram y también llegaron a Twitter y Facebook. Las dos últimas redes sociales tienen herramientas de collage integradas. Si desea tener un poco más de control sobre la forma en que se manejan sus collages, una herramienta como Photovisi funcionaría de maravilla.

Hay muchas plantillas diferentes para elegir, y puede personalizar no solo las fotos que usa, sino también cualquier texto, fondo o gráfico que desee agregar al collage.

opciones de collage photovisi

Opciones adicionales para hacer collage:

13. Sobre - Texto en fotos

Hemos mencionado cómo convertir texto en imágenes. ¿Qué tal arreglar una imagen con texto encima?

La aplicación Over para iOS y Android le permite elegir cualquier imagen en su dispositivo y personalizarla con texto, fuentes, colores y tamaños de letra de su elección. Aquí tienes un ejemplo de el feed de Over Instagram :

Sobre ejemplo

Opciones adicionales para agregar texto a las imágenes:

14. Infogr.am - Cuadros y gráficos

Gráfico y tabla de infogram

Cuando escribe publicaciones de blog con gran cantidad de datos o artículos respaldados por investigaciones, es posible que desee compartir datos como una imagen. Una de las mejores herramientas que he encontrado para esto es Infogr.am, que ayuda a crear infografías junto con un editor de cuadros y gráficos bastante sólido.

Puede elegir el tipo de gráfico que desea utilizar y luego editar las celdas y los valores de la tabla directamente desde Infogr.am.

Opciones adicionales para crear cuadros y gráficos:

  • Google Drive
  • Excel

15. Pajarera - Edición sobre la marcha desde una aplicación móvil

captura de pantalla de la pajarera

Aviary solía ser una aplicación de imágenes de escritorio popular, y no se ha incluido en el conjunto de productos de Adobe y está disponible para que la usen otras aplicaciones (por ejemplo, MailChimp usa la edición de imágenes de Aviary).

Todavía existe una práctica aplicación móvil para iOS y Android que ayuda con la edición de imágenes sobre la marcha.

Además de los filtros y efectos típicos que esperaría encontrar en una aplicación de imagen móvil, Aviary ofrece pegatinas y marcos, herramientas de dibujo, memes y herramientas para recortar, rotar y enderezar.

Opciones adicionales para diseñar imágenes en dispositivos móviles:

Cómo crear imágenes para redes sociales - Recursos

16. Buscador de iconos - Iconos de búsqueda gratuitos

Descubra el ícono perfecto para agregar imágenes a sus redes sociales. Busque por palabra clave, luego defina por formato, estilo, tamaño y más. Además de los íconos premium, hay una gran selección de íconos gratuitos con atribución para usar.

buscador de iconos

17. Blurgrounds - Fondos borrosos simples y hermosos

Una ofrenda de Búsqueda de inspiración , este conjunto de 120 fondos borrosos, de descarga y uso gratuitos, viene en una amplia gama de colores y estilos.

vista previa4

18. Proyecto Sustantivo - Gran biblioteca de iconos en un estilo de glifo minimalista

Si ha leído gran parte del blog de 99U (uno de nuestros favoritos !), probablemente hayas notado sus geniales íconos que forman la imagen de portada de sus publicaciones. ¡Cada uno está hecho con íconos de Noun Project! La biblioteca de Noun Project contiene una increíble cantidad de imágenes visuales que representan toneladas de palabras en el idioma inglés. Con la mayoría disponible como descarga gratuita, Noun Project hace que la atribución sea muy clara y fácil.

sustantivo-proyecto

19. Patrones sutiles - Fondos estampados para descarga gratuita

Estos fondos de patrón están destinados a sitios web, pero también me gusta usarlos para fondos de imágenes rápidos y fáciles. Encuentre un favorito y capture la vista previa del fondo en mosaico del sitio. Luego cargue y agregue a su editor de imágenes.

Patrones sutiles

20. Biblioteca de patrones - Fondos divertidos y gratuitos

Al igual que los patrones sutiles, la biblioteca de patrones también es la primera en el sitio web. Puedes hacer el mismo truco aquí con los fondos que disfrutas. Captura de pantalla y úsala en las imágenes que crees. La biblioteca de patrones ofrece vistas previas de fondo en mosaico completo para facilitar la captura de pantalla.

biblioteca de patrones

21. Amantes de los colores - Paleta de colores e inspiración de patrones.

Uno de los principales recursos web para colores, puede encontrar cualquier tono, tinte o matiz aquí. Y la comunidad ha colocado estos increíbles colores en paletas y patrones.

como editar mi historia en facebook
amantes del color

22. Hoja de trucos para redes sociales de Omnicore - Guía de tamaños de imagen óptimos

Una referencia rápida para los tamaños correctos para usar en cualquier publicación de redes sociales, la guía Omnicore cubre todos los detalles vitales (actualizaciones, encabezados, avatares, etc.) y el equipo de Omnicore actualiza el gráfico constantemente para mantenerse al día con los últimos cambios.

tamaño de imagen de redes sociales facebook

23. Pictaculous - Crea una paleta a partir de cualquier imagen

Supongamos que conoce la imagen que desea incluir en su gráfico y también le encantaría algunas sugerencias sobre qué colores usar para marcos, fondos, texto e íconos. Sube la imagen a Pictaculous y obtendrás tu respuesta. La herramienta estudia su imagen y devuelve paletas sugeridas entre las que puede elegir.

pintoresco

Bono: Fotos de archivo - 53+ fuentes de imágenes gratuitas

Es posible que también necesite algunas imágenes gratuitas para usar. Creamos una lista extensa (más de 50 opciones) de fuentes de imágenes gratuitas donde puede encontrar imágenes profesionales de forma gratuita. Algunos de mis favoritos:

Cómo hicimos la imagen principal para esta entrada de blog

¿Sería útil ver un ejemplo de todo esto junto?

La imagen principal de esta publicación (ver arriba o abajo) es una que construí desde cero usando un puñado de herramientas enumeradas aquí en la publicación.

Herramientas de imagen

Aquí hay un resumen rápido de cómo lo hice:

difundir su mensaje es el objetivo principal de las empresas que utilizan las redes sociales de forma eficaz.

1. Abra un nuevo diseño en Canva .

Elegí la plantilla de publicaciones de Twitter, que tiene 1.024 píxeles de ancho y 512 píxeles de alto. Esta es la relación de aspecto ideal de 2: 1 para que las imágenes de Twitter aparezcan en el feed sin recortarlas. El tamaño también funciona bien para las publicaciones de Facebook, siempre y cuando tenga en cuenta los márgenes izquierdo y derecho de su imagen, que pueden cortarse cuando Facebook cambia el tamaño de las cosas.

canva nuevo diseño

Si crea mucho este tipo de imagen, puede hacer una copia de una imagen antigua y luego trabajar desde esa plantilla específica dentro de Canva.

2. Buscar Buscador de iconos para un icono que mejor represente la publicación.

Me encanta usar iconos planos para estos, así que empiezo con una búsqueda de palabras clave en Icon Finder y luego refino la búsqueda por estilos planos. Descarga la versión de mayor resolución del icono que elija, en formato .png. Agrega atribución a tu publicación en este momento también.

icono de imagen de iconfinder

3. Arrastra el ícono descargado a Canva y colócalo en tu diseño.

Cargar en Canva es tan simple como arrastrar desde su escritorio o carpeta y soltarlo en el editor de Canva. Una vez que se carga el icono, puede hacer clic en él desde el menú de la izquierda y se colocará automáticamente en su diseño. Cambie el tamaño y céntrelo en la parte superior de la imagen.

4. Haga clic en las opciones de Cuadrículas y seleccione la foto de imagen completa.

Agregar esto a su diseño hará que este elemento de diseño se expanda automáticamente al tamaño completo de su diseño.

cuadrículas de búsqueda canva

5. Encuentra un fondo borroso para descargar y agregar a su diseño.

A menudo intento encontrar uno que coincida con los colores del icono de alguna manera. Descargaré la imagen y luego la subiré a Canva. Para agregarlo como fondo a su diseño, puede arrastrar y soltar en la plantilla de imagen completa que agregó en el último paso. Canva reconocerá automáticamente que estás intentando agregar un fondo.

6. Mueva el fondo hacia atrás.

Se trata de capas. Al mover su fondo hacia atrás, su ícono estará en la parte superior y visible.

espalda canva

7. Agregue texto y personalícelo.

En el menú de la izquierda, seleccione dos cuadros de texto. Uno será el encabezado principal, el otro será el subtítulo. Me gusta variar las fuentes con un sans serif (sin tallos adicionales en las letras) y un serif (tallos). En el gráfico aquí, he usado Roboto negrita como fuente de encabezado y Satisfacer como fuente de subtítulo.

Para poner una fuente en negrita o centrada, puede hacer clic en la flecha hacia abajo en el cuadro de diálogo de fuente para encontrar las opciones avanzadas.

configuración de fuente

8. Descarga

¡Último paso! Cuando haya terminado, haga clic en el botón Descargar o Vincular, y obtendrá un cuadro de diálogo para descargar como una imagen (¡sí!) O un pdf (ideal para compartir diapositivas y presentaciones y libros electrónicos). También puede compartir el enlace con un amigo para colaborar o editar.

publicar imagen canva

Tu turno

Me inspiró para aprender mucho sobre diseño e imágenes en el blog de Buffer, ¡y todavía tengo mucho camino por recorrer! Estoy muy agradecido por la gran cantidad de increíbles herramientas de diseño que existen para crear imágenes para las redes sociales.

¿Cuáles son sus herramientas de diseño favoritas para crear imágenes de redes sociales?

¡Me encantaría saber cuáles usas! Para ahorrar aún más tiempo en las redes sociales, prueba Buffer gratis ! (¡Ahorrará hasta una hora al día y generará más tráfico también!)

Créditos de imagen: Boyan Kostov , Blurgrounds , Markus spiske , Sobre



^