Pular para o conteúdo principal

Uso de Imagens​

Regras Gerais​

  • Qualidade: Imagens devem ser nítidas, sem pixelização ou desfoque.
  • Formato de Arquivo: Prefira JPEG para fotos e PNG para gráficos com transparência.
    • WebP é recomendado para uso na web, pois equilibra qualidade e tamanho.
  • Tamanho do Arquivo: Evite arquivos acima de 500KB. Use compressão sem perda sempre que possível.
  • Design Responsivo: Todas as imagens devem se adaptar a diferentes tamanhos de tela.

Proporções e Tipos de Imagens​

As proporções padronizadas garantem consistência visual entre diferentes contextos do DS.

Proporções

Dimensões Recomendadas​

Dimensões sugeridas para manter compatibilidade entre dispositivos e layouts:

Dimensões

Breakpoints e Responsividade​

As imagens devem respeitar os breakpoints definidos no DS para adaptação em diversos dispositivos.

Dispositivos

Boas Práticas​

  • Consistência: Utilize proporções e dimensões padronizadas.
  • Testes: Valide imagens em todos os breakpoints.
  • Compressão: Use ferramentas como TinyPNG ou ImageOptim para reduzir o tamanho de arquivos.
  • Acessibilidade: Sempre adicione texto alternativo (alt) para acessibilidade e SEO.