Woocommerce – fotos dos produtos borradas, como definir as dimensões de imagem?

Resolvido eduardo12
(@eduardo12)

4 anos, 10 meses atrás

Olá, boa tarde!

Estou com o seguinte problema: as imagens dos meus produtos, apesar de terem sido carregadas com boa qualidade e tamanho de sobra, aparecem borradas tanto na página dos produtos quanto na página individual do produto.

Pelo que pude entender isso provavelmente ocorre porque o Woocommerce dimensiona as imagens a determinado tamanho e em seguida o meu tema (storefront) as redimensiona a um tamanho maior, tornando-as borradas. Porém não sei como alterar as definições de tamanho de imagens de produto no Woocommerce. Parece que antigamente bastava fazer este caminho: WooCommerce > Settings > Products > Display > Product Images. Mas agora não tem mais essa opção, se alguém souber como eu agradeço.

obs: não sei se faz diferença mas esses problemas com as imagens aconteceram após o meu servidor ter desativado o meu site, e quando foi reativado todas as imagens estavam afetadas. Porém, estas do Woocommerce, já fiz upload delas novamente mas não resolveu.

Agradeço desde já pela atenção!!

A página que eu preciso de ajuda: [fazer login para ver o link]

Visualizando 2 respostas - 1 até 2 (de um total de 2)

Ralden Souza
(@ralden)

4 anos, 10 meses atrás

saudações @eduardo12,

na página inicial, que você colocou o link, as imagens dos 2 produtos estão ok, pois você usou imagens de 280x650px, que ficaram perfeitas para a área. o que está ruim é a imagem no topo da página, com os 2 produtos juntos sobre uma mesa e com fundo estilo folhas desfocadas. essa imagem tem apenas 980x445px, o que é pouco considerando que monitores atuais tem no mínimo 1280px de largura, devido resolução HD.

essas informações sobre tamanho das imagens obtive com a função “Inspecionar” em qualquer navegador moderno, como Chrome, Firefox, Opera e até o Edge.

já no caso da página do produto, o problema é o tamanho da thumbnail para a área da imagem. tanto que se colocar o mouse sobre a imagem, o zoom está perfeito, porque ai sim aparece a sua imagem original.

o caminho que falou agora se encontra no menu do WordPress em Aparência > Personalizar > e então procurar WooCommerce. precisa rever o tamanho das thumbnails geradas. talvez até tenha que, após configurar esssas opções, ter que reenviar as imagens para que o WordPress gere novas thumbnails, no tamanho que configurou. um tutorial do WooCommerce que aborda completamente esse assunto está abaixo,

https://docs.woocommerce.com/document/fixing-blurry-product-images/

boa sorte e espero que isso seja resolvido facilmente,

[code is poetry]

Criador do tópico eduardo12
(@eduardo12)

4 anos, 10 meses atrás

Olá Ralden,

Muito obrigado pela atenção e ajuda. Ajustei as dimensões do Woocommerce com o seguinte código (segue abaixo) e em seguida renovei os thumbnails:

add_filter( ‘woocommerce_get_image_size_thumbnail’, function( $size ) {
return array(
‘width’ => 800,
‘height’ => 800,
‘crop’ => 0,
);
} );

coloquei 800px para ter certeza que não ficaria pequeno.
No caso “thumbnail” é para a imagem usada na página da loja (vários produtos), página do produto individual seria _single e para as imagens pequenas abaixo da principal seria _gallery_thumbnail

Quanto ao meu banner (hero), o problema é esse mesmo que você descreveu, mas o problema do tópico era com as fotos dos produtos que são alteradas pelo Woocommerce.

Muito obrigado!

Visualizando 2 respostas - 1 até 2 (de um total de 2)

O tópico ‘Woocommerce – fotos dos produtos borradas, como definir as dimensões de imagem?’ está fechado para novas respostas.

Woocommerce – fotos dos produtos borradas, como definir as dimensões de imagem?

Tags de tópico

Visualizações