Olá, fãs do Clockology! Otimizar seus ativos de imagem é essencial para garantir que seus designs carreguem rapidamente, rodem suavemente e tenham uma aparência fantástica!
Observe o VERMELHO borda de aviso quando seu design ultrapassa os limites de tamanho de arquivo recomendados e pode não ser executado de forma eficiente.
Dicas são fornecidas no aplicativo para orientar na redução do tamanho dos arquivos.
Aqui estão algumas dicas amigáveis para ajudar você a obter o melhor desempenho ao criar seus designs:
1. Escolha o formato de arquivo correto
Selecionar o formato de arquivo apropriado é essencial:
PNG: Melhor para imagens com transparência, como ponteiros de relógio importados.
JPEG: Ideal para imagens detalhadas sem transparência.
2. Redimensione suas imagens
Certifique-se de que suas imagens sejam redimensionadas para as dimensões exatas necessárias para seu design. Isso ajuda a reduzir o tamanho do arquivo e melhorar os tempos de carregamento. Ferramentas como Adobe Photoshop, GIMP ou Canva podem ajudar com o redimensionamento.
3. Comprimir imagens
A compactação de imagens grandes ou de alta resolução reduz o tamanho do arquivo sem comprometer a qualidade. Considere usar:
TinyPNG: compacta imagens PNG e JPEG de forma eficaz.
ImageOptim: Um aplicativo para Mac que compacta imagens preservando a qualidade.
4. Use convenções de nomenclatura adequadas
Nomeie seus arquivos de imagem de forma descritiva e use palavras-chave relevantes. Isso ajuda a organizar seus ativos e melhora a capacidade de pesquisa em seus designs.
5. Faça auditorias e limpezas regulares
Revise regularmente seus ativos de imagem para remover qualquer um que não seja necessário ou que não esteja mais em uso. Isso ajuda a manter seu design leve e eficiente.
6. Dicas para reduzir o tamanho dos arquivos da camada de ativos
Reduzir a resolução do arquivo:
Por quê: Imagens de alta resolução têm tamanhos de arquivo maiores, o que pode deixar seus designs mais lentos.
Como: Por exemplo, em vez de usar uma imagem com 2000px de largura, redimensione-a para 800px de largura se isso for suficiente para suas necessidades. Isso pode ser feito usando ferramentas de edição de imagem como Photoshop, GIMP ou ferramentas online como Canva.
Exemplo: Se seu design requer que sua imagem seja exibida com 400px de largura, não há necessidade de carregar uma imagem com 2000px de largura. Redimensioná-la para 800px de largura ainda fornecerá boa qualidade enquanto reduz o tamanho do arquivo.
Use JPEG quando a transparência não for necessária:
Por quê: Os arquivos JPEG geralmente são menores que os arquivos PNG porque não oferecem suporte a transparência e usam compactação com perdas.
Como: Converta imagens PNG para JPEG se elas não exigirem transparência. A maioria das ferramentas de edição de imagens permite que você salve ou exporte imagens em diferentes formatos.
Exemplo: se você tiver uma imagem de fundo sem áreas transparentes, salve-a como JPEG para reduzir o tamanho do arquivo.
Observe a diferença no tamanho do arquivo quando Preservar Transparência está ativado ao usar uma imagem JPEG sólida.
Não habilite preservar transparência a menos que seja necessário:
Por quê: Preservar a transparência pode aumentar o tamanho do arquivo, especialmente se a transparência não for necessária para o propósito da imagem.
Como: Ao importar sua imagem, verifique as configurações para garantir que preservar transparência esteja ativado somente quando necessário.
Exemplo: Se uma imagem precisa ser exibida com um fundo transparente (por exemplo, ponteiros de hora, minuto, segundo), certifique-se de habilitar a opção preservar transparência. Para imagens com um fundo sólido, desabilite preservar transparência para economizar espaço.
Combine várias camadas em uma sempre que possível:
Por quê: Várias camadas podem aumentar o tamanho geral do arquivo de um design.
Como: Mescle camadas no seu software de edição de imagem antes de salvar a imagem final. Isso reduz a complexidade e o tamanho do arquivo.
Exemplo: se você tiver um design de mostrador de relógio com camadas separadas para o fundo, sombras e números, considere mesclá-las em uma única camada se elas não precisarem ser separadas e não forem imagens em movimento.
Redimensione os vídeos para caber na tela:
Por quê: Vídeos maiores do que o necessário podem ocupar muito espaço de armazenamento e tornar o carregamento e a operação dos seus designs mais lentos.
Como: Redimensione seus vídeos para o tamanho máximo recomendado de 360p. Use um software de edição de vídeo, o aplicativo Fotos ou o iMovie para ajustar a resolução.
Exemplo: se você tiver um vídeo em 1080p, mas ele for exibido em uma pequena janela no seu design, redimensione-o para 360p para economizar espaço e melhorar o desempenho.
PT 
EN 
ES 
IT 
FR 
DE 
JA 
ZH 
KO