Hace algún tiempo realicé un artículo donde ponía a disposición un SVG con las medidas estandar para realizar banners web. Aunque el artículo está bastante completo, con los años algunos se han agregado (no muchos, pero vale la pena hacer la acotación). Como sé que es un recurso que a varios les servirá, acá se los dejo nuevamente. Vale destacar que todas las medidas son en px.
El archivo SVG lo pueden descargar en: dropbox.com/tatica/banners.svg
Medidas estandar para banners web horizontales
- Leaderboard long: 984 x 170
- Leaderboard medium: 728 x 90
- Banner completo: 468 x 60
- Banner horizontal: 392 x 72
- Medio banner horizontal: 234 x 60
- Rectángulo horizontal: 300 x 250
- Botón: 120 x 90
- Medio botón: 120 x 60
- Botón rectangular: 180 x 150
- Micro botón: 88 x 31
Medidas estandar para banners web cuadrado
- Banner Cuadrado: 250 x 250
- Medio banner cuadrado: 200 x 200
- Botón cuadrado: 125 x 125
Medidas estandar para banners web vertical
- Rascacielo: 160 x 600
- Medio rascacielo: 120 x 600
- Banner vertical: 120 x 240
- Rectangulo vertical: 250 x 300
Help tatica and donate with paypal!
px. todo en web se maneja en px.
Son medidas en centímetros, pulgadas o cual es la medida?
hola…cuanto puedo cobrar por un banner de 728 x 90 ? gracias
Dices el costo para venderlo?
Hola Tatica queria preguntarte cuales son los costos de cada uno de los banners que tienes aqui, segun las medidas y el formato. Gracias
bastante buena la información, yo creo que una medida buena es 728×90, esta medida es bastante clásica
Saludos Gregory; el radio es el borde redondeado. Espero te sea de ayuda.
Buenas Tardes, tengo un cliente que me especifica unas medidas que son las siguientes: 750 x 126 px, radio de 5px, entiendo el ancho por el alto, lo que no comprendo es el radio, si alguien me pudiera ayudar, muchas gracias.
Creo que este enlace te puede dar algo de idea con lo que quieres @echevemaster http://tympanus.net/codrops/2012/01/10/animated-web-banners-with-css3/
Pues personalmente lo que hago cuando son responsive, es no hacerlos estáticos (png/jpg) sino en HTML5; de esa forma me aseguro de que “siempre” se vean bien porque trabajo en porcentajes.
¿Cuales de estos corresponderian a diseño responsive?