How to use responsive SVG image maps in Joomla!

Yes, SVG is a valid format Joomla!

It's pretty simple to utilize the SVG format within your own Joomla! content (articles/modules/etc.). We use Inkscape to create our interactive image maps. Always remember to compress any internal jpg/png images within the svg file. Once that is done, simply use object tag specification shown in the example below:

<p style="text-align: center; margin-bottom: 1em;">
<object data="/YOUR-IMAGES-FOLDER/YOUR-SVG-IMAGE.svg" type="image/svg+xml" style="width: 90%; height: auto;" width="90%" height="auto"> </object>
</p>



If you need help with your website and getting everything nipped, tucked and looking great Grip Fast Information Systems & Techology is your expert at reasonable rates. Schedule your own one hour free consultation by calling (559) 242-6647 or if you prefer send a SMS. You can also send us an email through our prospective client form. We can't wait to hear from you!

About the Writer

Author: Chris Lessley

A server admin, dev ops warrior and website designer since 2002, Chris is a lover of all things Linux and open-source! Each blog topic has been tested by fire in the real world and shared with the hope to help others. Need more help? Hire me! Chris' other interests include fine art and the humanities in the classical tradition and can be found writing for our friends over at gripfastart.works. If you like this content, kindly consider donating to keep this website free to all, without ads.