Tamaño de logotipos para sitios web

Un correcto tamaño de imágenes para el diseño de tu sitio web

Diseño responsivo Logotipo - Smart Netvel

Una de las dudas más comunes a la hora de subir los logotipos a tu sitio web es exportar las imágenes en tamaños óptimos para su sitio.

Lo más común es exportarlos en formato PNG con fondo transparente con las dimensiones 250px de ancho y 100px de alto. En algunos casos es necesario otras dimensiones para mejorar el diseño de la web.

En estos casos, debemos identificar el modo en que se mostrará el logotipo, es por ello que vamos a indicar algunos tamaños sugeridos para optimizarlos y alinearlos con las buenas prácticas para mejorar la velocidad de carga de tu sitio web.

Logotipo

250px x 150px

Logotipo 250px x 150px

Logotipo

160px x 160px

Logotipo 160px x 160px

Logotipo

350px x 75px

Logotipo 350px x 75px

Logotipo

400px x 100px

Logotipo 400px x 100px

Tamaño Favicon para tu sitio web

Logotipo

El Favicon se refiere a la imagen correspondiente a un icono y es usado en el diseño web para incluirlo en la pestaña de navegación y así identificar a la marca, siendo este parte del branding.

Regularmente se usa una letra o el mismo logotipo según la estrategia trazada el el plan de marketing.

Los tamaños sugeridos para el favicon son los siguientes:

  • 16px x 16px
  • 32px x 32px
  • 48px x 48px

Mediante el uso de algún editor de imágenes tal como GIMP, Photoshop o cualquiera puedes establecer el lienzo de trabajo en las medidas ya mencionadas y exportarlas en formato PNG.

5 4 votos
Article Rating
Subscribirse
Notificar de
guest
1 Comment
Más antiguo
El mas nuevo Más votado
Comentarios en línea
Ver todos los comentarios
Sergio Luque
Sergio Luque
9 months ago

Excelente información, útil y oportuna…

Artículos del Blog

¿Qué es un consultor SEO? Perfil y lo que debes saber

Nueva norma de pagos por internet en 2021

Transición a la Nube

Diseño y Desarrollo Web

Diseño de Sitios Web

diseño de sitios web responsive-empresas de diseño web-diseño web corporativo-interfaces web-responsive diseño-SmartNetvel

Diseño adaptado a tus Necesidades

Diseños basados en métricas y tendencias del mercado digital
1
0
Me encantaría conocer tu opinión, comenta.x
()
x