Pular para o conteúdo principal
ToolsByUs

Ferramentas para criadores

Cada plataforma impõe os próprios tamanhos em pixels e limites de arquivo, e a maioria recorta ou rejeita o que não se encaixa em vez de dizer por quê. Estes vinte e dois redimensionadores trazem o enquadramento exato que cada plataforma espera, desenham as regiões que ela cobre com avatares e controles, e exportam todos os tamanhos exigidos de uma vez — tudo no seu navegador.

22 ferramentasSó local

Quando usar uma ferramenta de criadores que roda no navegador?

Toda grande plataforma impõe dimensões rígidas, proporções e limites de tamanho de arquivo para banners, fotos de perfil, emotes e imagens de produto. O Discord exige proporção 17:6 nos banners de perfil e recorta pelo centro os ativos fora da proporção. O Twitch impõe limites rígidos de 100 KB nos emotes de 112×112, 56×56 e 28×28. O Roblox exige posicionamento preciso em um template de canvas de 585×559.

Quando criadores usam editores de propósito geral, sofrem com artefatos de compressão, sobreposições de avatar inesperadas bloqueando elementos visuais importantes ou rejeições por diferenças sutis de dimensão. Estas vinte e duas ferramentas de criador pré-calculam as zonas seguras exatas e exportam pacotes multi-resolução prontos para envio direto.

Todo cálculo, transformação de canvas e compressão de ZIP é executado 100% localmente no seu navegador, com APIs Canvas aceleradas por hardware e Web Workers. Zero imagens ou dados de usuário são enviados a qualquer servidor externo.

Quando as dimensões são escolha sua, e não da plataforma, os nossos utilitários de imagem de propósito geral oferecem edição sem restrições: Redimensionar imagem para dimensões em pixels arbitrárias, Cortar imagem para recortes livres e Comprimir imagem para reduzir o tamanho do arquivo.

Perguntas frequentes

Por que não usar simplesmente um redimensionador de imagens comum?

Porque a parte difícil não é redimensionar. É saber que o Twitch rejeita um emote acima de 100 KB, que o Discord recorta pelo centro qualquer banner de perfil que não seja 17:6, que o Roblox quer o painel do torso em um lugar fixo de um canvas de 585 × 559, e que só a faixa central de um banner do YouTube aparece no celular. Um redimensionador comum pede um número a você; estas páginas já sabem o número.

As minhas imagens são enviadas para gerar essas exportações?

Não. O arquivo é decodificado, recortado, redimensionado, codificado e empacotado em um ZIP pelo seu próprio navegador, e você pode verificar: abra o DevTools, vá ao painel de Rede e exporte — nenhuma requisição levando a sua imagem aparece. A Content-Security-Policy da página define connect-src 'self', então o navegador recusaria uma até mesmo se o código tentasse.

O que acontece quando uma plataforma tem um limite de tamanho de arquivo?

O exportador impõe o limite em vez de apenas mencioná-lo. Para JPEG e WebP ele busca a maior qualidade que cabe abaixo do teto, com preferência por ficar bem abaixo em vez de quase no limite. PNG é sem perdas e não tem dial de qualidade, então um PNG acima do teto é reportado como acima — com a sugestão de trocar de formato ou simplificar a arte — em vez de ser entregue como se coubesse.

Dá para exportar de uma vez todos os tamanhos que uma plataforma precisa?

Sim, e essa é a principal razão de estas páginas existirem. Um conjunto de emotes do Twitch é 112, 56 e 28 pixels; as insígnias de inscritos são 72, 36 e 18. Um recorte produz todos e eles chegam como um único ZIP, nomeados do jeito que o formulário de envio espera, em vez de três rodadas do mesmo trabalho.

O que são as linhas pontilhadas e as formas escuras na prévia?

O retângulo pontilhado é a área segura — a parte do quadro visível em qualquer dispositivo. As formas escuras são o que a plataforma desenha por cima da sua arte: um avatar circular sobre um banner do Discord ou do X, os controles do player sobre um Spotify Canvas. O que você puser por baixo delas não será visto, e perceber isso enquanto recorta custa menos do que descobrir depois de publicar.

O que mais existe no ToolsByUs?

ToolsByUs — Ferramentas para criadores