SOLUCIÓN – Mis imágenes de Blogger se ven borrosas y pixeladas en la vista previa con la nueva actualización de url de imágenes de Google

Con la nueva actualización de Google, muchos de los programadores y SEO que se
dedican a poder posicionar las webs hemos tenido varios inconvenientes, de
entre ellos es que existen muchos problemas, de entre ellos problemas que no
nos deberían de afectar a nosotros como programadores, por que se supone que
debería haber flexibilidad hacia nosotros en lugar de que el gigante de
internet nos ponga trabas y mas trabas.

Ahora toca el caso en que muchas de las plantillas webs que se encuentran
ejecutadas de terceros en las los dominios de Blogger han tenido un percance
en cuanto a las imágenes que se muestran de cada entrada o articulo que se
publica o bien en en apartado slider show, provocando que se vean pixeladas o
borrosas y haciendo que tengan un mal aspecto dentro de los sitios webs que se
encuentran alojadas en la plataforma de Blogger.

A que se debe este error.

Si bien Google ya está hasta la madre de estar almacenando mas y mas imágenes
de muchos usuarios, lo que Google quiere es dejar de estar prestando varios
servicios de alojamiento y con ello homologar el banco de imágenes que tienen
las plataformas y servicios que presta, tal es el caso de Blogger, en la que
su servicio para alojar imágenes se encuentra en https://get.google.com/albumarchive que es un banco digamos que generalizado de Google en donde se
encuentran todas las imágenes que has subido a todos los productos de Google,
pero entonces que sucede?, sucede que Google quiere ya deshacerse de tantos
servicios de alojamiento o terceros dentro del mismo y homologarlos, es decir
que todas las imágenes que subas de cualquier servicio vayan a parar a Google
Fotos, y esto porque Google dentro de otros servicios no tiene un control o un
límite para poder decirte ya basta de subir fotos y que te las guarde
gratuitamente, es decir después de que tapices de imágenes tus 15 GB de
almacenamiento gratuito, tengas que pagar y si no pagas, no se suben tus fotos
ni se guardan, por ello de alguna forma se está en muchos casos limitando de
diversas maneras la forma en la que subes imágenes, y en Blogger no es la
excepción, existe como si te puedes dar cuenta que el dominio de las imágenes
se ha convertido a uno diferente, es decir que pasamos de: 

https://1.bp.blogspot.com/?” a “https://blogger.googleusercontent.com?

Como puedes darte cuenta el cambio de dominio fue el que afectó a muchas de
las imágenes que tienen una configuración predeterminada en las plantillas de
los sitios alojados en Blogger, mas de terceros, como
soratemplate, gooyaabitemplates, o templatesyard, lo que provoca este
mentado error haciendo que las imágenes de las vistas previas de los artículos
recientemente publicados se vean pixelados o borrosos.

Yo como siempre me he puesto a investigar que es lo que sucede o por qué pasan
estas situaciones que al parecer pueden ser fáciles de resolver, pero
netamente no son nada fácil, ya que la situación es directamente con la
configuración actualizada de los dominios que ha asignado a las imágenes de
Blogger al subirlas, provocando que haya este extenso problema que tu al igual
que yo estamos aquí para conocerlo, pero tranquilo, si existe una solución
para ello. 

Es un poco complicado de explicar pero aquí vamos.

Solución.

Para evitar que ocurran estas imágenes pixeladas o borrosas, lo que haremos
ahora si que será la voluntad de Google, este ya no quiere que alojemos mas
imágenes dentro de Blogger, que era lo que se hacia, (dabas clic en el icono
de la montaña y después subir desde la computadora) por lo que tendremos que
hacer los siguientes pasos:

1.- Cuando estés escribiendo algún articulo y tengas que subir alguna imagen
lo que tendrás que hacer es no subirla directamente al apartado Blogger, si no
que tienes que abrir el servicio de Google Fotos, y desde ahí crear una
carpeta por cada sitio que tengas administrando, después de ello, en Google
Fotos vas a subir directamente la imagen que quieres publicar en tu articulo.

2.- Ya que la hayas subido, será momento de regresar a Blogger en tu articulo
y ahí si vas a dar clic en el icono de la montaña que dice subir imágenes, y
darás clic en Fotos, no en Blogger, y ahí buscarás la imagen que
subiste por aquél servicio.

3.- Ya que lo hayas seleccionado y subido será momento de esperar a que se
plasme en el borrador del articulo, una vez ahí no le vayas a tocar ningún
ajuste de tamaño, es decir no le configures si lo quieres grande mediano
pequeño o extra grande, si lo puedes mover a cualquier lado que desees del
articulo, pero no modifiques el tamaño. 

4.- Una vez que lo tengas en este aparatado y en vista de redacción, será
momento de echar a andar un poquito de programación, y nos vamos al apartado
de < > vista HTML, en la parte superior izquierda y donde está el lápiz,
cambiarlo a < >, ya estando aquí de vas a ir a la configuración de
imágenes y te vas a ir a la url de la imagen es decir: 

(href=”https://blogger.googleusercontent.com/img/b/??????) y en la parte en
donde termina el enlace, te debe aparecer el formato de la imagen, como por
ejemplo:(“/s1280/nombre_de_la_imagen.png”)

Una vez que hayas ubicado este apartado, verás que existe un valor
predeterminado de tamaño de imagen dentro de las diagonales / S???/ en ella
encontraras un valor como por ejemplo /s700/ o /s1280/ este tamaño es el valor
preasignado del ancho que mide tu imagen a la cual no será necesario que lo
modifiques, pero es necesario aclarar que entre mayor es la imagen que subes,
y mayor este valor, mas  tardará la imagen en ser cargada, ya que dará
mas peso al renderizado de tu sitio, por otra parte encontrarás los siguientes
valores:

border=”0″