É outro dos elementos básicos do slide. Permite incluir uma imagem de até 2Mb clicando no botão + no painel de propriedades do elemento.

Confira os formatos suportados no artigo de ajuda sobre os Requisitos de imagem, áudio e vídeo.

Você pode enviar uma imagem que esteja no seu computador ou selecionar uma imagem de alta qualidade do nosso catálogo.

Lembre-se que você pode adicionar imagens de até 2 MB de tamanho. Se alguma ultrapassar esse limite, você pode compactá-la facilmente com TinyPNG, uma ferramenta gratuita que reduz o peso das imagens sem afetar sua qualidade.

Ao carregar sua imagem, serão habilitados vários ajustes e filtros que permitirão personalizá-la.

Ajustes da imagem

No painel de propriedades, você verá um seletor que permite escolher entre estes três modos:

• Encaixar: Muito útil para imagens com textos, infográficos ou mapas. Ajusta o tamanho da imagem para ocupar todo o espaço possível, mas sem cortá-la. Para ajustar ao seu gosto, você pode escolher a cor de fundo que envolve a imagem e sua opacidade, assim como o alinhamento da imagem em relação à célula e as margens internas.

• Preencher: Neste modo, a imagem ocupa todo o espaço disponível. Como o tamanho da sua imagem pode não coincidir com o tamanho da célula, criamos um método simples que ajudará a escolher o ponto de enquadramento ideal da sua foto. A seguir, você pode ver como uma mesma imagem se adapta a diferentes células estabelecendo um simples ponto com um clique (sugeriremos um ponto de enquadramento que você poderá alterar depois). Ao mudar a diagramação ou mover o elemento para outra célula, verá que mantemos o enquadramento da sua imagem. Para ajustar ao seu gosto, você pode escolher a cor de fundo abaixo da imagem, que será visível em imagens transparentes ou quando aplicar modos de fusão.

• Máscara: Neste modo, a imagem será recortada pela forma selecionada e ocupará todo o espaço dentro dela. Você poderá escolher o ponto de enquadramento, o zoom, a forma na configuração da máscara, o alinhamento, o espelhamento, a cor de fundo sólida ou degradê e as margens internas.

Aqui você pode ver alguns exemplos de máscaras:

• Efeitos de estilo: Graças a este modo, você pode dar às suas imagens um contorno que ressalte suas formas ou uma sombreamento que aporte profundidade e volume. Também poderá editar ambos os efeitos, mudando a cor e aumentando sua espessura. Veja estes exemplos para observar o resultado:

  

Zoom

Nos modos preencher e máscara, existe a possibilidade de aumentar o tamanho da imagem para mostrar um detalhe dela. Podemos indicar um valor de 0 a 100, onde 0 significa que a imagem não será ampliada e 100 indica que a ampliação será máxima. Essa ampliação máxima não ultrapassará 1,5 vezes o tamanho original da imagem e dependerá da diagramação do slide e do dispositivo onde está sendo exibida.

Filtros sobre a imagem

• Opacidade: controla a transparência da sua imagem e veja como ela se funde com o fundo do slide.

• Desaturar: Faça com que sua imagem fique em preto e branco ou deixe-a em um ponto intermediário. Este filtro não é compatível com o IE11.

• Desfocar: Aplica um desfoque sobre a imagem. Ideal para imagens de fundo. Este filtro não é compatível com o IE11.

• Tinta: Faça com que qualquer imagem se adapte à gama cromática que você deseja. Você pode escolher qual cor ou degradê de tintura quer e a intensidade do efeito. Alguns modelos de estilo usam cores de tintura sobre as imagens que podem ser ativadas ou desativadas conforme a paleta que estiver usando. Você pode identificar quando uma paleta não está aplicando o filtro de imagens ao ver este ícone:

• Modos de fusão: Para um controle mais avançado do filtro de tinta, você pode escolher de que maneira a tintura é aplicada sobre sua imagem. Tenha em mente que esses modos de fusão (exceto o normal) não são compatíveis com o IE11; se usados, não serão aplicados nesse navegador. Além disso, em dispositivos iOS, há algumas limitações de uso:

  • Modo preencher

    • Se a imagem não tem transparência, qualquer filtro pode ser aplicado

    • Se a imagem tem transparência, deve-se considerar que a parte transparente ficará opaca e da cor da tintura.

  • Modo encaixar

    • Toda a caixa da imagem aparecerá com um fundo opaco da cor da tintura. Para evitar isso, deve-se usar uma cor de fundo opaca (pode ser a mesma cor de fundo do slide).

Ampliação

Esta opção permite que a imagem seja visualizada em um tamanho maior do que o da célula onde está, ocupando todo o slide.

Se ativar, o aluno poderá clicar no botão de lupa (que aparecerá no canto inferior direito) e, para voltar ao estado inicial, no botão de fechar.

Aviso: Tenha em mente que nunca modificaremos a imagem original, apenas aplicaremos filtros que farão com que sua imagem seja exibida de forma diferente. O usuário sempre poderá obter a imagem original se decidir baixá-la. Se houver algum tipo de conteúdo privado que você não queira que seja visto por nenhum usuário, por favor, recorte ou edite a imagem antes de enviá-la.

• Adicione uma descrição alternativa (texto Alt) às suas imagens, a menos que sejam apenas decorativas. Lembre-se que deve ser específica e não repetitiva.

• Você também poderá adicionar uma descrição longa quando considerar necessário.

Você pode saber mais sobre texto alternativo e descrição longa no seguinte artigo: Texto alternativo e descrição longa.

Funcionalidades não suportadas no modo Acessível

Algumas funcionalidades da imagem não são suportadas no modo acessível do curso, como alinhamentos do modo encaixar, alguns filtros como “desfocar”, ampliar a imagem, etc.

Se desejar usar essas funcionalidades, verifique se a imagem continua representando o que se espera dela no modo acessível. Você pode verificar isso na visualização.