Generador de texturas en SVG

A medida que avanza la implementación de nuevas tecnologías en diseño web, se encuentran soluciones a la necesidad de ahorrar recursos. Los elementos construidos en formato SVG cubren una serie de aspectos que lo hacen altamente competitivo con el resto de los formatos de imágenes aunque su inclusión en los diferentes sistemas de soporte esté siendo escalonada desde hace ya varios años.

Partiendo de la base de que se trata de una imagen en formato vector escalable, dejamos de lado el problema de pixelado que poseen los archivos .jpg o .png, al mismo tiempo, este tipo de archivos .svg posee la capacidad de animarse a través del uso de JavaScript, claro que en ese caso deberemos tener en cuenta la compatibilidad con exploradores más antiguos lo que puede ser, por ahora, el único problema.

SVGenerator

La imagen SVG estéticamente se muestra muy similar a los rellenos elaborados en Flash, puede incluir una imagen en formato clásico rasterizada al igual que se hace en Illustrator. Este tipo de contenido puede ser definido con archivos XML de texto y se pueden, incluso, generar a partir de un editor de texto regular, aunque siempre es recomendable utilizar programas que faciliten la tarea (Illustrator, CorelDRAW) ya que puede resultar bastante engorroso.

El potencial de este tipo de imágenes es excelente y cuando encontré este generador de texturas en SVG, pensé que podía ser una buena forma de comenzar a acercarse para los que aún no conocen el formato y por otro lado, una excelente herramienta para ahorrar recursos a quienes ya tienen un manejo un poco más avanzado y se encuentran familiarizados.

Cada una de las texturas disponibles tiene su respectivo panel para editarlas y hacerlas más acordes al concepto que están manejando en su diseño. Las posibilidades son muchísimas ya que contiene una buena cantidad de motivos para seleccionar entre los que verán algunos estéticamente más pesados y elaborados y otros más sutiles.

Además de ser una nueva forma de incluir texturas en diferentes espacios, las opciones que se encuentran en el sitio son excelentes, encontrarán diversos estilos, algunos muy buenos y estéticamente no tienen nada que envidiarle a un .jpg incluso verán que los detalles pueden visualizarse mucho mejor con un SVG. Los dejo con el generador, recuerden que necesitan agregar algunos scripts como Modernizr para que no se pierdan elementos en la degradación o, mejor dicho, tener más control de lo que se muestra.

Sitio: SVGeneration

Categorizado en: