Tipos de banners

Hola, hoy os voy a enseñar dos tipos de banners, y sus principales formatos.

Banners estáticos:

1.- Rascacielos / Skyscraper:

- Dimensiones: 120 x 600 px

- Resolución: 72ppp

- Formato: JPG

- Peso: 25 Kb

- Modo de color: RGB

2.- Robapáginas / Medium rectangle:

- Dimensiones: 300 x 250 px

- Resolución: 72ppp

- Formato: JPG

- Peso: 24 Kb

- Modo de color: RGB

3.- Robapáginas / Square:

- Dimensiones: 300 x 300 px

- Resolución: 72ppp

- Formato: JPG

- Peso: 19 Kb

- Modo de color: RGB

4.- Half page banner:

- Dimensiones: 300 x 600 px

- Resolución: 72ppp

- Formato: JPG

- Peso: 142 Kb

- Modo de color: RGB

5.- Full banner:

                                                                                    - Dimensiones: 468 x 60 px

- Resolución: 72ppp

- Formato: JPG

- Peso: 16 Kb

- Modo de color: RGB

6.- Megabanner:

                                                                                    - Dimensiones: 728 x 90 px

- Resolución: 72ppp

- Formato: GIF

- Peso: 9 Kb

- Modo de color: RGB

Banners dinámicos:

1.- Rascacielos / Skyscraper:

- Dimensiones: 120 x 600 px

- Resolución: 72ppp

- Formato: GIF

- Peso: 19 Kb

- Modo de color: RGB

2.-  Half banner:

                                                               - Dimensiones: 234 x 60 px

- Resolución: 72ppp

- Formato: GIF

- Peso: 26 Kb

- Modo de color: RGB

3.- Robapáginas / Medium rectangle:

- Dimensiones: 300 x 250 px

- Resolución: 72ppp

- Formato: GIF

- Peso: 100 Kb

- Modo de color: RGB

4.- Robapáginas / Square:

- Dimensiones: 300 x 300 px

- Resolución: 72ppp

- Formato: GIF

- Peso: 35 Kb

- Modo de color: RGB

5.- Half page banner:

- Dimensiones: 300 x 600 px

- Resolución: 72ppp

- Formato: GIF

- Peso: 95 Kb

- Modo de color: RGB

6.- Leaderboard:

                                                                                    - Dimensiones: 728 x 90 px

- Resolución: 72ppp

- Formato: GIF

- Peso: 72 Kb

- Modo de color: RGB

Optimización de imágenes

Hola, hoy vamos a comparar los formatos de las imágenes y su optimización. Para ello cambiaremos las calidades y tamaños de tres imágenes diferentes.

El Sol

Partiendo de la siguiente imagen original, abrimos Photoshop.

En el menú archivo abrimos la opción de guardado para dispositivos y web.

Nos saldrá un cuadro con diferentes opciones de guardado a la derecha.

A continuación os mostrare 2 tipos de guardado por formato.

JPG

Al guardar las imagenes en JPG podemos ver que cuanto mayor es la calidad de la imagen mas tamaño adquiere, aunque el tiempo de carga sigue siendo el mismo.

 JPG Alta

Peso: 1,979 KB 

Calidad: 60

Tiempo de carga: 1 seg.

 JPG Baja

Peso: 886 Bytes 

Calidad: 10

Tiempo de carga: 1 seg.

PNG

Al guardar las imágenes en PNG a mayor calidad más pesa, aunque no se aprecia la variación en la imagen, también podemos ver que el tiempo de carga aumenta.

PNG 8

Peso: 3,229 KB

Tiempo de carga: 1 seg.

PNG 24

Peso: 6,726 KB

Tiempo de carga: 2 seg.

GIF

Al guardar las imágenes en GIF a mayor Calidad mas pesa 

Crear formularios PDF

Hola, hoy os traigo como crear un formulario interactivo partiendo de un pdf sin interactividad, en Acrobat.
En la parte superior en el apartado herramientas, tenemos la opción de formularios. Le damos a crear.

En la parte derecha nos aparecerá una lista de opciones con las que podremos editar, distribuir, etc.

En la ventana tareas podemos añadir campos de texto, botones, y muchos otros elementos para nuestro formulario. A demás podremos editarlos, tanto su aspecto como las acciones que llevaran a cabo.

       

Una vez tengamos el formulario editado a nuestro gusto solo nos quedara guardarlo.