Olá, e aí, tudo bem?
Existe um assunto que sempre gera bastante dúvidas aqui na plataforma. Esse assunto são as imagens e seus tamanhos.
Lá no blog do Mundo da Má tem um artigo muito legal que também trata desse assunto, você pode acessar ele por aqui.
No geral funciona da seguinte maneira: você pode usar quantas imagens quiser, mas tenha em mente que quanto mais imagens e quanto mais pesadas elas forem, mais vai demorar para a sua página ser carregada, entendeu? Quando você cuida desse detalhe com carinho, seu aluno que acessa seu material via internet móvel vai ter mais facilidade de navegação 😉
Levando esses pontos (e outros também) em consideração, trouxemos um resumão de dimensões, tamanhos e tipos que são recomendados para uso nos diversos campos de configuração de imagem na MinervaEAD, são eles:
Dimensões
Quem lembra das aulas de geometria na escola vai recordar que um objeto 2D é medido por altura e largura, no universo virtual isso não muda, então quando ver ???x??? estamos falando de LARGURA x ALTURA, ok?! A unidade de medida nesse caso é o pixel, o pixel é o elemento que forma uma imagem, quanto mais pixels mais definida ela é, consequentemente, mais pesada também.
- Imagem para capa de aula = 400×400 pixels;
- Imagem para capa de módulo = 400×400 pixels;
- Imagem para capa de curso = 400×400 pixels;
- Imagem para vitrine = 1366×350 pixels;
- Imagem para favicon = 144×144 pixels;
- Imagens para logotipo = 1000×250 pixels;
- Imagem de fundo para login em computadores = 1920×1080 pixels;
- Imagem de fundo para login em celulares = 400×840 pixels;
Tamanho
Poderíamos também chamar de peso. Na maioria das vezes, quanto maior a dimensão da imagem, maior o seu tamanho/peso, mas isso pode ser contornado de forma a não ser uma regra suprema, quem nos ajuda MUITO nesse momento são os compactadores de imagens, existem ferramentas que são gratuitas e online:
Image Compressor Online – apenas comprime a imagem, mantém mesma dimensão, mas diminui seu peso;
PNG to JPG – faz a compressão e também conversão de formatos, também não modifica a dimensão.
Mas qual o motivo desse assunto? Bom, recomendamos, de todos os nossos corações, que as imagens tenham peso máximo de 200 KB, o uso de imagens mais pesadas fazem até os mais ágeis navegadores “engasgarem” e dificultarem a vida de seus alunos, isso vale para carregamento na plataforma e também para imagens carregadas em e-mails. Lembre-se também que uso excessivo de imagens em e-mails pode acarretar em não recebimento por parte do aluno, pois são lidos como spam pelos provedores.
Tipo
O tipo nada mais é que a definição do arquivo, seu formato. Existem muito tipo que não serão possíveis defini-los nesse artigo, hoje, vamos ficar nos que são usados aqui na plataforma, que são apenas três:
- PNG: se a sua imagem tiver necessidade de ser compactada, esse forma segura a qualidade muito bem devido as suas características de criação;
- JPG: assim como o PNG é leve e suporta ser compactado sem perda de qualidade significativa da imagem;
- Icon: são aquelas imagens pequenininhas que ficam na aba do navegador, também são chamadas de favicon se você abrir a homepage do Mundo da Má, verá um delicado M em forma de coração, essa é a nossa favicon 🙂
Bônus
Um favicon instalado na aba de navegação facilita bastante a vida, então vamos deixar aqui uma ferramenta que você pode usar, ela é online e gratuita também:
- Favicon.io – você pode converter imagens e textos em formato icon.
E ai, curtiu esse artigo? Se sim, nós ficamos muito felizes por facilitar a sua vida, de verdade! Mas se alguma dúvida ainda persiste, entre em contato conosco 😉
