Tamaños de icono para compartir en redes sociales

Question

Tamaños de icono para compartir en redes sociales

clinton verde

Estoy creando un icono para que nuestra marca aparezca en los sitios de nuestros clientes junto a las opciones para compartir, por ejemplo, Facebook, Twitter, etc.

No puedo encontrar un tamaño estándar para todos estos iconos. Me doy cuenta de que cada sitio web puede usar un tamaño diferente, pero ¿qué tamaños debo proporcionar a los usuarios para que los descarguen?

KMSTR

¿Qué están descargando? ¿El icono? ¿Qué tamaños ya está usando y por qué no funcionan?

Joonas

Siento que estás preguntando por dos cosas. P: ¿Cuál es el tamaño estándar de los botones sociales en un sitio web? R: No hay estándares. Lo que se ajuste al diseño es del tamaño adecuado. En su caso, quizás del mismo tamaño que los iconos existentes en la web del cliente. P: ¿Qué tamaño deben tener los activos de marca descargables? R: Tampoco hay estándares. Debe usar el tamaño que desea que se use para el logotipo según las pautas y/o proporcionar archivos vectoriales, en cuyo caso el tamaño del logotipo es bastante irrelevante.

Joonas

Con respecto a la última A: si desea alguna orientación, tal vez busque en las páginas de activos de marca para marcas conocidas: Facebook , Twitter , Instagram , Tumblr , Squarespace , Spotify .

clinton verde

Gracias @Joonas, supongo que si estoy proporcionando un EPS, el tamaño depende del usuario.

Respuestas (1)

Tamaños de icono para compartir en redes sociales

¿Qué están descargando? ¿El icono? ¿Qué tamaños ya está usando y por qué no funcionan?
Siento que estás preguntando por dos cosas. P: ¿Cuál es el tamaño estándar de los botones sociales en un sitio web? R: No hay estándares. Lo que se ajuste al diseño es del tamaño adecuado. En su caso, quizás del mismo tamaño que los iconos existentes en la web del cliente. P: ¿Qué tamaño deben tener los activos de marca descargables? R: Tampoco hay estándares. Debe usar el tamaño que desea que se use para el logotipo según las pautas y/o proporcionar archivos vectoriales, en cuyo caso el tamaño del logotipo es bastante irrelevante.
Con respecto a la última A: si desea alguna orientación, tal vez busque en las páginas de activos de marca para marcas conocidas: Facebook , Twitter , Instagram , Tumblr , Squarespace , Spotify .
Gracias @Joonas, supongo que si estoy proporcionando un EPS, el tamaño depende del usuario.

go-junta · Answer 1

Es posible que deba hacer algunas versiones e, idealmente, ofrecer un vector para cada una de ellas si no es usted quien implementará estos íconos/botones en los sitios de sus clientes.

Es fácil calcular el tamaño de los otros botones de redes sociales, ya que puede crear su propia versión personalizada en cualquier tamaño y descargar sus logotipos en línea en sus propios sitios web. Lo que hacen muchos diseñadores es ofrecer un conjunto de iconos que va desde 16px, 32px, 48px, 64px, 128px, 256px en png, y como extra puedes agregar la versión vectorial (.ai, .svg) ya que es para tus clientes y más versátil también. La altura de cada ícono es más preocupante que el ancho, pero ofrecer una versión cuadrada es un buen estándar.

Pero la mayoría de las veces, las versiones dinámicas predeterminadas de los botones para compartir en las redes sociales (por ejemplo, me gusta, compartir, widgets de tweet) se ofrecen en diferentes estilos, algunos más cuadrados y otros más como rectángulos planos, por ejemplo.

Para la versión "dinámica", probablemente deba buscar en la sección para desarrolladores de la guía de la marca para cada red social; en general tienen una versión que ahora encaja bien con las otras versiones más populares.

Si vas a la "Configuración de diseño" de Facebook por ejemplo, verás que te ofrecen la altura para cada tipo de botón.

Varía entre 20 y 80 píxeles dependiendo de qué versión quiera usar nuestro cliente.

https://developers.facebook.com/docs/plugins/like-button#settings

Cuando el tamaño no está escrito en su sitio, puede verificar el CSS del botón. Por ejemplo, el pequeño botón de Tweet de Twitter parece tener una altura de 20 píxeles. A veces, también puede encontrar esta información en el código para incrustar el botón.