Como posso fazer para que as imagens não fiquem borradas no Blogger?

  • Autor Autor liasnow
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
liasnow

liasnow

Préstamo en curso
Ni
Verificado
Verificación en dos pasos activada
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 !
 

Anexos

  • 1.webp
    1.webp
    107,1 KB · Visitas: 46
  • 2.webp
    2.webp
    97,5 KB · Visitas: 43
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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 edição:
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>
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 edição:
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.
 
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.
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
 

Tópicos similares

Voltar
Topo