Como maximizar a largura até a borda do post

Estou tentando garantir que uma imagem “retrato” não seja redimensionada quando publicada… Quero que toda a largura seja considerada… como faço isso…?

2 curtidas

Talvez fornecer a página, alguém irá verificar especificamente, caso contrário, brinque com qualquer recurso do navegador que você tenha para inspecionar uma página, adicione object-fit contain/fill etc., ou algumas margens, talvez aspect-ratio etc. com qualquer elemento em que você esteja trabalhando e você descobrirá, aposto :+1:

Como isto

E claro, a abordagem do marketplace se você tiver alguns dólares ou bitcoin para oferecer não pode ser ignorada :hugs:

2 curtidas

Você pode pesquisar por image nas configurações do site e brincar com elas. Mas acho que você não vai conseguir o que eu acho que você está procurando. Claro, com plugins e temas coisas estranhas e maravilhosas podem ser feitas, mas com base no que temos, tenho a sensação de que não é tão fácil, ou mesmo possível.

Mas eu já estive errado antes. Algumas vezes :zany_face:

3 curtidas

A configuração de administrador min ratio to crop ajudaria com isso?

2 curtidas

Este Theme component também pode ajudar. Lembre-se apenas que ele ainda está em fase experimental. Mas também é usado aqui no Meta em alguns Theme

1 curtida

Eu tentei isso - não é isso. - ainda procurando uma solução.

Você verificou as outras configurações de imagem como o Jagster sugeriu? Especialmente largura máxima da imagem

1 curtida

Eu fiz - mudar para 1200 não faz diferença… a única maneira que encontrei de mudá-la é mudando na foto real.

Eu só quero que a “imagem retrato” ocupe toda a largura da postagem.

Este componente está instável, pois mesmo com o discourse mais atualizado instalado, ele desloca tudo para o lado esquerdo (sem preenchimento) - quebrou meu tema de staging.

Talvez essas imagens excedam a altura máxima da imagem antes da largura máxima da imagem?

Em geral, gosto que as imagens sejam limitadas em tamanho. Em telas menores, como no meu tablet, caso contrário a imagem seria maior que a minha tela.

2 curtidas

Estranho. Tablets deveriam ter um dimensionamento automático, não importa o que um site sugira. O iPad, de qualquer forma, funciona assim, e um… acho que era algum Samsung. Mas todos os telefones podem.

De qualquer forma. Lidar com imagens é um ponto fraco do Discourse. Uma bagunça terrível.

1 curtida

Parece ser algo simples… a imagem quando postada como retrato deve ocupar toda a largura do contêiner de largura da postagem… (se não como padrão, mas uma maneira fácil de configurá-la).

Acho que todos confiam no lightboxing aqui.

Se max image height for maior que a minha tela, ele não caberá na tela sem rolar. Por que o tablet redimensionaria a imagem dentro da postagem?


Com o valor padrão, fica assim:

Consigo ver a imagem inteira sem rolar.

Dimensões de tela diferentes é algo a se ter em mente ao alterar a altura máxima da imagem.

1 curtida

Porque os celulares são mais fáceis de usar do que os desktops?

1 curtida

Sim, esse é um risco com o experimental. Quanto ao preenchimento, você pode adicionar um componente personalizado para aumentá-lo, adicionando substituições e preenchimento, etc.

Quando você possui um fórum de fotografia, as imagens são o rei e não é como se eles postassem todas as fotos na vertical, mas quando o fazem, não se importam com a parte em que precisam rolar.

Então você gostaria de esticar uma imagem para a largura total, mesmo quando o tamanho intrínseco da imagem é menor que a largura da página?

Eu não recomendaria isso, porque você provavelmente perderá qualidade, mas:

Você já tentou uma combinação de definir as configurações de altura máxima da imagem e largura máxima da imagem para um valor alto e usar CSS para definir:

.cooked img:not(.thumbnail):not(.ytp-thumbnail-image):not(.emoji) {
    width: 100%;
    max-width: 100%;
}

Isso parece fazer o que você descreve do meu lado.

2 curtidas

O fórum de fotografia não estaria exibindo imagens pequenas, eu acho. Novamente, eu não sei, mas acho que o problema é o redimensionamento automático. Todas as imagens são de cerca de 800xalguma coisa e então haverá espaço vazio, mesmo onde algo como 1500xalguma coisa poderia ser exibido.

Mas eu acho que esse é basicamente o único problema com desktops, porque os celulares têm a tendência de adivinhar o que um usuário pode ou não fazer.

Fotógrafos quase nunca postam fotos “pequenas”… o processo é simples:

1) Carregar foto

Se a foto for menor que a largura das dimensões da postagem:
Mantenha a proporção e estique a largura para ocupar as dimensões totais da postagem.

Se a foto for igual ou maior:
Mantenha a proporção da imagem, mas ocupe as dimensões totais da postagem.