Limitar tamaño de imágen automáticamente
La mayoría de las veces cuando quiero utilizar una imagen para un post es necesario reducir su tamaño, algo que es muy simple con WordPress y su editor de imágenes, pero aún así es un fastidio tener que hacerlo cada vez que publicamos una imagen.
Aquí en el blog hemos escrito algunos artículos sobre CSS y las imágenes, como por ejemplo el efecto cargando e imágenes transparentes.
Para arreglar esto tan sólo debemos agregar una líneas de código a nuestra hoja de estilos CSS y listo.
Con este truco lo que haremos será lo siguiente:
- El ancho de la imagen será fijo, tu decides que tan ancho será, en este caso es de 530px.
- La altura de la imagen será automática, quedando de un tamaño proporcional al ancho estipulado.
Este es el código:
.entry img {max-width:530px; height:auto}
Eso es todo, pero debemos aclarar que el efecto sólo se verá dentro del sitio, si, por ejemplo, leemos desde un lector de feeds, la imagen se verá de tamaño completo.
28/12/2009
CSS
JuanK
