martes, 28 de julio de 2015

Imagenes para tu sitio web, ¿cómo prepararlas?


Imágenes dentro de la publicacion en un sitio con CMS

Si usamos un sitio hecho con Wordpress o algún otro CMS, podemos agregar más de una imagen dentro de la publicacion tratando de guardar ciertas proporciones, por ej. si tenemos una imagen de 500x400 y luego queremos agregar una pequeña o alguna a modo decorativo (por ej. una guarda) es bueno hacerla de 500x200, de esa manera al tener el mismo ancho mantendrá cierta armonia vertical y eso facilia el armado de la caja (recuadro virtual que se usa en diseño). 

Tamaño de la imagen destacada.

 La imagen destacada es la que muchos Blogs muestran en el inicio con una brebe descripcion y a veces va también en el encabezado. Funciona como gancho para atraparte y que leas la nota (por eso ves siempre imagenes lindas aunque el tema no sea tan interesante.
El encabezado está en la parte superior de la página y suele ser es ese que pasa imagenes cambiandolas de tanto en tanto y se lo conoce como " slider". Por lo generla necesitamos que la imagen tenga una altura mínima de 385 pixeles (400 si queres redondear) y un ancho que puede estar en los 800 a 960 pixeles. El ancho no es tán relevante porque hace el recorte verticalmente si necesita achicarla, pero si le falta, se verán bandas negras o se distorsionará la imagen dando un aspecto muy feo.

Resumiendo

Podemos entonces concluir que necesitamos imágenes de 800 x 385 (o bien de 960 x 400) para la imagen destacada y otra de 500x400 para insetar dendro de la publicacion en sí.
Aqui van unos links con tutoriales para profundizar en el tema:

http://www.ciudadano2cero.com/fotos-imagenes-paginas-web/

https://codex.wordpress.org/Image_Size_and_Quality

https://wordpress.org/support/topic/featured-images-ideal-sizes

http://www.elegantthemes.com/blog/tips-tricks/optimize-images-for-your-wordpress-website

https://om4.com.au/client/preparing-image-files-before-uploading-with-wordpress/

No hay comentarios: