Take your HMIs to the next level with this free resource on the Opto 22 website.

Working on updating your HMI screens or looking for new design ideas?  Whether it's for use with a groov EPIC (GRV-EPIC-PR1 or GRV-EPIC-PR2), groov Server for Windows (GROOV-SVR-WIN-BASE), or any other control dashboards you're working with, these free website resources can help.

Find all your SVGs, PNGs, GIFs, product images, and logos in one convenient location—the Opto 22 SVG and GIF Library.

It's easy to get there: just click the direct link to the SVG and GIF Library available from the main menu of the website. Highlight the Support tab and choose Image Library from the dropdown menu: 

Need a refresher? Here's what you'll find in the SVG and GIF Library:

• Editable SVGs
• As-is SVGs - not editable 
• Product images in SVG, as-is and PNG formats
• GIF animations with PNG static forms
• Logos in SVG and PNG format

• Button editor
• Drawing pad

And when you're in this design tool, you can also search for the right addition to your HMI screen by:

• Image format: Editable SVGs, As-is SVGs, animated GIFs, and PNGs
• General application categories: process, discrete, energy, transportation, water, etc.
• Specific devices: AC, alarms, conveyors, gauges,  pumps, valves, etc.
• Products: groov, EPIC, logos, etc.
• Artwork qualities: front view, perspective, isometric, symbolic, realistic, etc.

What are the latest features and updates?

• A total of 1,936 images and growing (978 in color, editable form)
• Ability to tag your Favorites to your user profile in your MyOpto account
• More search options, so you can use both tags and filenames, or use a dropdown menu to search
• Resizable views of graphics for easier identification
• Option to download SVG files or convert to PNG
• Static PNGs to match all animated GIFs
  
  

Another fun feature: You can change a background color to see how the graphic would display on light or dark backgrounds, and the background color doesn't affect the downloaded graphic. 

So where do you start?

Choose from one of the main categories:

• All Images for searching all graphics by tags
• Product Images for marketing-related product images and logos
• Editable SVGs for groov View user interfaces
• GIF Animations for groov View and PAC Display 
• Button Editor for creating SVG, text-labeled buttons in various states for groov View
• Drawing Pad for creating polygon-based SVGs for groov View
   

Don't see what you're looking for? Or do you have a suggestion for images you'd like to see added to the library? Make your request in the comments section below. Our graphics team would be happy to make it happen—so you can start building beautiful, scalable HMIs today!