| Ahora blogger da, para las imágenes subidas, la posibilidad de escoger entre cinco tamaños, así: Una vez elegido el archivo del equipo, y añadida la imagen seleccionada...  ...se nos presenta el cuadro con las opciones de diseño:
 Nos ocuparemos del tamaño (la alineación es obvia), tomando como ejemplo una imagen cuyas medidas originales son: ancho (width): 387px, y alto (height): 142px. Subida la imagen, en el Editor HTML de la entrada correspondiente se genera un código que, dependiendo del tamaño escogido, será como uno de los siguientes: Para la opción pequeño:
Ésta es la imagen: 
Ésta es la imagen: 
Ésta es la imagen: 
Análisis del código Tomamos como referencia el código correspondiente a la opción Mediano, y tenemos en cuenta los mismos parámetros para los otros códigos: El código contiene, a su vez, los códigos de dos imágenes, así: 1. Imagen ancla:
2. Imagen link o enlace:
..y entonces un click hecho sobre la imagen llevará al inicio de la entrada que la contiene. Cambiar el tamaño de las imágenes Para modificar el tamaño de una imagen en una entrada poniéndole un tamaño que no está dentro de las opciones a elegir, tenemos en cuenta la segunda parte del código, la que corresponde a la que hemos denominado Imagen link o enlace. En ella cambiamos (tomando como ejemplo la Opción Mediano) s320 que, como ya vimos indica 320 pixeles en la dimensión más larga de la imagen, por sXXX, reemplazando las equis por el número de pixeles al que queremos aumentar o disminuír el tamaño de la imagen, tomando siempre su dimensión más larga (ya sabemos que la otra se adapta automáticamentela). Esta dimensión debe estar dentro de un rango comprendido entre un pixel y el número de pixeles de la imagen original, en su dimensión más larga. Aunque le pongamos una mayor, la imagen se adaptará a la de la imagen original. Veamos un ejemplo, tomando siempre como referencia la Opción Mediano: En la URL correspondiente a la imagen link cambiamos En la pestaña de la ventana en donde aparece la imagen podremos ver (en todos los navegadores, excepto Internet Explorer), las medidas de la imagen: 100 pixeles de ancho, medida que le pusimos en la URL, y 37 pixeles de alto, medida a la que se adaptó automáticamente o por defecto.
|
Mostrando entradas con la etiqueta imagenes blogger. Mostrar todas las entradas
Mostrando entradas con la etiqueta imagenes blogger. Mostrar todas las entradas
25.6.13
Tamaño de imágenes subidas a blogger
21.4.11
Imágenes subidas a Blogger
Este tutorial fue actualizado Ir a la actualización
| Las imágenes subidas a Blogger tienen características que, en ocasiones, producen confusión para su manejo. Vamos a analizar dos aspectos fundamentales: Las dimensiones y los códigos. Dimensiones Las imágenes que subimos a Blogger se alojan, en su versión original, con un máximo de 1.600px en su dimensión más larga (ancho o alto), o en ambas, cuando son cuadradas. Pero en nuestro blog quedarán, sometidas a tres limitaciones, dependiendo del tamaño que hayamos escogido al subirlas. Las opciones son: Pequeño, Mediano y grande. Estas opciones tiene en cuenta el ancho (width) y el alto (height), y son:
Cuando necesitamos que la imagen subida tenga un ancho específico y con ninguna de las opciones lo conseguimos, podemos ajustar las medidas manualmente (en el código de la imagen), aplicando una sencilla fórmula matemática de proporciones. Por ejemplo, para disminuír el tamaño de la imagen cuyas medidas originales son 320px de ancho y 118 px de alto, tomamos el nuevo ancho que le queremos dar (Ej. 250px), y aplicamos la siguiente fórmula:  en donde: a = nuevo ancho, b = altura actual, c = ancho actual, x = nueva altura (tres valores conocidos y una incógnita). Reemplazamos en la fórmula:  Resuelta la fórmula, el resultado indica que la nueva altura debe ser de 92px, que es la que corresponde para guardar la proporción con el nuevo ancho (250px), al que redujimos el originalo (320px). Si lo que necesitamos es una altura específica aplicamos la fórmula con estas equivalencias: a = nueva altura, b = ancho actual, c = altura actual, x = nuevo ancho. Es necesario tener en cuenta que, en caso de aumentar el tamaño de la imagen, ésta se distorsiona tanto más cuanto mayor sea el aumento del tamaño. Los códigos generados cuando subimos imágenes a Blogger tienen características especiales que es necesario conocer para adaptar convenientemente las imágenes al diseño de la entrada o del elemento del blog en el cual las ponemos. Las características de los códigos generados, cuando se suben imágenes a Blogger, varían dependiendo de:
Código de imagen subida con el editor anterior La imagen, cuyo código vamos a analizar, tiene las siguientes dimensiones en su versión original (imagen real): Ancho (Width): 388px, Alto (Height): 143px, fue subida con tamaño Mediano, y ubicada a la Izquierda. 1.- Con Internet Explorer
2.- Con Mozila Firefox
Elementos del código: 1.1.-
2.1.-
Contiene la dirección URL de la imagen, en su versión original, y hacia la que apunta el enlace que, en este caso, es la imagen generada en el blog por defecto. Es decir que un click hecho sobre la imagen llevará a la misma imagen, pero en su versión original. Si queremos que en nuestro blog quede la imagen real (versión original), volvemos a subirla pero utilizando esta URL, y eliminando este elemento del código generado. En general es aconsejable eliminar este elemento, junto con la etiqueta de cierre (
1 y 2 (Para ambos códigos)
Este elemento tiene las siguientes características:
|
Suscribirse a:
Entradas
(
Atom
)
