Artigos sobre: Design do aplicativo

Como hospedar imagens e usá-las na plataforma



A hospedagem de imagens armazena a imagem em questão na nuvem e não no computador. Na plataforma Fabapp muitas vezes será necessário utilizar imagens hospedadas.

Dessa forma a imagem a enviada à uma plataforma de hospedagens de imagens onde é transformada em um link. Esse link será usado no editor da Fabapp.

Isso favorece, principalmente, com que o app não fique tão pesado para a utilização do download.

Na plataforma da Fabapp, as funcionalidades que exigem imagens hospedadas são as seguintes: Lista, Lista texto, Catálogo e Página em branco.

Como hospedar imagens

Existem muitas plataformas destinadas para esse fim. Abaixo segue o passo a passo para aquela que indicamos.

Acesse www.imgur.com;

Efetue o login na plataforma clicando em "Inscrever-se". Dessa forma as imagens serão salvas no login e será possível reutilizá-las sempre que necessário;

Em seguida, clique em "Nova postagem";

Na tela seguinte clique em "Escolha foto ou vídeo" e selecione a imagem que será utilizada;

Envie a imagem que é necessário hospedar e aguarde até que seja carregada por completo;

Posicione o mouse sobre a imagem e clique em "Link de cópia";

Certifique-se de que ao final do endereço está a extensão do arquivo (.jpg ou .png, por exemplo)

Exemplo de URL no formato correto:

https://i.imgur.com/YZZaCQG.png

Como utilizar a imagem hospedada na plataforma Fabapp

Após hospedar a imagem na plataforma IMGUR, perceba que o link estará copiado na área de transferência. Essa será a URL da imagem que deverá ser utilizada na plataforma Fabapp. Basta utilizá-la pressionando Ctrl + v.

Abaixo segue o passo a passo para isso.

Acesse o painel editor do app e entre na edição da aba em questão;

Na caixa de texto disponível para a inserção do conteúdo dentro da aba clique no ícone da imagem. Como mostra a imagem abaixo.


Em "Informações da imagem" cole o link no box "URL", pressionando Ctrl + v;

Em "Largura" preencha com 100%. Isso garantirá que a imagem inserida se ajustará ao tamanho da tela dos dispositivos em que for aberta;

Após clique em "Ok";

Para finalizar clique em "Salvar alterações".

Importante: O link da imagem terminará com a extensão do arquivo da imagem, por exemplo: https://i.imgur.com/YZZaCQG.png

Atualizado em: 15/12/2022