Moiful - editor de capturas de tela cheio de recursos

Editor de capturas de tela de Moiful
Clique para ampliar

Moiful é uma ferramenta on-line para editar capturas de tela (screenshots) e criar imagens com códigos de programação (algoritmos de computador).

O editor de capturas de tela faz o mesmo que outra ferramenta que já divulgamos aqui, o shots.so, faz, isto é, por a imagem capturada dentro de outra/sob um fundo (canvas), mas com mais possibilidades e recursos de edição.

Moiful permite:

• Escolher tamanhos personalizados e pré-definidos para a imagem a ser produzida (ou seja, o tamanho do canvas). Há tamanhos prontos, por exemplo, para thumbnail/miniatura de vídeo do YouTube, capa para Facebook, Stories para Instagram, capa para X/Twitter e capa para LinkedIn. O tamanho também pode ser personalizado pelo usuário.
• Usar como imagem de fundo gradientes, cores sólidas e imagens (disponibilizadas pela própria ferramenta) semelhantes a gradientes, tendo ainda a possibilidade de pôr frames (molduras) na imagem capturada (exemplo: janela do Windows).
• Alterar várias características da imagem capturada, como, por exemplo, posição em relação ao fundo/canvas, perspectiva, tamanho, raio de arredondamento dos cantos e sombra.
• Inserir objetos na imagem em edição (setas, círculos, quadrados) e também texto.

As imagens geradas em Moiful são salvas somente no formato PNG. Oferecem o recurso de copiar a imagem para a área de transferência do sistema operacional, mas comigo não funcionou. Pode ser um recurso ainda em desenvolvimento.

Uma impressão que tive foi a de que o site funciona melhor quando acessado via Google Chrome. Fora este navegador, porém, só testei no Firefox.

Edição produzida no Moiful.
Falamos desse website visto na imagem neste outro post do blog.

No modo/editor Code to Image, você cola um código de programação já pronto e então edita as características da imagem da janela de código.

Tela de edição do Code to Image
Clique para ampliar

No CtI, o usuário poderá editar:

• a presença ou não de um fundo;
• o tamanho da fonte;
• o padding;
• cor e direção do gradiente de fundo;
• cor da janela de código (branca ou escura);
• a rotação 3D da janela de código;
• presença de marca d'água;
• a linguagem do código! Essa é a parte mais interessante. O usuário pode escolher entre texto limpo, sem qualquer formatação, e uma linguagem (exemplo: CSS, JavaScript, XML, Json, C++, Java e Go). Ao alterar a linguagem, o editor muda as formatações de cor e detalhes da linguagem (insere ou tira ponto e vírgula, por exemplo).

Imagem com janela de código de programação editada no Code to Image.
O código usado foi o já fornecido pelo Moiful.

Etiquetas:

mockup de janelas do Windows, Mac OS, Linux, imagem com snippets de algoritmos, código de programação