Quando um site antigo é substituído por um novo, o conteúdo textual geralmente passa por uma revisão cuidadosa, mas as imagens frequentemente são tratadas como algo que basta "copiar e colar". Só depois do lançamento é que se percebe: imagens de produtos desfocadas, imagens de cases ausentes, banners cortados por causa da mudança de dimensão e algumas imagens cuja origem é completamente desconhecida. Problemas com recursos de imagem não impedem o site de abrir, mas afetam diretamente a primeira impressão que o visitante tem da empresa e criam dificuldades para a manutenção futura.
A seguir, os problemas mais comuns com recursos de imagem são divididos em categorias, seguindo a ordem real de um processo de reformulação. Cada categoria inclui ações de verificação práticas, para que você possa revisar seu projeto item por item.
1. Fase de inventário: sem uma lista das imagens do site antigo, tudo depende da memória
O erro mais comum em uma reformulação é abrir a página inicial do site antigo e começar a tirar prints e salvar imagens, em vez de fazer primeiro um levantamento sistemático. Depois de alguns anos no ar, as imagens do site antigo podem estar espalhadas pelo corpo de artigos, detalhes de produtos, cabeçalhos de seções, pop-ups, rodapé e outros locais, sendo fácil esquecer alguma ao navegar manualmente.
A abordagem mais segura é criar primeiro uma lista de imagens. Supondo que o site antigo tenha três seções principais — produtos, cases e notícias —, você pode organizar as informações com os seguintes campos:
- Endereço da página ou seção onde a imagem está
- Posição da imagem na página (cabeçalho, ilustração do corpo, miniatura etc.)
- Se o arquivo original já existe localmente
- Se essa imagem ainda será necessária no novo site
- Conclusão do tratamento: manter, substituir, excluir, a confirmar
A lista não precisa ser complexa; uma planilha é suficiente. O importante é transformar "quais imagens migrar e quais não migrar" em uma lista verificável, em vez de decidir na véspera do lançamento. O critério pode ser simples: manter o que ainda é relevante para o negócio atual; imagens de produtos descontinuados, de campanhas expiradas ou fotos de equipe claramente desatualizadas podem ser marcadas para exclusão ou substituição.
2. Nomes de arquivo: nomes em chinês, caracteres ilegíveis e "IMG_0231"
Nomes comuns de imagens em sites antigos incluem "微信图片_20230512.jpg", "未标题-1.png" ou uma sequência de números. Esses arquivos não causam grandes problemas durante a migração, mas depois de transferidos para o novo site tornam-se difíceis de gerenciar: para encontrar uma imagem específica de produto, a equipe precisa abrir uma por uma.
A reformulação é um bom momento para renomear as imagens. Recomenda-se usar o formato "seção-conteúdo-número" em inglês ou pinyin, tudo em minúsculas. Por exemplo, imagens da página de produtos podem ser nomeadas como product-a-01.jpg, e imagens de cases como case-hangzhou-02.jpg. A regra de nomenclatura não precisa ser sofisticada; basta que algumas pessoas da equipe consigam entender e buscar por palavras-chave.
Ao mesmo tempo, evite espaços, pontuação chinesa e símbolos especiais nos nomes dos arquivos. Esses caracteres tendem a se tornar ilegíveis ao serem transferidos entre sistemas diferentes e podem exibir anomalias após o upload no painel administrativo. Com uma nomenclatura padronizada, substituir imagens e verificar versões futuramente será muito mais simples.
3. Dimensões e formatos: o layout do novo site é diferente do antigo
As dimensões das imagens do site antigo foram recortadas de acordo com o template antigo. Com o novo layout, a mesma imagem pode ficar esticada, cortada ou com espaços em branco. Os sintomas mais comuns são: laterais do cabeçalho cortadas, proporção de imagens de produtos distorcida e, no celular, apenas uma pequena parte central da imagem visível.
Para resolver isso, primeiro confirme as dimensões e proporções reais de exibição de cada posição de imagem no novo site, e só então decida se a imagem antiga pode ser reutilizada diretamente ou precisa ser exportada novamente. Supondo que o cabeçalho da página inicial do novo site tenha proporção panorâmica, enquanto o do site antigo seja quase quadrado, essa imagem provavelmente precisará ser recortada novamente ou substituída, em vez de forçada no espaço.
Em relação aos formatos, fotos geralmente usam JPG, enquanto ícones, logos e imagens com fundo transparente usam PNG. Se durante a reformulação forem encontradas muitas imagens de grande tamanho no site antigo, elas podem ser comprimidas uniformemente na nova exportação, mas o nível de compressão deve ser tal que não cause desfoque visível a olho nu. Não comprima a ponto de borrar detalhes do produto apenas para reduzir o tamanho do arquivo.
4. Links de imagem: endereços antigos deixam de funcionar após a troca de domínio
Se o novo site usar um novo domínio ou uma nova estrutura de diretórios, os endereços de acesso às imagens do site antigo mudarão. Artigos já publicados, imagens referenciadas em plataformas externas e páginas de imagens indexadas por mecanismos de busca podem apresentar erros. O usuário vê um espaço em branco ou uma imagem quebrada, o que prejudica muito a experiência.
Antes da reformulação, exporte uma lista dos principais URLs de imagens do site antigo. Após o lançamento, verifique um por um para confirmar quais imagens ainda podem ser acessadas e quais já falharam. Para imagens antigas que ainda precisam ser mantidas, tente fazer com que o novo site use caminhos semelhantes ou configure redirecionamentos correspondentes. Para imagens que realmente não serão mais usadas, garanta pelo menos que as páginas que as referenciavam já foram atualizadas.
Além disso, verifique como as imagens são referenciadas no corpo dos textos. Alguns artigos antigos colavam diretamente o endereço da imagem; após a troca de site, esses endereços não são atualizados automaticamente e precisam ser reenviados e substituídos. Esse tipo de problema é facilmente esquecido quando há muitos artigos. Recomenda-se verificar por seções, em vez de olhar apenas a página inicial.
5. Direitos autorais e origem: não migre imagens cuja procedência é incerta
As imagens de um site antigo podem ter origens muito variadas: fornecidas pela empresa de design, tiradas por funcionários, baixadas de bancos de imagens ou salvas de outros sites. Se forem transferidas como estão para o novo site, imagens de origem incerta continuarão sendo mantidas.
A abordagem mais segura é adicionar uma coluna "origem" na lista de inventário. Imagens que podem ser confirmadas como de produção própria ou com licença adquirida podem ser migradas normalmente. Imagens de origem desconhecida, com marcas d'água de outras empresas ou salvas aleatoriamente da internet devem ser substituídas. Especialmente em posições de destaque como cabeçalhos da página inicial e imagens principais de produtos, não use materiais cuja procedência é incerta.
Se a empresa não possui um banco de imagens dedicado, a reformulação é uma boa oportunidade para organizar uma pasta interna de imagens, armazenando centralizadamente as imagens confirmadas como utilizáveis e anotando finalidade e origem. Assim, em futuras reformulações ou campanhas, não será necessário procurar imagens desesperadamente.
6. Gerenciamento no painel administrativo: ninguém cuida das imagens após o upload
Após o lançamento do novo site, a forma de gerenciar imagens também muda. Alguns painéis oferecem biblioteca de mídia, outros exigem upload separado por seção. Problemas comuns incluem: o mesmo logo enviado mais de dez vezes, títulos e textos alternativos de imagens todos com o nome de arquivo padrão e, depois de um tempo, ninguém sabe qual é a versão mais recente.
Recomenda-se estabelecer hábitos simples de gerenciamento de imagens após o lançamento: renomear o arquivo de acordo com a regra de nomenclatura antes do upload; preencher títulos ou textos alternativos significativos ao enviar, facilitando a busca por você e seus colegas; limpar periodicamente imagens não utilizadas para evitar que a biblioteca de mídia fique desorganizada. O texto alternativo não precisa ser longo; basta indicar o que a imagem mostra e onde é usada.
Se várias pessoas da equipe são responsáveis pelas atualizações, é melhor combinar uma regra de armazenamento, como "imagens de produtos na pasta de produtos, imagens de campanhas arquivadas por ano". Quanto mais simples a regra, mais fácil de seguir; diretórios hierárquicos complexos acabam sendo ignorados.
Verificação de imagens para fazer antes do lançamento
Na reta final da reformulação, as verificações relacionadas a imagens podem ser concentradas em uma única etapa:
- Abra o novo site página por página e confirme que não há imagens quebradas, em branco ou placeholders com falha de carregamento.
- Verifique se as imagens na página inicial, páginas de seção, páginas de detalhes de produtos e corpo de artigos estão completas e com proporções normais.
- Revise no celular, com atenção especial a cabeçalhos e imagens de produtos que possam ter partes importantes cortadas.
- Confirme que os endereços de imagens do site antigo que ainda precisam ser mantidos estão acessíveis.
- Revise a origem das imagens e substitua aquelas cuja procedência é incerta.
- Confirme a nomenclatura e categorização das imagens na biblioteca de mídia do painel, para que colegas possam encontrá-las diretamente no futuro.
A maioria dos problemas com recursos de imagem não é uma questão técnica difícil, mas sim de falta de alguém dedicado durante a reformulação. Trate-as como um objeto de migração tão importante quanto o conteúdo textual: liste antecipadamente, defina regras e faça uma verificação concentrada antes do lançamento. Isso evitará muito retrabalho após a publicação.
