Gimp, webSplit nueva versión

Nuevas opciones

Esta nueva versión de webSplit permite un mayor control sobre cada sector de la imagen que queremos recortar:

• Formato en el que guardaremos el sector recortado, a elegir entre gif, jpg y png
• Código html asociado al sector que permite usar wildcards que serán reemplazados al exportar todos los sectores

Uso del script

Una vez creada una ruta rectangular la seleccionamos y pulsamos con el botón secundario del ratón para mostrar el menu contextual de Rutas. Si hemos instalado correctamente el script podremos ver al desplegar la sección Tools entre las opciones existentes «WebSplit export editor». Puedes ver un ejemplo en el siguiente video:

Ventana de detalles del sector

1. 1

   Nombre para la imagen: este sector se guardará con el nombre que pongamos en este campo de texto mas la extensión del tipo de archivo seleccionado[2]. Por ejemplo, si ponemos «topBorder» y seleccionamos como tipo «gif», esta imagen se guardará como «topBorder.gif»

2. 2

   Tipo de archivo para la imagen: formato de archivo en el que queremos que se guarde la imagen. En función de lo que seleccionamos cambiará la siguiente opción [3].

3. 3

   Opciones extra: cambiarán en función del tipo de imagen seleccionado, afectan a la calidad con la que guardaremos la imagen o si se tratará de un gif animado o no

4. 4

   Wildcards para el html: podemos usar una serie de caracteres en nuestro código html que serán reemplazados por valores relativos al sector actual, por ejemplo el ancho o alto del sector, su posición con respecto a la imagen completa etc. Todos los valores numéricos se devuelven como números enteros. Los Wildcards disponibles son:
   

   • {w}: Ancho (width) del sector
   • {h}: Alto (height) del sector
   • {t}: Posición superior del sector de recorte con respecto a la imagen completa
   • {l}: Posición izquierda del sector de recorte con respecto a la imagen completa
   • {n}: Nombre completo de la imagen incluyendo path y extensión
   • {e}: Extensión que hemos seleccionado para este sector
   • {i}: Nombre que hemos usado para la imagen
   • {w}: width sector
   • {h}: height sector
   • {t}: Upper position crop sector over the full image
   • {l}: Left position crop sector over the full image
   • {n}: full name including path and extension image
   • {e}: Extension we have selected for this field
   • {i}: Name that we used for the image

   Ninguno de los valores que son medidas devuelven ‘px’, es un valor que tenemos que añadir en el código html. Al pulsar el botón Add se añade el wildcard seleccionado donde tengamos el cursor en el campo de texto «HTML code» [6]

5. 5

   Plantillas para html: desplegable con fragmentos de código html mas usados con sus correspondientes wildcards. Al pulsar el botón Add se añade la plantilla seleccionada donde tengamos el cursor en el campo de texto «HTML code» [6]

6. 6

   Código HTML: el texto que escribamos en este campo se añadirá al archivo HTML que creamos al finalizar el proceso

Una vez establecidos todos los sectores de recorte de nuestra imagen llamaremos al plugin principal en Filtros > Paths > Web Split

Descarga

webSplit_2013_04_26