Muchas veces nos puede suceder que nuestras imágenes nos queden muy grandes en el blog, y queremos achicarlas (especialmente si las queremos usar en el sidebar), acá te dejo un pequeño tutorial de como redimensionarlas y así que queden bien en tu blog.
Primero debemos saber cuales son nuestras medidas de imágenes. En el blog generalmente están especificadas en los banners (230x42, 550x50, etc.).
¿Qué significa?
Las medidas están dadas por pixeles, el primer número corresponde al ancho, y el segundo al alto.
Si no las conoces (y tienes google chrome), pones tu mouse encima de la foto, click derecho: Inspeccionar elemento. Te abrirá una pestaña abajo de la web con muchos códigos, sin tocar nada vas a ver que hay una linea marcada con un enlace, pones el mouse arriba del enlace y te aparecen las medidas ;).
Y ahora... ¿Cómo cambio el tamaño?
Cuando insertas una imagen en una web, por lo general y en la mayoría de los casos se inserta a través de HTML. Este código en una imagen es así:
Esto le indica al html que es una imagen, el lugar donde está alojada y que se termina el código.
Hay ciertos parametros para cambiar el tamaño de una imagen y son: WIDTH y HEIGHT. Width se refiere al ANCHO, y Height, al ALTO.
Si necesitamos que una imagen de 200x50, tenga un ancho de 100, tendremos que hacer una regla de tres simples (Acá es lo que todos odiamos, osea las matemáticas).
200 ---- 100
50 ---- x (x=25)
Nuestra medida para que el ancho de una imagen sea de 100 de ancho, es que tiene que tener 25 de alto. Entonces nuestro código queda así:
Este width y height, puede aparecer al principio del código, antes de src, o después de este.
Siempre recuerden las comillas, o no les aceptará el html.
De esta manera podemos convertir esta imagen:
En esto:
Una recomendación, siempre que redimensionen una imagen, es preferible que la achiquen, nunca que la agranden, ya que al agrandar una imagen se puede pixelar y verse fea ;)
