Introdução#
Neste tutorial, você aprenderá a utilizar a Biblioteca de imagens da Rockty, uma ferramenta essencial para gerenciar e inserir imagens em suas páginas. Além de adicionar imagens diretamente do seu dispositivo, você também terá acesso a milhares de opções gratuitas dos bancos de imagens Pexels e Unsplash. Vamos explorar como organizar suas imagens em pastas personalizadas, filtrar buscas e inserir imagens com facilidade, tornando sua experiência no construtor de páginas ainda mais eficiente.
Passo a Passo#
1. Acessando a Biblioteca de Imagens#
Para adicionar imagens às suas páginas, você pode usar a Biblioteca de imagens da Rockty em diversos contextos, como no fundo de Seções, Linhas, Colunas, ou em elementos como Imagem, Carrossel, Galeria de Imagens, Card, Bullet Point e Flip Card.
Nota: Este tutorial foca na utilização da biblioteca de imagens. Caso precise de orientações sobre como adicionar imagens usando esses componentes específicos, consulte os tutoriais dedicados a cada um dos componentes mencionados. Clique nos links acima para acessar os tutoriais relevantes.
2. Minhas Imagens#
Ao selecionar um componente para inserir uma imagem, você será direcionado para a tela "Minhas Imagens". Aqui, você verá duas pastas padrão: "Todos os Arquivos" e "Não Organizado". Nelas, serão exibidas as imagens que você já subiu para a plataforma.
Você pode adicionar novas imagens de duas formas:
-
Clicando no botão "Selecionar Arquivo".
-
Arrastando imagens diretamente do seu dispositivo para o campo "Arraste suas imagens aqui".
3. Criando e Organizando Pastas#
Para organizar melhor suas imagens, crie pastas personalizadas clicando em "+ Nova Pasta".
Renomeie a pasta clicando sobre o título "Nova Pasta" e digitando o nome desejado. Para excluir, clique no ícone de lixeira. Imagens podem ser movidas para essas pastas ao usar o botão "+ Adicionar Imagem a Esta Pasta" ou arrastando diretamente.
4. Gerenciando Imagens#
Ao passar o cursor sobre uma imagem na biblioteca, clique no ícone de três pontos para deletar ou mover a imagem para uma pasta específica. Se precisar localizar uma imagem rapidamente, utilize o campo de busca e filtre pelo formato do arquivo (PNG, WebP, etc.).
5. Acessando o Banco de Imagens#
Além de suas imagens, você pode acessar um vasto banco de imagens gratuitas através das opções Pexels e Unsplash. Basta clicar em "Banco de Imagens" no topo da tela da Biblioteca de Imagens. Na tela de busca do banco de imagens, digite palavras-chave, preferencialmente em inglês, para obter melhores resultados.
É possível filtrar as imagens por orientação (retrato ou panorama) e cor predominante. Passe o mouse sobre uma imagem para visualizar uma prévia com o botão Preview ou insira diretamente na página com Insert.
6. Finalizando#
Depois de inserir uma imagem, a biblioteca se fechará automaticamente, e você voltará para o construtor de páginas, onde a imagem estará posicionada no local selecionado. Se estiver apenas organizando as imagens, clique no X no canto superior direito para fechar a biblioteca.
Dicas Adicionais#
-
Ao procurar imagens no Banco de Imagens, utilize termos em inglês para ampliar os resultados.
-
Organize suas imagens em pastas para facilitar a gestão dos arquivos.
-
Use imagens otimizadas para garantir melhor performance nas suas páginas. Recomendamos o formato WebP, que oferece uma boa relação entre qualidade e tamanho do arquivo.
-
Para otimizar e converter suas imagens para WebP, você pode utilizar ferramentas como TinyPNG** ou **Squoosh, que são gratuitas e fáceis de usar.
-
Quer melhorar a performance da sua página? Confira nosso tutorial sobre Como Otimizar Imagens no Construtor de Páginas da Rockty! Aprenda a usar formatos recomendados, técnicas de compressão e ajustes para responsividade, garantindo imagens otimizadas para todas as versões da sua página.
Conclusão#
A biblioteca de imagens da Rockty oferece uma maneira eficiente de gerenciar e adicionar imagens às suas páginas. Com a opção de criar pastas personalizadas e o acesso a bancos de imagens gratuitos, você tem flexibilidade para encontrar e organizar os melhores recursos visuais para seus projetos. Agora você está pronto para aproveitar ao máximo essa ferramenta!
Precisa de Ajuda?#
Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!