Gestão de Imagens e Mídia: Armazenamento S3 com Entrega via CDN

Este artigo explica como armazenamos, organizamos e entregamos imagens de produtos de forma eficiente.

O Problema: Gerenciar Milhares de Imagens

Temos:

  • Muitos SKUs de produtos (5k+) com múltiplas imagens cada

  • Imagens de componentes (10k+) (chassis, placas, acessórios)

  • Vídeos de produtos para produtos-chave

  • Múltiplos formatos (WebP para web, PNG para datasheets)

Armazenar imagens no servidor web causa:

  • Problemas de espaço em disco: Centenas de GB de imagens

  • Entrega lenta: Limites de banda do servidor

  • Sem CDN global: Lento para usuários internacionais

  • Complexidade de backup: Backups de arquivos grandes

A Solução: S3 + CloudFront

Usamos AWS S3 para armazenamento e CloudFront para entrega:

  • S3: Armazenamento de objetos escalável com versionamento

  • CloudFront: CDN global para entrega rápida

  • Manifesto de imagens: Registro central das localizações das imagens

  • Formato WebP: Significativamente menor (30-50%) que PNG/JPEG

Armazenamento de Imagens

As imagens dos produtos são armazenadas no S3:

  • Bucket S3: Armazenamento de objetos para mídia de produtos

  • Formato: WebP para imagens otimizadas

  • Vídeo: MP4 para vídeos de produtos

  • Manifesto: Registro central das localizações das imagens

Origem das Imagens

As imagens são originadas do S3 usando o manifesto de imagens:

  1. Manifesto de imagens: Registro central das localizações das imagens
  2. Bucket S3: Imagens de produtos armazenadas em armazenamento de objetos
  3. Formato WebP: Imagens otimizadas para carregamento rápido
  4. Fallback: Imagens substitutas quando as imagens reais não estiverem disponíveis

Cache de Imagens

Nós armazenamos em cache imagens na memória:

  • Cache global: Cache em memória para consultas de imagens

  • Chaveado por peça/SKU: Consultas rápidas por identificador

  • Invalidamento de cache: Quando o estoque é atualizado via hooks

Estrutura do Diretório de Imagens

As imagens são organizadas por identificadores de peças:

  • Imagens de peças: Organizadas por ID da peça

  • Imagens de SKU: Combinações de Chassis, Placa, WiFi

  • Arquivos de vídeo: Armazenados junto com as imagens

Processamento de Imagens

Processamos imagens para diferentes casos de uso:

  • Imagens completas: Páginas de produtos

  • Imagens cortadas: Datasheets (apenas a primeira imagem)

  • Substituta: Fallback quando nenhuma imagem estiver disponível

Entrega via CloudFront

As imagens são entregues através da CDN:

  • Cache na borda: Locais de borda em todo o mundo

  • Latência reduzida: Usuários recebem conteúdo da borda mais próxima

  • Proteção DDoS: Proteção integrada

Resumo

A gestão de imagens e mídia fornece:

  • Armazenamento S3: Imagens de produtos, datasheets, logos de clientes

  • Formato WebP: Imagens otimizadas para carregamento rápido

  • Manifesto de imagens: Registro central das localizações das imagens

  • Cache: Cache em memória para desempenho

  • Entrega CloudFront: Entrega global rápida