Escolher o tamanho certo de imagem é essencial para manter um site visualmente atraente e com carregamento rápido. Usar imagens com o tamanho correto garante que seu conteúdo tenha uma aparência nítida em todos os dispositivos, além de melhorar o desempenho da página.
Este guia descreve os tamanhos de imagem recomendados para diferentes seções do Pixpa, ajudando você a carregar imagens que se encaixam perfeitamente, sem distorção ou redimensionamento desnecessário. Seguindo estas diretrizes, você pode obter layouts consistentes e proporcionar uma melhor experiência de visualização aos seus visitantes.
O Pixpa redimensiona automaticamente as imagens para garantir uma exibição e um desempenho ideais, mantendo a proporção original.
- As imagens são redimensionadas para caber em uma caixa delimitadora máxima de 2560 × 3840 px.
- Nem a largura nem a altura excederão esses limites.
- Uma das dimensões pode ser menor dependendo da orientação da imagem.
Como funciona o escalonamento:
- As imagens são redimensionadas até que ambas as condições sejam atendidas:
- A largura é menor ou igual a 2560 pixels.
- A altura é menor ou igual a 3840 pixels.
Tamanhos recomendados:
- Use imagens com até 2560 px de largura para orientação paisagem.
- Use imagens com até 3840 px de altura para orientação retrato.
Neste artigo:
- Tamanho de imagem ideal para galerias de sites
- Tamanho de imagem ideal para Banner
- Tamanho de imagem ideal para imagem em destaque
- Tamanho de imagem ideal para a imagem do produto
- Tamanho ideal da imagem para a postagem do blog.
- Tamanhos de imagem em snippets do construtor de páginas
- Tamanhos de imagem em itens de lista do construtor de páginas
- Tamanho de imagem ideal para galerias de clientes
- Tamanho de imagem ideal para aplicativos de galeria
- Tamanho ideal para Gifs
- Qualidade de imagem e compressão
- Perfil de cor da imagem
- Redimensionamento de imagem para imagens de sites
- Nitidez da imagem
- Processamento de imagens em massa
Tamanho de imagem ideal para galerias de sites
Recomendamos o envio de imagens em alta resolução (100% de qualidade) (até 50 MB cada) para as galerias . Redimensionamos as imagens e entregamos automaticamente o melhor tamanho, dependendo do dispositivo e da resolução, para que o site carregue mais rápido.
Os formatos de arquivo de imagem suportados para o site são JPG, JPEG, PNG e GIF.
Não armazenamos suas imagens originais na seção do site. O Pixpa otimiza automaticamente suas imagens para que se ajustem a um tamanho máximo de 2560 pixels de largura e 3840 pixels de altura, mantendo a proporção original. Se você enviar imagens maiores, elas serão redimensionadas para que a largura não exceda 2560 pixels nem a altura exceda 3840 pixels.
As imagens são otimizadas automaticamente para se ajustarem a um tamanho máximo de 2560 pixels de largura e 3840 pixels de altura, mantendo sua proporção original. No caso de layouts de galeria em grade, as imagens do site são geradas automaticamente com base no layout de grade escolhido.
Para um desempenho ideal, o número máximo de imagens permitido por galeria de site/página é 500. Se você tiver mais imagens para exibir, considere criar várias galerias.
Tamanho de imagem ideal para Banner
Uma imagem de banner ou capa adiciona um toque especial à sua página. Você pode adicionar o banner na parte superior ou inferior da página.
O tamanho ideal para uma imagem de banner é de 2000 pixels x 2000 pixels.
Os formatos de arquivo de imagem suportados para o banner são JPG, JPEG, PNG e GIF.
Tamanho de imagem ideal para imagem em destaque
A imagem em destaque de uma página é usada para compartilhamento em redes sociais e também será usada se a página for adicionada a uma pasta. Recomendamos o envio de uma imagem de alta resolução (100%) para a miniatura.
Os formatos de arquivo suportados para as imagens em destaque são JPG, JPEG e GIF.
Não há tamanho de imagem recomendado para imagens em destaque. O sistema redimensionará automaticamente a imagem assim que você fizer o upload da mesma.
Tamanho de imagem ideal para a imagem do produto
Você pode adicionar até 200 imagens de produtos para exibi-los na loja.
Os formatos de arquivo de imagem suportados são JPG, JPEG e PNG.
O tamanho ideal da imagem do produto é de aproximadamente 1000 pixels x 1000 pixels.
Tamanho de imagem ideal para imagem de postagem no blog
Recomendamos o envio de imagens com 100% de qualidade e resolução. Os formatos de arquivo de imagem suportados para o site são JPG, JPEG, PNG e GIF.
Não mantemos suas imagens originais nas postagens do blog.
O tamanho ideal para uma imagem em uma postagem de blog é de 1200 pixels . Se você enviar imagens maiores, nós as redimensionaremos para 1200 pixels de largura.
Para um desempenho ideal, o número máximo de imagens permitido por galeria de postagens do blog é 500.
Tamanhos de imagem em snippets do construtor de páginas
Temos vários trechos de conteúdo baseados em imagens no construtor de páginas com recurso de arrastar e soltar . Os tamanhos ideais seriam os seguintes.
As imagens de tamanho grande serão reduzidas automaticamente para os tamanhos a seguir, portanto, você não precisa recortar suas imagens como tal. Os formatos de arquivo suportados são JPG, JPEG e PNG.
- Bloquear Imagens de Fundo – Usar largura de 2560px
- Fragmento de imagem única – Usar largura de 2560px
- Trecho de imagem de 2 colunas – Usar largura de 1200px
- Trecho de imagem de 3 colunas – Usar largura de 750px
- Trecho de imagem de 4 colunas – Usar largura de 500px
A altura máxima suportada para imagens é de 3840 pixels . Se você enviar imagens maiores que as dimensões suportadas, elas serão redimensionadas automaticamente, mantendo a proporção original.
Tamanhos de imagem em itens de lista do construtor de páginas
No construtor de páginas, temos itens de lista dinâmicos, como listas de imagens e depoimentos , onde você carrega as imagens.
Nessas seções, os tamanhos das imagens dependerão do número de colunas que você está adicionando.
- Lista de Imagens Únicas – Usar largura de 2560px
- Lista de imagens de 2 colunas – Usar largura de 1200px
- Lista de imagens de 3 colunas – Usar largura de 750px
- 4 colunas e listas de imagens menores – Usar largura de 500px
O tamanho máximo de arquivo de imagem suportado é de 20 MB.
Tamanho de imagem ideal para galerias de clientes
No caso das Galerias de Clientes , nós salvamos seus arquivos originais.
O plano Básico tem 3 GB, o plano Criador tem 5 GB, o plano Profissional tem 25 GB e o plano Avançado tem 100 GB de espaço para salvar seus arquivos originais (para entrega online).
Se precisar de mais espaço, pode aplicar o Complemento Client-Galeries ao plano do site.
Você terá a opção de escolher entre 20 GB até espaço de armazenamento ilimitado na nuvem Para suas imagens originais, conforme sua necessidade.
Veja também: O que significa espaço para arquivos originais?
Recomendamos o envio de imagens originais em alta resolução e com 100% de qualidade (até 100 MB cada). Não alteramos seus arquivos originais, que serão entregues diretamente ao cliente por meio de um link seguro assim que o pedido for concluído. Saiba como vender suas imagens.
Criamos várias versões em tamanho da Web usando a imagem original que será usada na exibição de arquivos originais em seu site. O sistema também aplicaria configurações de compactação em suas imagens de tamanho da Web criadas a partir de seus arquivos originais.
Para um desempenho ideal, o número máximo de imagens permitido por galeria do cliente dentro de um álbum é 1000. Se você tiver mais imagens para exibir, considere criar várias galerias.
Para imagens digitais para download nas Galerias de Clientes, a Pixpa oferece as seguintes três opções de resolução, além do download da imagem no tamanho original :
-
Grande : 2560px
-
Médio : 1200px
-
Pequeno : 600px
Tamanho de imagem ideal para aplicativos de galeria
Os aplicativos de galeria permitem que você crie aplicativos de galeria móveis personalizados para seus clientes, que eles podem instalar em seus celulares.
Para as galerias em dispositivos móveis, como imagens menores são suficientes, o tamanho de imagem recomendado é de 640 pixels de largura.
Tamanho ideal para Gifs
Caso você esteja adicionando gifs no estúdio Pixpa, o gif deve ter menos de 2560px de largura e altura.
Além disso, o número de frames no GIF deve ser igual ou inferior a 60.
Qualidade de imagem e compressão
A compressão de imagens ajuda a encontrar o equilíbrio ideal entre a qualidade da imagem e o tamanho do arquivo, o que afeta a velocidade de carregamento do seu site. O valor ideal de compressão é 75% (alta qualidade). Qualquer alteração nesse valor será aplicada às imagens enviadas após essa alteração.
Recomendamos o envio de imagens JPEG com 100% de qualidade, pois aplicamos a compressão padrão de 75% em todas as imagens enviadas para o seu site. No entanto, você pode gerenciar facilmente a compressão de imagens na página de Configurações . Um valor mais alto aumenta o tamanho da imagem e oferece melhor qualidade. Um valor mais baixo faz com que seu site carregue mais rápido, pois os arquivos terão tamanhos menores.
Perfil de cor da imagem
Apenas para adicionar, certifique-se de que as imagens do seu site estejam em um perfil de cores sRGB, que é o perfil de cores de renderização padrão do navegador, e 72 dpi seria mais do que suficiente para quase todas as exibições do navegador.
Veja também: Preparando o perfil de cores das suas imagens para obter os melhores resultados.
Redimensionamento de imagem para imagens de sites
Para redimensionar as imagens no Photoshop , acesse Imagem -> Tamanho da Imagem. Para a web, defina a resolução para 72 dpi e use 2560 pixels de largura para as dimensões.
Nitidez da imagem
Você pode usar o filtro Máscara de Nitidez após redimensionar suas imagens, já que o redimensionamento sempre resulta em algum desfoque. Você pode acessar o filtro Máscara de Nitidez no Photoshop indo em Filtro -> Nitidez -> Máscara de Nitidez.
Processamento de imagens em massa
Se você tiver várias imagens para girar, redimensionar ou aumentar a nitidez, poderá gravar uma ação e usar o comando batch para processar uma pasta inteira de imagens sem repetir essas etapas para cada imagem.
Ou você também pode usar Software de terceiros para redimensionar suas imagens em massa.