A continuación podrás ver un video de como Diseñar Imágenes para el sitio web de Desarrollo ING y lo que debes tener en cuenta:
Por favor no continúes si no has visto el video:
para resumir:
paso 1. Seleccionar la imagen
paso 2. Editar
paso 3. Comprimir (no es necesario el sitio web trae un plugin que lo comprime automáticamente)
paso 4. Subir y optimizar (no es necesario optimizar el sitio web trae un plugin que lo comprime automáticamente)
paso 5. Revisar mejorar y optimizar
El Copyright en Youtube, google y otras redes
Cómo buscar imágenes en google
Cómo seleccionar la imagen a través de bancos de imágenes
Para seleccionar la imagen puedes escoger una de un banco de imágenes gratuito, si decides hacerlo de esta forma ten en cuenta el siguiente video para usar bancos de imágenes y la forma correcta de referenciar las imágenes, en el siguiente ejemplo se analiza un sitio web de bancos de imágenes gratis y hace el ejemplo de como modificar un vector:
Estos son algunos links de bancos de imágenes gratis (ten en cuenta cumplir con sus políticas antes de publicar)
https://wordpress.org/openverse/
https://www.flaticon.com/ (para iconos)
También puedes seleccionar una de nuestro banco de imágenes en el siguiente enlace:
https://drive.google.com/drive/u/0/folders/1oQAw9M5FdDzO36lm0CBiC53NdA2VEfxv
Aspectos a tener en cuenta al momento de diseñar
1. Tener en cuenta el peso visual
El peso visual es una de las fuerzas que más predomina en la imagen, llevándose así toda la atención del espectador
2. Tener en cuenta los colores de la empresa, tipografía y estilo del diseño
Para los diseños de imágenes y contenido en general se debe tener en cuenta los siguientes colores de la marca
colores
Amarillo: #FFC114
Rojo: #B40808
Naranja: #FF7315
Vino tinto: #8F091F
Gris: #454545
Gris suave de página web: #F8F8F8
Para los diseños de imágenes y contenido en general se debe tener en cuenta los siguiente tipografía de la marca
para los diseños de fotografías, imágenes profesionales se sugiere utilizar el estilo de la siguiente diseñadora, se adjunta link
https://www.instagram.com/apynapublicidad/
ejemplos:
Imágenes diseñadas para Redes sociales
Todas las imágenes deben ir acompañadas del logo de Marce Rodríguez silva y el nombre ejemplos
Nota: los logos están guardados en el banco de imágenes
Tips de cómo usar CANVA para diseñar imágenes y videos
Cómo definir el tamaño en canva
se abre canva, se va a crea un diseño y se escoge el tamaño, ya existen varios definidos pero si quieres un tamaño personalizado lo puedes hacer como muestra la siguiente imagen:
luego se escoge la unidad de medida para el tamaño, por lo general se usan pixeles (px):
Tamaño de los diseños según las redes sociales:
¿Por qué debo cuidar el tamaño de las imágenes en redes sociales?
1. Refleja tu grado de profesionalidad
2. Transmite mejor los valores de tu empresa
3. Conseguirás llegar a más personas
Tamaño de las imágenes en la versión «escritorio» de Facebook
Además, estas cambian si usas la versión móvil o la versión de escritorio. Así mismo, de un año a otro van cambiando, por lo que aquí te traigo las actualizadas de 2022.
Estas son las actuales para la versión «en ordenador»:
- Foto de perfil: 180 x 180 px.
- Foto de portada en Facebook: 851 x 315 píxeles (ancho y alto, respectivamente)
- Medidas para los vídeos en la imagen de portada: 820 x 462 píxeles (el mínimo debe ser de 820×312) y en formato en MP4; duración de entre 20-90 segundos.
- Medida videos posts: 1280 x 7230 px
- Stories: 1080 x 1920 px
- Portada de eventos de Facebook. Las medidas serán de 1920×1080 píxeles.
- Medida de las imágenes en publicaciones de enlaces: 1200 x 628 px.
- Fotos en publicaciones cuadradas: 1200 x 1200 px.
- Fotos en publicaciones horizontales: 1200 x 630 px.
Tamaño de las imágenes en la versión «móvil» de Facebook
Y en el caso de los dispositivos móviles, cambiaría únicamente:
Foto del perfil: 32×32 px
La imagen de portada de Facebook en versión móvil es de 640 x 360 px.
Tamaño de las imágenes para campañas de Facebook Ads
Por último, en caso de que lleves a cabo campañas de Facebook Ads, las medidas a utilizar son estas:
- Anuncio cuadrado en la página de inicio: 1080 × 1080px.Anuncio rectangular en la página de inicio: 1200×628 px.
- Carrusel o secuencia de fotos: 1080×1080 px.
- Formato colección: 1200×628 px
- Stories: 1080 ×1920 px
- Publicación promocionada o para marketplace: 1200×1200 px
Usando estas medidas que aconseja la plataforma, conseguirás adaptarlas a los espacios habilitados para ello, sin miedo a que estas se corten o puedan perder cierta calidad. Así, podrás presentar tus productos y/os servicios y conseguir ganar dinero con Facebook y conseguir más conversiones de manera más profesional.
Tamaño de las imágenes en Instagram
Esta además, al ser eminentemente gráfica y visual, es una plataforma donde debes cuidar especialmente las fotos que subas y sus medidas recomendadas deben ser:
- Para tu imagen de perfil: 110 x 110 px. Esta es la ideal, aunque normalmente medidas alternativas a éstas (no inferiores) se pueden admitir como correctas.
- Imagen cuadrada en Instagram: 1080 x 1080 px. También puedes subir fotos de un máximo de 2080×2080 píxeles (así siempre te aseguras que se verá más nítida y clara).
- Imágenes horizontales: lo recomendable es de 1080 x 1350 px
- Vídeos para tu timeline: resolución aprox. de 640 x 640 px y una duración de entre 3 y 60 segundos.
- Fotos en stories: la dimensión ideal es 1080 x 1920 px.
- En el caso de los vídeos para Instagram Stories: la resolución debería ser 750 x 1334 px y una duración de un máx. de 10 segundos.
- Portada de las guías de Instagram: 1080 x 1080 píxeles.
- Reels: el tamaño recomendado es de 1080 x 1920 px.
- Formato de foto portada ITGV: intenta que se asemejen cuanto más posible a 420 x 654 px.
- Videos IGTV: vertical 4:5 y 9:16, horizontal 5:4 como mínimo y 16:09 como máximo.
» Tamaño de las imágenes para campañas en Instagram Ads
Las dimensiones de las imágenes para los anuncios de Instagram son similares a los de las publicaciones orgánicas.
Tamaño de las imágenes estándar para LinkedIn
Si quieres tener el máximo engagement posible en tu estrategia en tu perfil o página de LinkedIn, las medidas deben asemejarse a éstas que te indico, las cuales apenas cambian con respecto al año anterior:
- Tamaño para la foto de perfil en LinkedIn: 400×400 px (ten en cuenta que ésta debe tener un mínimo de 130×130 px)
- Tamaño del logo de la página de empresa: 300 x 300 px.
- Dimensiones de la cabecera para perfiles: 1584×396 px
- Medidas recomendadas para la foto de portada para páginas de empresa: 1128 × 191 px
- Post con imágenes incluidas: cuadradas de 1200 x 1200 y horizontales de 1200 x 627 px.
- Post con enlace: 1200 ×627 px
- Videos: 4096 × 2304 px. de máximo.
De esta manera, podrás cuidar tu imagen de Marca, ya seas una empresa o tengas un perfil en LinkedIn personal con el que trabajes el Networking con otros profesionales.
Tamaño de las imágenes en YouTube
En YouTube los videos son la estrella, pero hay otros formatos y dimensiones que debes tener en cuenta:
- Foto de perfil: lo mejor es que mida 98 x 98 píxeles y que no pese más de 4 MB.
- Banner del canal: la imagen de cabecera de tu canal debe medir 2048 x 1152 píxeles como mínimo, pero si buscas la mejor resolución lo recomendable es que sea de 2560 x 1440 píxeles. En estas medidas has de tener en cuenta un área de 1546 x 423 píxeles y así te asegurarte de que todo se ven correctamente y no hay elementos tapados o cortados.
- Tamaño de la miniatura: como mínimo el ancho ha de ser de 640 píxeles, pero te recomiendo que sea de 1280 x 720 píxeles para obtener una resolución óptima.
- Marca de agua: tiene que ser como mínimo de 150 x 150 píxeles y que no pese más de 1 MB.
- Vídeos: para lograr la máxima resolución posible súbelos a 1920 x 1080 píxeles.
Tamaños de las imágenes recomendadas para tu cuenta de TikTok
El crecimiento de esta red social es indiscutible. Ten cuenta los tamaños recomendados para que tu feed en TikTok esté impecable.
» Tamaño de las imágenes para TikTok
- La imagen de perfil: no debe medir menos de 200 x 200 píxeles.
- Tamaño de los vídeos: por supuesto, siempre en formato vertical. La medida correcta es 1080 x 1920 px.
» Tamaño de las imágenes para TikTok Ads
- Imagen para anuncio en el feed: la dimensión es de 1200 x 628 px. como mínimo y no debe pesar más de 500 KB.
- Vídeo del anuncio en el feed: los videos pueden ser vertical, cuadrado u horizontal. En función de esto, las medidas son 720 x 1280 píxeles, 640 x 640 píxeles o 1280 x 720 píxeles, respectivamente.
Diseño de imágenes para wordpress – CMS de nuestro sitio web desarrolloing.com.co
Aunque se pueden usar diferentes tamaños y formatos para las imágenes del sitio web recomendamos lo siguiente:
a. Tamaño de las imágenes
Para el tamaño de las imágenes en lo posible usar las siguientes dimensiones
- 150×150 – Tamaño de la miniatura
- 300×300 – Tamaño medio
- 1024×1024 – Tamaño grande
b. Peso de las imágenes
El peso de cada imagen creada para wordpress no debe superar los 300 Kb
c. Formato de las imágenes – WEBP
Aunque se pueden usar diferentes formatos para la imagen como .JPG, .JPEG, .SVG o incluso .PNG el que sugerimos por calidad en la compresión y dado que es el más sugerido por Google en este momento, es el formato WEBP, a continuación mostramos un tutorial de como pasar las imágenes que diseñemos en canva en cualquier formato al formato WEBP
Paso 1. Diseñar imagen en Canva en formato .JPG o .PNG
Paso 2. Descargar imágenes y convertir a través de las instrucciones del siguiente video:
el sitio web que se usa para transformar la imagen es el siguiente:
el comando rápido que el video menciona es Ctrl + Alt + Shift + S
la calidad de la imagen la podemos manejar hasta 50% para el diseño de artículos para el blog dada la buena compresión de este tipo de formatos.
¿Qué es la imagen destacada de WordPress?
Las imágenes destacadas de WordPress son imágenes que ayudan a describir mejor tus entradas del blog, páginas o publicaciones personalizadas. Este tipo de imagen es esencial, ya que te ayudan a atraer visitantes para que lean tu contenido o dan una idea inicial de lo que dirás en tu contenido.
No solo es la representación de tu contenido, sino que tu imagen destacada también resalta el tema visual de todo el sitio.
Por lo general, las imágenes destacadas de WordPress se muestran como miniaturas de tus publicaciones. Si haces clic en la publicación, la imagen destacada se colocará en la parte superior de sus páginas o publicaciones. En la mayoría de los temas, las imágenes destacadas aparecen después del título de las páginas o de las publicaciones.
Tamaño de la imagen destacada de wordpress
1000 X 700 px
Todos los artículos de blog deben ir acompañados de una imagen destacada
Trackbacks/Pingbacks