Hay muchas veces en las que me he topado con este pequeño inconveniente. He querido insertar una imagen en el editor de Blogger, mientras estaba escribiendo una entrada, y el editor no me dejaba poner una imagen mucho más pequeña de lo que la quería. Y si la imagen original era muy pequeña, el editor la ajustaba automáticamente a un tamaño mayor. Y si le hacía clic y le ponía el tamaño "Pequeño", este tamaño no era tan pequeño como lo que yo quería. Justamente la imagen de "Tips" que utilizo en este artículo tiene un tamaño normal de 236x257 pixeles. Si con el editor intento reducir ese tamaño poniéndole "pequeño" verán que la imagen queda de este tamaño:
Pero yo quería ponerla del tamaño que tiene al comenzar la entrada.
La solución es muy sencilla. En el editor mismo de la entrada hacemos clic donde dice HTML.
Veremos el código de la entrada. Buscamos donde está nuestra imagen. Generalmente la encontramos con la etiqueta <img>. En nuestro ejemplo de este artículo veremos que la imagen superior tiene el siguiente código:
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF9yBh4b5r3Ihy4ON_R8EX7cOsBmq2bUwDrYeCPO3p3ZMGiFVfzso6t9_iZazMzORndFpVzqBJNw3_AE2QFFB6MHotJOre-au99hHxYsuY72s_wnsMgk706HXQrg4dQnIapMon1ZuqWVco/s320/html.jpg" width="320" />
Vemos que hay dos etiquetas de tamaños: height y width. Variando esos números vamos a poder darle un tamaño mucho más específico que los que vienen por defecto en el editor de la entrada.
Recordar que los valores representan pixeles.
Si alguna imagen no tiene la etiqueta correspondiente al tamaño, puede ser agregada de forma manual.
Para ir viendo el resultado basta con darle al botón de redactar y la vista vuelve a ponerse en modo editor. Si le volvemos a dar a HTML volvemos a pasar al modo código. De esta forma podemos ir viendo casi en tiempo real los resultados de nuestros valores.
Si ponemos un solo valor, por ejemplo el ancho, automáticamente se pondrá un alto proporcionado con el ancho especificado.
Si seleccionamos la imagen y le damos "Propiedades" y le ponemos un nombre donde dice "texto del alt" podremos encontrar la imagen muy fácilmente en nuestro código HTML. Esto es útil cuando manejamos muchas imágenes.
Aquí les pongo la misma imagen pero con diferentes alturas para que vean a lo que me refiero. De esta forma se tiene un control más específico sobre las imágenes en nuestro blog.
Y eso es todo. Es un tip interesante para poder manejar las imágenes de nuestro blog a nuestro antojo.













