No hace mucho, explicábamos cómo funcionaba el sistema de archivo de imágenes en Blogger, para poder redimensionarlas a vuestro antojo y poder optimizar su uso.
Pues bien, desde hace nosecuanto porque me he dado cuenta hoy mismo, las imágenes incorporan automáticamente el ancho y alto en la etiqueta STYLE. El width se ajusta automáticamente a los pixeles del tamaño original cuando la imagen es pequeña. Pero si sobrepasa alguno de los tamaños estandar (grande, mediano, pequeño), su anchura será la máxima del estandar y, como mucho, hasta 400px.
Esto nos desbarajusta un poco lo que se explicó entonces para usar el tamaño máximo posible y que simplemente consistía en sustituir el nombre de la penúltima carpeta de su alojamiento (s200, s320, s400...) por el de s1600.
Pero sabiendo que esto ocurre ahora así, lo único que hay que hacer adicionalmente a lo que se explicó, es quitar los atributos width y height de la susodicha STYLE.
Así, en toda esta retahila que sale al cargar una imagen...
...además de sustituir s400 por s1600, habrá que eliminar totalmente los atributos mencionados -en negrita-, para poder mostrar la imagen en su tamaño original.
El que avisa no es traidor.
Pues bien, desde hace nosecuanto porque me he dado cuenta hoy mismo, las imágenes incorporan automáticamente el ancho y alto en la etiqueta STYLE. El width se ajusta automáticamente a los pixeles del tamaño original cuando la imagen es pequeña. Pero si sobrepasa alguno de los tamaños estandar (grande, mediano, pequeño), su anchura será la máxima del estandar y, como mucho, hasta 400px.Esto nos desbarajusta un poco lo que se explicó entonces para usar el tamaño máximo posible y que simplemente consistía en sustituir el nombre de la penúltima carpeta de su alojamiento (s200, s320, s400...) por el de s1600.
Pero sabiendo que esto ocurre ahora así, lo único que hay que hacer adicionalmente a lo que se explicó, es quitar los atributos width y height de la susodicha STYLE.
Así, en toda esta retahila que sale al cargar una imagen...
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAws8rvEAWppJTUi_xREKYu2pmGqo1SYtbQ8w2QnrFEggYp-3kEMmeqdnPtMd4Qrp1qNtuafHwaX1n8XTj4NY4u71WMXAkPi0-GSD2Wa99ytjUw0Gi2g4ri_U6b_pLJqMxtIt82DTtBCFa/s1600-h/20blogs.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 122px; height: 220px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAws8rvEAWppJTUi_xREKYu2pmGqo1SYtbQ8w2QnrFEggYp-3kEMmeqdnPtMd4Qrp1qNtuafHwaX1n8XTj4NY4u71WMXAkPi0-GSD2Wa99ytjUw0Gi2g4ri_U6b_pLJqMxtIt82DTtBCFa/s400/imagen.jpg" alt="" id="BLOGGER_PHOTO_ID_5260774509332393026" border="0" /></a>
...además de sustituir s400 por s1600, habrá que eliminar totalmente los atributos mencionados -en negrita-, para poder mostrar la imagen en su tamaño original.
El que avisa no es traidor.
¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.
Y muchos más artículos interesantes si nos sigues en...
buena foto.
ResponderEliminarHe subido varias fotos en dos entradas en http://autovia33.blogspot.com ,las he colocado como he podido, pero ahora unas se pueden ampliar si se pincha encima y otras no (normalmente las de la derecha)
ResponderEliminarMe podrías decir que tengo que hacer para que se puedan ampliar todas, y de paso si me dices como puedo colocarlas mejor te lo agradeceria también
Hola Federico.
ResponderEliminarEl código correspondiente a una imagen con enlace para mostrar el tamaño original (que no exactamente ampliar) es la que se muestra en esta misma entrada. Ese es el que pone automáticamente Blogger cuando subes una imagen. Según pinches en una opción de tamaño o alineación, le añada en la etiqueta STYLE unos u otros parámetros.
La estructura básica es
<a href="DireccionImagenOriginal.... > <img src="DireccionImagenAMostrar... &gr; </a>
Esto es una imagen (IMG) encerrada entre las etiquetas de un enlace (A).
La imagen que no "amplia" es porque no tiene el código de enlace.
Con respecto a la alineación, tendrás que seleccionarla antes de cargarla, aunque después lo puedes corregir cambiando o añadiendo (según el caso) en la etiqueta STYLE, float:left; / float:right;
Todo esto hay que hacerlo desde la pestaña HTML, porque desde la REDACTAR, no será visible.
Gracias mil, esta entrada me ha salvado la vida bastante. Mañana empezaré a reorganizar un poco las imágenes de mi blog.
ResponderEliminarDe nuevo gracias!!!