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:

<a
href="https://blogger.googleusercontent.com/img/b/???/s1920/imagen.jpeg"
style=margin-left: 1em; margin-right: 1em;">
<img
border="0" 
data-original-height="720" 
data-original-width="1280" 
height="240"
src="https://blogger.googleusercontent.com/img/b/????/[s1920]/imagen.jpeg    (aquí puede aparecer como w???-h???/nombre de imagen.jpg (este valor se tiene que igualar al primero href))
width="320
/>
 
Dado lo anterior son los valores intrínsecos que puedes modificar, es decir que puedes ajustar a las medidas que desees, siempre y cuando no se salgan de los valores que dejaste predeterminado en las dos ligas que se encuentran asignadas al enlace de la imagen (src=) y (href=), es decir que no pueden ser mayores a estos, por que aunque no suceda nada, pues no habrá concordancia en el renderizado y puedes provocar conflictos con tu pagina y el navegadores que la este cargando.

Así mismo no te recomiendo que modifiques los valores que se encuentran dentro de (data-original=) de ambos,  ya que estos valores deben estar predeterminados y de igual manera no influyen en ningún momento en el reajuste del tamaño ni distorsión de las imágenes.

Un buen tamaño de asignación de imágenes por ejemplo el que yo utilizo, como por ejemplo:
height: "500"
width: "1000"

Independientemente del valor de la imagen que viene en /s????/ el valor que te pongo anteriormente, hace que no tengamos el problema de que en nuestras vistas previas de imágenes no se pixeleen o se nos pongan distorsionadas o borrosas. 

No es necesario ir tan escabrosamente para modificar los parámetros predeterminados de la redimensión de la imagen como es el caso de la modificación del parámetro s72c, ya que en muchas ocasiones no funciona, o usando la expresión (expr=resizeImage datza:post.featuredImage) por que de igual forma no funciona, ya que no solamente se trata de modificar estos parámetros, sino tambien parámetros generales que vienen ligados directamente a la plantilla. 

Espero que te haya ayudado a resolver este problema, que esta afectando a muchos sitios webs gracias a Google, deja tu comentario en la caja de comentarios, gracias.