Como configurar a imagem do slideshow e das categorias

Esta secção agrupa todas as definições relacionadas com as imagens utilizadas pelo PrestaBlog.

Encontrarás definições para:

• imagens de artigos
• imagens de categorias
• imagens do slideshow
• imagens de produtos associados
• imagens de autores

Estas definições determinam as dimensões e formatos utilizados ao enviar novas imagens.

Para atualizar imagens já publicadas de acordo com as novas definições, uma ferramenta complementar está disponível em Ferramentas > Regenerar imagens.

A configuração de tamanhos de imagens e a ferramenta de regeneração funcionam em conjunto: é recomendado definir estas definições assim que o blog for instalado, ou regenerar as imagens se forem feitos ajustes num blog existente.

Como identificar a largura da imagem

Ao configurar tamanhos de imagens, é importante conhecer a largura efetivamente utilizada pelo teu tema na listagem do blog.

O procedimento seguinte permite obter facilmente esta informação, diretamente a partir do front-office:

1. Vai à página inicial do teu blog, onde a listagem de artigos é apresentada
2. Pega no primeiro artigo apresentado
3. Clica com o botão direito no título deste artigo
4. Clica em "Inspecionar"

A ferramenta de desenvolvimento abre e geralmente seleciona o título do artigo. No código, localiza o bloco logo acima do título, que contém a imagem. Este bloco é identificado por class="block_top".

Passa o rato sobre este bloco na ferramenta de desenvolvimento. O navegador apresenta então diretamente as dimensões do bloco em pixels no ecrã. A largura apresentada corresponde à largura base utilizada para a imagem na listagem.

Considerar o zoom ao passar o rato

Alguns temas aplicam um efeito de zoom ao passar o rato nas imagens das listagens.

A dimensão medida corresponde ao tamanho de apresentação inicial. Ao passar o rato, a imagem é ampliada. Para manter uma imagem nítida e evitar qualquer pixelização, é recomendado utilizar uma imagem maior respeitando as proporções.

Por exemplo, se a largura medida for 400 pixels:

• multiplicar por 1,5 dá 600 pixels
• multiplicar por 2 dá 800 pixels

Este método permite preservar as proporções da imagem garantindo boa qualidade, incluindo ao passar o rato.