Banners

-
Un banner es un imagen publicitaria destinado a ocupar un hueco de una página web para llamar la atención de los lectores y ofrecerles un producto o un servicio de una forma llamativa. Pueden ser de dos tipos, Estáticas o Animadas, la diferencia entre estos dos es que uno es inmóvil e solo produce una función, el animado contiene movimiento e actividades dentro del banner lo cual llaman más la atención del visitante. Pueden ser de varios tipos de formatos y tener muchas resoluciones tanto como tipos:


Cada banner tiene un estilo diferente que otro, los animados suelen tener más de 2 fotogramas para que no sea un GIF simple, pero meter mucho fotogramas puede perder el interés del cliente.

BANNERS ESTÁTICOS

Son los banner sin movimiento, que cumplen su función de forma simple pero organizada, aquí tienes unos cuantos ejemplos:

https://foro.elchapuzasinformatico.com

Tipo: Robapáginas
Dimensión y Resolución: 300x250 y 72 ppp
Formato y Peso: 33Kb, PNG
Modo color: RGB

www.beatsbydre.com

Tipo: Robapáginas
Dimensión y Resolución: 300x250 y 72 ppp
Formato y Peso: 29Kb, PNG
Modo color: RGB

www.marca.com

Tipo: Megabanner
Dimensión y Resolución: 728x90 y 96 ppp
Formato y Peso: 20Kb, JPG
Modo color: RGB

https://foro.elchapuzasinformatico.com

Tipo: Megabanner
Dimensión y Resolución: 728x90 y 96 ppp
Formato y Peso: 86 Kb, JPG
Modo color: RGB

www.falso9sports.com

Tipo: Rascacielos
Dimensión y Resolución: 120x600 y 72 ppp
Formato y Peso: 16Kb , GIF
Modo color: RGB

www.peliculascc.com

Tipo: Rascacielos
Dimensión y Resolución: 120x600 y 72 ppp
Formato y Peso: 53Kb y JPG
Modo color: RGB

BANNER ANIMADOS

Son los banner llamativos, los que te hacen mirar para ver que tipo de publicidad te viene, todos son tipo GIF ya que son animados. Tienes unos ejemplos aquí:

www.artelibre.com

Tipo: Robapáginas
Dimensión y Resolución: 300x250 y 72 ppp
Formato y Peso: 61Kb, GIF
Modo color: RGB
Número fotogramas: 3

www.marca.com

Tipo: Robapáginas
Dimensión y Resolución: 300x250 y 72 ppp
Formato y Peso: 12Kb, GIF
Modo color: RGB
Número fotogramas: 2

www.4every1festival.com

Tipo: Megabanner
Dimensión y Resolución: 728x90 y 96 ppp
Formato y Peso: 53Kb, GIF
Modo color: RGB
Número fotogramas: 44

www.megapeliculas.es

Tipo: Megabanner
Dimensión y Resolución: 728x90 y 96 ppp
Formato y Peso: 57Kb, GIF
Modo color: RGB
Número fotogramas: 20

www.aurgi.com

Tipo: Rascacielos
Dimensión y Resolución: 120x600 y 72 ppp
Formato y Peso: 37Kb y GIF
Modo color: RGB
Número fotogramas: 2

www.dietasanas.es

Tipo: Rascacielos
Dimensión y Resolución: 120x600 y 72 ppp
Formato y Peso: 25Kb y GIF
Modo color: RGB
Número fotogramas: 12


Comentarios

Publicar un comentario

Entradas populares de este blog

Marcadores en Indesign

-
Imagen
InDesign En esta práctica hemos creado un archivo SWF (Flash) en Adobe InDesign, en el cual hemos introducido poca cosa pero útil para archivos de recuento, libros, catálogos...  En este archivo, hemos creado unas 16 páginas, todas enfrentadas y vacías.  A partir de ya crearlas, nos disponemos a crear una especie de señal o marca para situarnos en una página en concreta o que nos defina por donde vamos, nos situamos lo primero en la página maestra para que nos haga la acción en todas las páginas que indique la marca, para eso nos vamos a la pestaña "Textos", a la sección de "Insertar carácter especial" y seleccionamos el que más queramos, en este caso, yo pondré Marcadores. Una vez que apliquemos la forma que queramos para definir nuestra página, ponemos el valor en orden para que se entienda, si indicamos en la primera página el número 1, en las siguientes, se pondrá automáticamente los números que vienen en serie. También se podrá aplicar u...
Leer más

Gifs con Photoshop (Línea del tiempo)

-
Imagen
Línea del tiempo en Photoshop es una función para editar o crear gifs animados desde photoshop de forma sencilla e organizada. Como veremos en la imagen, tenemos en la línea del tiempo el gif creado en partes las cuales se irán reproduciendo por el tiempo que pongamos desde 0 hasta lo que queramos de segundos, podemos ponerlo como Infinito (Loop interminable) para que no pare nunca o lo podemos asignar de una o dos veces. Se pueden crear capas extras además de las que tenemos o eliminarlas, depende si queremos alargar o acortar el gif. Creamos estos momentos de tiempo a partir de las capas fijas que queramos poner, podemos ir poniendo cada uno en su momento para que quede bien el gif que queramos crear. Podemos establecer una capa fija desde el primer momento, lo importante es tenerlo en cuenta en las demás capas y añadir o removerle lo que queramos. Las líneas del tiempo no tienen limite en cuanto a las imágenes que queramos poner, pero eso nos hace que el gif ocupe mu...
Leer más

Banner HTML5

-
Imagen
El banner HTML5 es aquel banner producido con un código insertado para ponerlo directamente en el código fuente base de la página web. Para esto, utilizaremos Bannersnack. Esta página es para crear tanto banners estáticos como dinámicos, sobre todo que facilite al usuario hacerlo, o con plantillas hechas para los novatos, nos permiten insertar imágenes , vídeos, texto... en el banner. Aquí tenemos las capas creadas con su estilo, color, párrafo y orden , para que cada uno esté correctamente puesto.  Tiene opciones de coste, pero las más usadas son gratis y con gran amplitud de opciones. Esta vez pondremos un banner interactivo, de tamaño medio que nos llevará a la web de Preimpresión la cual estamos y otro el cual nos llevará al banner de un compañero nuestro.
Leer más