Imagem em coluna espremida

Olá,

acho que não é normal, porque as colunas são reduzidas em relação ao tamanho da tela. Geralmente, no modelo responsivo, uma propriedade max-largura: 100% é aplicada em todas as imagens para torná-las responsivas. Se você não tiver, as imagens têm um tamanho fixo, não funcionará na tela pequena.

Consulte o WHET anexado acontece com 3 colunas geralmente.

Saúde,

Embora demore muito tempo depois do problema, tenho que pressionar isso porque tenho o mesmo problema. E descobri a causa desse comportamento: acontece se você redimensiona imagens e alterando algum parâmetro da imagem na caixa de diálogo Picture Property (ou é chamado de propriedade da imagem? Não estou usando a versão em inglês)
um exemplo: coloquei uma imagem no meu artigo e a redimensiona, escorando -a por mouse para 400x300px. No código -fonte, há
largura = "400" Hight = "300".
Agora duplique a imagem para iniciar a caixa de diálogo Image Property e basta clicar em OK. Agora o SourCecode mudou para
img style = "Largura: 400px; Hight: 300px;"
É simplesmente outra maneira de colocar o parâmetro de tamanho em html, mas o estilo = "... ... o caminho faz com que as fotos por algum motivo sejam espremidas ao redimensionar a janela do navegador.

Existe uma maneira de mudar a codificação?

Olá,

obrigado pelo feedback sobre isso. Você pode me postar aqui uma captura de tela das configurações de imagem que você me disse?
A propósito, não use alças para redimensionar imagens em seu conteúdo, você terá imagens exibidas em uma bruxa de dimensão não natural, com a dupla vantagem de ser pesada e obter uma qualidade errada na exibição. Também pode causar problemas na parte responsiva.

Saúde,

Obrigado Tristan pela resposta, é claro que posso fazer algumas capturas de tela.

Fiz um exemplo simples com uma imagem com o tamanho original de 800x535px.

1. Redimensione -o usando as alças diretamente no Drop Editor (btw. Nada de errado em fazê -lo dessa maneira, desde que você permaneça proporcional). Bloquear a janela de navegador encolhida, a imagem está na proporção direita e totalmente receptiva. [redimensionado_in_dropedit_by_handles.png]

2. Em seguida, cliquei duas vezes na imagem para abrir o Propriedades-dialog, não mudou nada-apenas clicou 'OK'. O código-fonte foi alterado como você pode ver e a mesma imagem na mesma janela de navegador encolhida é mostrada espremida e não é mais responsiva. [REDIMED_BY_PROPERTIESDALOG.PNG]

Espero que isso torne o problema mais claramente e ajude a DropEditor (acho que é o editor de Joomla mais inteligente).

Por falar nisso. Esse é outro ponto, mas seria possível obter um campo de classe de imagem na caixa de diálogo Propriedades das imagens? Isso tornaria as mudanças de classe um pouco mais confortáveis.

Atenciosamente, Frank

Olá,


tudo bem? Acho que entendi. Este é um problema da antiga ferramenta de edição de imagens incluída no editor (apenas a propriedade do botão de imagem).
Estamos trabalhando em uma versão atualizada do Droppics que resolverá o problema gerando miniaturas reais em tempo real.

Sobre a primeira consideração a respeito do tamanho real da imagem, isso não resolve o problema, é apenas uma sugestão. Isso pode deixar seu site mais lento e é detectado como um erro por todas as ferramentas de análise de SEO. No Chrome, a ferramenta de alças foi removida do editor.

Abraços,

OK, esta seria uma ótima atualização.

Eu costumava fazer isso manualmente com droppics (Pro), gerando uma duplicata com tamanho personalizado. Uma miniatura gerada automaticamente seria muito mais prática — e seria muito bem-vinda. Meu problema é que as imagens inseridas em artigos com seu tamanho máximo ficam um pouco borradas em telas de alta resolução. Por exemplo, uma imagem de 400x300px inserida em um artigo fica boa no meu monitor de escritório com 72 dpi, mas em um tablet com menos de 200 dpi ela fica sem nitidez (devido ao redimensionamento do navegador). Uma imagem com dimensões físicas de 600x448px que foi redimensionada para 400x300px fica muito mais nítida em telas de alta resolução. Os tamanhos dos arquivos são um pouco maiores, sim, mas não tanto... Para telas de alta resolução, não conheço outra maneira de deixar as imagens nítidas.

Atenciosamente, Frank

OK, esta seria uma ótima atualização.

Eu costumava fazer isso manualmente com droppics (Pro), gerando uma duplicata com tamanho personalizado. Uma miniatura gerada automaticamente seria muito mais prática — e seria muito bem-vinda. Meu problema é que as imagens inseridas em artigos com seu tamanho máximo ficam um pouco borradas em telas de alta resolução. Por exemplo, uma imagem de 400x300px inserida em um artigo fica boa no meu monitor de escritório com 72 dpi, mas em um tablet com 200 dpi fica sem nitidez (devido ao redimensionamento do navegador). Uma imagem com dimensões físicas de 600x448px redimensionada para 400x300px fica muito mais nítida em telas de alta resolução. Os tamanhos dos arquivos são um pouco maiores, sim, mas não tanto... Para telas de alta resolução, não conheço outra maneira de deixar as imagens nítidas.

Atenciosamente, Frank.

PS: Desculpe por postar novamente, o sistema cortou meu texto por causa do uso de uma seta. Serei mais cuidadoso nas próximas mensagens.