Skip to main content

Generador de Nine-Patch Crea imágenes de estilo Android de 9-patch (.9.png) con marcadores de regiones estirables.

Generador de Nine-Patch illustration
🖼️

Generador de Nine-Patch

Crea imágenes de estilo Android de 9-patch (.9.png) con marcadores de regiones estirables.

1

Subir imagen

Arrastra o selecciona una imagen PNG para crear un parche de 9 partes.

2

Definir regiones

Establece los márgenes izquierdo, derecho, superior e inferior para las áreas estirables.

3

Descargar

Genera y descarga el archivo .9.png con marcadores.

Loading tool...

What Is Generador de Nine-Patch?

Un generador de nine-patch que crea imágenes .9.png utilizadas en el desarrollo de Android y sistemas de interfaz de usuario de juegos. Las imágenes nine-patch tienen marcadores de borde de 1 píxel que definen qué regiones se estiran y cuáles permanecen fijas. Establezca los valores de inset (izquierda, derecha, superior, inferior) para controlar dónde comienza y termina la zona estirable. La herramienta agrega el borde requerido de 1 píxel con marcadores de píxeles negros. La salida es compatible con Android SDK y motores de juego populares.

Why Use Generador de Nine-Patch?

  • Crea archivos .9.png con formato correcto
  • Controles visuales para la definición de regiones estirables
  • Compatible con Android SDK y motores de juego
  • Vista previa con renderizado preciso de píxeles

Common Use Cases

Desarrollo de Android

Crea fondos estirables para botones y burbujas de chat.

Interfaz de usuario del juego

Paneles y marcos de interfaz de usuario escalables para diferentes tamaños de pantalla.

Activos responsivos

Imágenes que se escalan con gracia estirando solo áreas designadas.

Burbujas de chat

Fondos de mensajes de chat que se expanden con el contenido del texto.

Technical Guide

La imagen de salida es 2 píxeles más ancha y 2 píxeles más alta que la fuente (por el borde de 1 píxel en cada lado). La imagen fuente se dibuja con un desplazamiento (1,1). Los píxeles negros se colocan en los bordes: el borde superior marca el ancho estirable horizontal, el borde izquierdo marca la altura estirable vertical, el borde derecho marca el relleno de contenido de altura, el borde inferior marca el relleno de contenido de ancho. La región estirable es el área entre los inset.

Tips & Best Practices

  • 1
    Mantén los márgenes alejados de áreas detalladas - solo las áreas planas y simples deben estirarse
  • 2
    Prueba en varios tamaños para verificar el comportamiento de estirado
  • 3
    Usa con la herramienta draw9patch de Android SDK para verificación
  • 4
    Las esquinas y bordes con detalles deben estar en la zona fija (no estirable)

Related Tools

Frequently Asked Questions

Q ¿Qué es .9.png?
Un PNG con marcadores de borde de 1 píxel que definen regiones estirables y de relleno.
Q ¿Solo Android?
Originalmente Android, pero también se utiliza en muchos motores de juego y frameworks de interfaz de usuario.
Q Formato de entrada?
PNG solo - los marcadores requieren datos de píxeles sin pérdida.
Q Vista previa de estirado?
Verifica el resultado visualmente. Usa las herramientas de Android SDK para la vista previa de estirado.
Q Márgenes máximos?
Hasta la mitad de la dimensión de la imagen para cada lado.

About This Tool

Generador 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.