Como fazer com que as imagens dos posts se adaptem a diferentes tamanhos na home

  • Autor Autor AlexxxBcN
  • 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
A

AlexxxBcN

Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola , estaba pensando si es posible hacer esto , por ejemplo las imágenes de los post para que facebook las tome bien tienen que estar en 200x200 , pero y si en nuestro home tenemos unas dimensiones de 185x107 por ejemplo , sería posible hacer que las imágenes puestas en el post 200x200 se viesen completas en el home con las dimensiones 185x107 ?

Aveces veo que las imágenes encuadran en tamaños mas pequeños , y luego la imagen tiene otro tamaño,

esa es mi duda

Alguna idea ? Gracias !!!

Dejo este ejemplo:

ejemp.webp


SOLUCIONADO:


Bueno teniendo este problema lo solucioné poniendo las imágenes dentro de las entradas con esta resolución 320x200 ( antes tenía 200x200 ) , y ahora en el home las imágenes de las entradas se encuadran bien !!!
 
Última edição:
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
No estoy seguro si te he entendido bien.
Las imagenes en html se pueden cambiar el tamaño con la etiqueta "width y la etiqueta height ---ejemplo:
<img alt="VW kodok" src="http://3.bp.blogspot.com/-5KL3viEwASM/VYdk8y5HpgI/AAAAAAAABJs/PJ4yGf2iE84/s320/vw%2Bkodok.jpg" title="" width="320" height="184">

Y en CSS son las mismas etiquetas WIDTH y HEIGHT
 
Última edição:
Hola [MENTION=40786]AlexxxBcN[/MENTION]

Debes declarar varios tamaños con la etiquete "media"

En este enlace tienes más información para que puedas buscar mejor por tu cuenta, ya que yo no tengo mucha experiencia con ese método:

On Responsive Images | CSS-Tricks

Otras soluciones son usar srcset o la etiqueta "picture" (pero no es soportada por todos los navegadores):

One Solution To Responsive Images ? Smashing Magazine
 
Gracias por las respuestas , bueno el tema estaba en que las imágenes que salen en el home de las entradas estan 185x107 , pero la imagen dentro de la entrada en 200x200 , y con esas medidas , en el home las imagenes no salian ben encuadradas , y bueno miré poniendo las imágenes dentro de las entradas en 320x200 , y esta resolución luego en el home a 185x107 se visualizan bien , osea que el problema está resuelto , lo siento si no me expliqué bien del todo
 
Voltar
Topo