Como puedo hacer para que las imagenes no se vean borrosas en blogger?

  • Autor Autor taysnow
  • Fecha de inicio Fecha de inicio
taysnow

taysnow

Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola amigos ! tengo un pequeño problema con una plantilla en blogger y es que las imágenes se ven borrosas en el inicio y leí en el foro una forma de solucionarlo fácil es cambiarle el tamaño a las imágenes a Original he probado pero aun así no funciona. Alguien sabe alguna otra forma de como solucionarlo? Esta es la plantilla: https://news-blogger-pikitemplates.blogspot.com/?m=1 desde ya gracias !
 

Adjuntos

  • 1.webp
    1.webp
    107,1 KB · Visitas: 28
  • 2.webp
    2.webp
    97,5 KB · Visitas: 27
Al momento de hacer la entrada y subir la imagen a blogger te pregunta que tamaño la quieres.
La puedes cambiar en donde dice src=" ... s200 para la miniatura x s1600 o s600, etc
h ttps://blogger.googleusercontent com/img/*/s200/*.jpg

y para la imagen grande al darle click a la miniatura en a href="... /s285/
h ttps://blogger.googleusercontent com/img/ */s285/*.jpg

Si se ve borrosa en related post, popular post, etc puedes usar varios script por ejemplo
JavaScript: 
<script type='text/javascript'>//<![CDATA[
$('***').each(function(){
    var new_src = $(this).attr('src').replace('/s72-c/','/w200/');
    $(this).attr('src', new_src );
});
// ]]></script>

*** class o id del contenedor de la imagen
o

<script type='text/javascript'>
function redimin(id,size){
var artilugio = document.getElementById(id);
var sustitucion = artilugio.innerHTML;
artilugio.innerHTML = sustitucion.replace(/s72-c/g,"s"+size+"-c");
var imagenes = artilugio.getElementsByTagName("img");
for(var i=0;i&lt;imagenes.length;i++){ imagenes[i].width = size; imagenes[i].height = size; }
}
redimin("PopularPosts1",200);
</script>

PopularPosts1 o nombre del contenedor
 
Última edición:
Puko dijo:
Al momento de hacer la entrada y subir la imagen a blogger te pregunta que tamaño la quieres.
La puedes cambiar en donde dice src=" ... s200 para la miniatura x s1600 o s600, etc
h ttps://blogger.googleusercontent com/img/*/s200/*.jpg

y para la imagen grande al darle click a la miniatura en a href="... /s285/
h ttps://blogger.googleusercontent com/img/ */s285/*.jpg

Si se ve borrosa en related post, popular post, etc puedes usar varios script por ejemplo
JavaScript: 
<script type='text/javascript'>//<![CDATA[
$('.cmg').each(function(){
    var new_src = $(this).attr('src').replace('/s72-c/','/w200/');
    $(this).attr('src', new_src );
});
// ]]></script>

o

<script type='text/javascript'>
function redimin(id,size){
var artilugio = document.getElementById(id);
var sustitucion = artilugio.innerHTML;
artilugio.innerHTML = sustitucion.replace(/s72-c/g,"s"+size+"-c");
var imagenes = artilugio.getElementsByTagName("img");
for(var i=0;i&lt;imagenes.length;i++){ imagenes[i].width = size; imagenes[i].height = size; }
}
redimin("PopularPosts1",200);
</script>
Hacer clic para expandir...
Muchas gracias por tomarse el tiempo en responder muy amable ! pero no entendí donde debo poner esos script solo es para las imágenes borrosas en el inicio, no se prácticamente nada de código xd
 
Si solo con cambiar el codigo s200 o w200, etc o subir las imagenes en blogger en el editor mas grandes y se ven bien, no ocupas el script

el script es para cuando se ven borrosas (s72-c) en entradas relacionadas o populares, etc
Se pondria arriba de </body> o </head>
 
Última edición:
Para mejorar la nitidez de las imágenes en tu plantilla de Blogger, sube imágenes de alta resolución y ajusta su tamaño a "Original". Si el problema persiste, preguntame.
 
cofler dijo:
Para mejorar la nitidez de las imágenes en tu plantilla de Blogger, sube imágenes de alta resolución y ajusta su tamaño a "Original". Si el problema persiste, preguntame.
Hacer clic para expandir...
Excelente gracias !!! 😀 pero tengo otro problema en blogger siempre y es que no se que tamaño debo usar en las imagenes o cuantas por entrada? porque me manda avisos a cada rato por la web lenta
 
Solo cuando subes las imágenes blogger te d adopciones y tú solo dale subir en la.opcion original y centrar y ya
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

NORTHMULTIMEDIA
Necesito ayuda con las imágenes borrosas en blogger
Respuestas
4
Visitas
993
Miroku97
Miroku97
Atrás
Arriba