Gerador de Nine-Patch Crie imagens no estilo Android de 9-patch (.9.png) com marcadores de regiões esticáveis.

🖼️

Gerador de Nine-Patch

Crie imagens no estilo Android de 9-patch (.9.png) com marcadores de regiões esticáveis.

Carregar Imagem

Solte ou selecione uma imagem PNG para criar um patch de 9 partes.

Definir Regiões

Configure as margens esquerda, direita, superior e inferior para áreas esticáveis.

Baixar

Gere e baixe o arquivo .9.png com marcadores.

Loading tool...

What Is Gerador de Nine-Patch?

Um gerador de nine-patch que cria imagens .9.png usadas no desenvolvimento para Android e em sistemas de interface do usuário de jogos. As imagens nine-patch têm marcadores de borda de 1 pixel que definem quais regiões se estendem e quais permanecem fixas. Defina os valores de recuo (esquerda, direita, topo, inferior) para controlar onde começa e termina a zona esticável. A ferramenta adiciona a borda necessária de 1px com marcadores de pixel preto. A saída é compatível com o Android SDK e os principais motores de jogo.

Why Use Gerador de Nine-Patch?

Cria arquivos .9.png formatados corretamente
Controles visuais para definição de regiões esticáveis
Compatível com Android SDK e motores de jogo
Visualização com renderização precisa em pixels

Common Use Cases

Desenvolvimento Android

Crie fundos esticáveis para botões e bolhas de bate-papo.

Interface do Jogo

Painéis e molduras de UI escaláveis para diferentes tamanhos de tela.

Ativos Responsivos

Imagens que se ajustam graças à esticagem apenas das áreas designadas.

Bolhas de Bate-papo

Fundos de mensagens de bate-papo que se expandem com o conteúdo do texto.

Technical Guide

A imagem de saída tem 2 pixels a mais de largura e 2 pixels a mais de altura do que a fonte (para a borda de 1px em cada lado). A imagem da fonte é desenhada com offset (1,1). Os pixels pretos são colocados nas bordas: a borda superior marca a largura esticável horizontal, a borda esquerda marca a altura esticável vertical, a borda direita marca o preenchimento de conteúdo da altura e a borda inferior marca o preenchimento de conteúdo da largura. A região esticável é a área entre os recuos.

Tips & Best Practices

1
Mantenha as margens longe de áreas detalhadas - apenas áreas planas e simples devem ser esticadas
2
Teste em vários tamanhos para verificar o comportamento de esticagem
3
Use com a ferramenta draw9patch do Android SDK para verificação
4
Cantos e bordas com detalhes devem estar na zona fixa (não esticada)

Related Tools

Cortar Imagem

Corte imagens com um retângulo de seleção visual para remover áreas indesejadas.

🖼️ Image Tools

Redimensionador de Imagens

Redimensione imagens por dimensões exatas em pixels ou porcentagem, mantendo a proporção.

🖼️ Image Tools

Moldura de Borda de Imagem

Adicione bordas e molduras decorativas às imagens com largura, cor e estilo personalizáveis.

🖼️ Image Tools

Divisor de Imagem

Divida uma imagem em um grade de azulejos do mesmo tamanho para puzzles, impressão ou grades do Instagram.

🖼️ Image Tools

Frequently Asked Questions

Q O que é .9.png?

Um PNG com marcadores de borda de 1px que definem regiões esticáveis e de preenchimento.

Q Apenas Android?

Originalmente Android, mas também usado em muitos motores de jogo e frameworks de UI.

Q Formato de entrada?

PNG apenas - os marcadores requerem dados de pixels sem perda.

Q Visualizar esticagem?

Verifique a saída visualmente. Use as ferramentas do Android SDK para pré-visualização da esticagem.

Q Máximo de margens?

Até metade da dimensão da imagem para cada lado.

About This Tool

Gerador de Nine-Patch is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.