<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Image maps | Creativas</title>
	<atom:link href="https://creativas.io/tag/image-maps/feed" rel="self" type="application/rss+xml" />
	<link>https://creativas.io</link>
	<description>Shape your Digital Journey</description>
	<lastBuildDate>Thu, 28 Aug 2025 14:19:46 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://creativas.io/wp-content/uploads/2020/10/cropped-Creativas_favicon-32x32.png</url>
	<title>Image maps | Creativas</title>
	<link>https://creativas.io</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>How to use Smart Images for Confluence</title>
		<link>https://creativas.io/how-to-use-smart-images-for-confluence</link>
					<comments>https://creativas.io/how-to-use-smart-images-for-confluence#respond</comments>
		
		<dc:creator><![CDATA[Salma Sahnoun]]></dc:creator>
		<pubDate>Wed, 20 Oct 2021 09:00:41 +0000</pubDate>
				<category><![CDATA[Smart Images]]></category>
		<category><![CDATA[Confluence]]></category>
		<category><![CDATA[Documentation]]></category>
		<category><![CDATA[Image maps]]></category>
		<category><![CDATA[Onboarding]]></category>
		<guid isPermaLink="false">https://creativas.io/?p=2443</guid>

					<description><![CDATA[<p>Visual data is processed 60,000 times faster by the brain than text. As we are visual creatures, our eyes get attracted to visuals more than text. It is a fact that images are more powerful than texts. We give attention to images quickly. We learn faster when there are infographics. We memorize better when there are images. The latter express better and convey the message easily.</p>
The post <a href="https://creativas.io/how-to-use-smart-images-for-confluence">How to use Smart Images for Confluence</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></description>
										<content:encoded><![CDATA[<p data-renderer-start-pos="385"><a class="sc-jqCOkK hdFCoC" style="font-size: inherit;" title="https://rocketium.com/academy/impact-visual-content-marketing/#The_Benefits_of_Visual_Content_in_Marketing" href="https://rocketium.com/academy/impact-visual-content-marketing/#The_Benefits_of_Visual_Content_in_Marketing" data-renderer-mark="true">Visual data is processed <strong data-renderer-mark="true">60,000</strong> times faster by the brain than text</a><span style="font-size: inherit;">. As we, human beings, are visual creatures, our eyes get attracted to visuals more than text. It is a fact that images are more powerful than texts. We give attention to images quickly. We learn faster when there are infographics. We memorize better when there are images. The latter express better and convey the message easily.</span></p>
<p data-renderer-start-pos="385">Linking that to organizations who use Confluence pages, they surely need more images in their Confluence pages.</p>
<p data-renderer-start-pos="492">As <a class="sc-jqCOkK hdFCoC" title="https://www.atlassian.com/software/confluence" href="https://www.atlassian.com/software/confluence" data-renderer-mark="true"><span id="59b7bd06-6d0a-4005-94b9-60f3cad8f484" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="59b7bd06-6d0a-4005-94b9-60f3cad8f484">Confluence</span></a><span id="59b7bd06-6d0a-4005-94b9-60f3cad8f484" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="59b7bd06-6d0a-4005-94b9-60f3cad8f484"> editor doesn’t support image editing, </span>we developed <a class="sc-jqCOkK hdFCoC" title="https://marketplace.atlassian.com/apps/1225000/?tab=overview&amp;hosting=cloud" href="https://marketplace.atlassian.com/apps/1225000/?tab=overview&amp;hosting=cloud" data-renderer-mark="true">Smart Images</a> to provide Confluence users with a full editing toolkit.</p>
<p data-renderer-start-pos="628">Thinking of what you can do with Smart Images on your Confluence page,<span id="275553fc-db21-4c6d-9a86-301c5c401d27" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="275553fc-db21-4c6d-9a86-301c5c401d27"> we thought of two use cases and we tried to demonstrate them for you</span>.</p>
<h3 data-renderer-start-pos="1911">1. Onboarding new hires:</h3>
<p data-renderer-start-pos="785">If you are expecting newbies, they need to<a class="sc-jqCOkK hdFCoC" title="https://creativas.io/contribute-to-team-building-in-post-covid-era-using-smart-courses-for-confluence" href="https://creativas.io/contribute-to-team-building-in-post-covid-era-using-smart-courses-for-confluence" data-renderer-mark="true"> know the team</a> and learn about them. You can present your team virtually like the below illustration. Prepare your frame before and then insert it into Smart Images and <a class="sc-jqCOkK hdFCoC" title="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-1.Annotate" href="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-1.Annotate" data-renderer-mark="true">annotate</a> your frame as you want.</p>
<p data-renderer-start-pos="785">Here is an example of how we introduce Creativas&#8217; squad for the newbies.</p>
<figure id="attachment_2444" aria-describedby="caption-attachment-2444" style="width: 1900px" class="wp-caption aligncenter"><a href="https://creativas.io/wp-content/uploads/2021/10/mmettheteamep1-fast.gif" data-fancybox><img fetchpriority="high" decoding="async" class="wp-image-2444 size-full" src="https://creativas.io/wp-content/uploads/2021/10/mmettheteamep1-fast.gif" alt="" width="1900" height="881"></a><figcaption id="caption-attachment-2444" class="wp-caption-text">How to annotate your images</figcaption></figure>
<p data-renderer-start-pos="1137">We mentioned before in our blog post “<a class="sc-jqCOkK hdFCoC" title="https://creativas.io/the-remote-onboarding-in-the-era-of-covid-19-for-confluence-users-only" href="https://creativas.io/the-remote-onboarding-in-the-era-of-covid-19-for-confluence-users-only" data-renderer-mark="true">The remote onboarding in the era of COVID-19: for Confluence users only</a>” two ways for presenting your team. Either through short videos or virtual get-togethers.</p>
<p data-renderer-start-pos="1338">Well, in addition to those, here’s another trick. A cool feature in Smart Images for Confluence is used in this and it’s called <a class="sc-jqCOkK hdFCoC" title="https://help.creativas.io/smart-images/image-maps-8913004.html" href="https://help.creativas.io/smart-images/image-maps-8913004.html" data-renderer-mark="true">image maps</a>. You can add links or you can insert other Confluence pages. In our case, we thought of introducing the team via their LinkedIn profiles.</p>
<figure id="attachment_2445" aria-describedby="caption-attachment-2445" style="width: 1900px" class="wp-caption aligncenter"><a href="https://creativas.io/wp-content/uploads/2021/10/Linkedin-linking-fast.gif" data-fancybox><img decoding="async" class="wp-image-2445 size-full" src="https://creativas.io/wp-content/uploads/2021/10/Linkedin-linking-fast.gif" alt="" width="1900" height="880"></a><figcaption id="caption-attachment-2445" class="wp-caption-text">How to edit maps in Smart Images for Confluence</figcaption></figure>
<p>Check this sample <a href="https://demo.creativas.io/wiki/x/BAD3AQ">Confluence page</a> that we are using during <a class="sc-jqCOkK hdFCoC" title="https://creativas.io/the-remote-onboarding-in-the-era-of-covid-19-for-confluence-users-only" href="https://creativas.io/the-remote-onboarding-in-the-era-of-covid-19-for-confluence-users-only" data-renderer-mark="true">onboarding</a>.</p>
<p><a href="https://creativas.io/wp-content/uploads/2021/10/confluece-page.png" data-fancybox><img decoding="async" class="aligncenter wp-image-2446 size-full" src="https://creativas.io/wp-content/uploads/2021/10/confluece-page.png" alt="" width="1917" height="901" srcset="https://creativas.io/wp-content/uploads/2021/10/confluece-page.png 1917w, https://creativas.io/wp-content/uploads/2021/10/confluece-page-300x141.png 300w, https://creativas.io/wp-content/uploads/2021/10/confluece-page-1024x481.png 1024w, https://creativas.io/wp-content/uploads/2021/10/confluece-page-768x361.png 768w, https://creativas.io/wp-content/uploads/2021/10/confluece-page-1536x722.png 1536w" sizes="(max-width: 1917px) 100vw, 1917px" /></a></p>
<h3>2. Product Presentation</h3>
<p data-renderer-start-pos="1766">I<span id="3bb4569d-4ba7-4e76-9fe1-2d96e9e12f07" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="3bb4569d-4ba7-4e76-9fe1-2d96e9e12f07">ntroducing and explaining the company’s produ</span>cts to newbies take time and effort. In the same <a class="sc-jqCOkK hdFCoC" title="https://creativas.io/the-remote-onboarding-in-the-era-of-covid-19-for-confluence-users-only" href="https://creativas.io/the-remote-onboarding-in-the-era-of-covid-19-for-confluence-users-only" data-renderer-mark="true">blog post</a> we mentioned earlier, we talked about our case in introducing tools we use in our company within <a class="sc-jqCOkK hdFCoC" title="https://marketplace.atlassian.com/apps/1216979/smart-courses-for-confluence-lms?hosting=cloud&amp;tab=overview" href="https://marketplace.atlassian.com/apps/1216979/smart-courses-for-confluence-lms?hosting=cloud&amp;tab=overview" data-renderer-mark="true">Smart Courses</a>, one of <a class="sc-jqCOkK hdFCoC" title="https://help.creativas.io/" href="https://help.creativas.io/" data-renderer-mark="true">our apps</a> for Confluence.</p>
<p data-renderer-start-pos="2021">In fact, we granted you a different way with Smart Images for Confluence. To avoid confusing the newbies with the accumulated information, links, and tools, you can put everything all in one place. For example, insert<span id="ac340f9c-10dc-4671-b353-2df29aeca40f" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="ac340f9c-10dc-4671-b353-2df29aeca40f"> the different screenshots of your products in a </span><a class="sc-jqCOkK hdFCoC" title="https://help.creativas.io/smart-images/sliders-galleries-8913006.html" href="https://help.creativas.io/smart-images/sliders-galleries-8913006.html" data-renderer-mark="true"><span id="ac340f9c-10dc-4671-b353-2df29aeca40f" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="ac340f9c-10dc-4671-b353-2df29aeca40f">slider</span></a><span id="ac340f9c-10dc-4671-b353-2df29aeca40f" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="ac340f9c-10dc-4671-b353-2df29aeca40f"> and link each one to its documentation or other resources.</span> The newbies <span id="e4614bfb-b9ac-4a43-b6cd-2f0d744be65b" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="e4614bfb-b9ac-4a43-b6cd-2f0d744be65b">will </span>refer to these images every time they need to see a piece of information, <span id="342b359d-cfc8-42f4-81bd-0869c381100d" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="342b359d-cfc8-42f4-81bd-0869c381100d">at least during the first phase of onboarding. </span></p>
<figure id="attachment_2452" aria-describedby="caption-attachment-2452" style="width: 1900px" class="wp-caption aligncenter"><a href="https://creativas.io/wp-content/uploads/2021/10/Image-link-and-slider-fast.gif" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2452 size-full" src="https://creativas.io/wp-content/uploads/2021/10/Image-link-and-slider-fast.gif" alt="" width="1900" height="880"></a><figcaption id="caption-attachment-2452" class="wp-caption-text">How to add an image link and create a slider</figcaption></figure>
<p data-pm-slice="1 1 []">This is what the <a href="https://demo.creativas.io/wiki/x/BAD3AQ">slider</a> will look like to the newbie.</p>
<p data-pm-slice="1 1 []"><a href="https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider.png" data-fancybox><img loading="lazy" decoding="async" class="aligncenter wp-image-2453 size-full" src="https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider.png" alt="" width="1915" height="898" srcset="https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider.png 1915w, https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider-300x141.png 300w, https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider-1024x480.png 1024w, https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider-768x360.png 768w, https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider-1536x720.png 1536w" sizes="(max-width: 1915px) 100vw, 1915px" /></a></p>


<div class="cta-wrapper">
  <a
    href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&#038;tab=overview"
    class="cta-btn primary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Try Smart Images for Confluence
  </a>

  <a
    href="https://help.creativas.io/smart-images/"
    class="cta-btn secondary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Learn about Smart Images
  </a>
</div>

<style>
  .cta-wrapper {
    text-align: center;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }
  .cta-btn {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.06s ease;
  }
  .cta-btn.primary {
    background: #003F9E;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(4, 100, 156, 0.25);
  }
  .cta-btn.primary:hover {
    background: #0065FF;
    box-shadow: 0 10px 24px rgba(4, 100, 156, 0.35);
  }
  .cta-btn.secondary {
    background: #E5EFFE;
    color: #003F9E !important;
    border: 1px solid #003F9E;
  }
  .cta-btn.secondary:hover {
    background: #D0E4FD;
  }
  .cta-btn:active {
    transform: translateY(1px);
  }
</style>




<p class="wp-block-paragraph"></p>
<div class="clearfix"></div>The post <a href="https://creativas.io/how-to-use-smart-images-for-confluence">How to use Smart Images for Confluence</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></content:encoded>
					
					<wfw:commentRss>https://creativas.io/how-to-use-smart-images-for-confluence/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Discover Smart Images  for Confluence</title>
		<link>https://creativas.io/discover-smart-images-for-confluence</link>
					<comments>https://creativas.io/discover-smart-images-for-confluence#respond</comments>
		
		<dc:creator><![CDATA[Salma Sahnoun]]></dc:creator>
		<pubDate>Tue, 31 Aug 2021 10:07:56 +0000</pubDate>
				<category><![CDATA[Smart Images]]></category>
		<category><![CDATA[Confluence]]></category>
		<category><![CDATA[Galleries]]></category>
		<category><![CDATA[Image maps]]></category>
		<category><![CDATA[Sliders]]></category>
		<category><![CDATA[Tables]]></category>
		<guid isPermaLink="false">https://creativas.io/?p=2289</guid>

					<description><![CDATA[<p>Confluence is a great tool that enables users to collaborate and create outstanding pages with rich content through tables, images, macros...When it comes to Images, the native actions are limited to image alignment, insert links or write captions. So if the user needs to perform additional actions like cropping, adding filters, or adding annotation, the image needs to be processed via 3d-party-tools before being uploaded to Confluence. </p>
The post <a href="https://creativas.io/discover-smart-images-for-confluence">Discover Smart Images  for Confluence</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></description>
										<content:encoded><![CDATA[<p data-renderer-start-pos="1250"><a class="editor-rtfLink" href="https://www.atlassian.com/software/confluence" target="_blank" rel="noopener noreferrer"><span data-preserver-spaces="true">Confluence</span></a><span data-preserver-spaces="true">&nbsp;is a great tool that enables users to collaborate and create outstanding pages with rich content through tables, images, macros&#8230;When it comes to Images, the native actions are limited to image alignment, insert links or write captions. So if the user needs to perform additional actions like cropping, adding filters, or adding annotation, the image needs to be processed via 3d-party-tools before being uploaded to Confluence.&nbsp;</span></p>
<p><span data-preserver-spaces="true">But what about having a full image-editing tool inside Confluence?&nbsp;</span></p>
<p><span data-preserver-spaces="true">It will definitely save time to users and provide a seamless image experience within Confluence.&nbsp;</span></p>
<p><span data-preserver-spaces="true">Creativas&#8217; team thought about a solution that fills that gap and took the challenge to even go beyond a basic image editing tool to provide an all-in-one image toolkit.</span></p>
<p><span data-preserver-spaces="true">Creativas just released a new Confluence app: &#8220;</span><a class="editor-rtfLink" href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&amp;tab=overview" target="_blank" rel="noopener noreferrer"><span data-preserver-spaces="true">Smart Images</span></a><span data-preserver-spaces="true">&#8221; which makes it possible to edit images, undo changes, add image maps, create sliders and galleries, and much more. You can now take your Confluence pages to the next level and spice them up with the numerous features of Smart Images for Confluence.</span></p>
<p><iframe title="Smart Images for Confluence - All in one image toolkit" width="1170" height="658" src="https://www.youtube.com/embed/hZOAeTuvgJM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p style="text-align: center;"><span id="01d6e580-b0fc-4856-887c-cc5a49c696b4" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="01d6e580-b0fc-4856-887c-cc5a49c696b4">Smart Images for Confluence: All in one image toolkit for Confluence</span></p>
<p data-renderer-start-pos="1885"><strong data-renderer-mark="true">What are the key features?</strong></p>
<p data-renderer-start-pos="1911">We are thrilled to announce the main features of Smart Images for Confluence:</p>
<h3 data-renderer-start-pos="1911">1. Powerful image uploader</h3>
<p data-renderer-start-pos="2063">Don&#8217;t be lost between tabs, folders, Confluence pages &amp; spaces, or web images!<br>Smart Images makes it smooth to pull images within Confluence page; simply drag and drop images or browse your system to <a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/adding-images-8913000.html" href="https://help.creativas.io/smart-images/adding-images-8913000.html" data-renderer-mark="true">upload images </a>or you can just select them from a chosen Confluence <span id="678b7257-801f-4a1b-8935-754967dd78f2" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="678b7257-801f-4a1b-8935-754967dd78f2">page or space.</span></p>
<figure id="attachment_2290" aria-describedby="caption-attachment-2290" style="width: 1920px" class="wp-caption alignnone"><a href="https://creativas.io/wp-content/uploads/2021/08/adding_images.png" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2290 size-full" src="https://creativas.io/wp-content/uploads/2021/08/adding_images.png" alt="" width="1920" height="1080" srcset="https://creativas.io/wp-content/uploads/2021/08/adding_images.png 1920w, https://creativas.io/wp-content/uploads/2021/08/adding_images-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/adding_images-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/adding_images-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/adding_images-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a><figcaption id="caption-attachment-2290" class="wp-caption-text">Add images to Confluence page with Smart Images</figcaption></figure>
<h3>2. Comprehensive image editor</h3>
<p>Smart Images provides a Graphic Designer image editing experience:&nbsp;</p>
<ul>
<li><a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-1.Annotate" href="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-1.Annotate" data-renderer-mark="true">Annotate</a>: Drawing tool, Lines, Arrows, Rectangle, Ellipse, and dynamic text editor</li>
<li><a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-2.Crop" href="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-2.Crop" data-renderer-mark="true">Crop</a>, rotate, flip, and zoom</li>
<li><a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-2.Finetune" href="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-2.Finetune" data-renderer-mark="true">Finetune</a> Brightness, Contrast, Saturation, Exposure, Temperature, Gamma, Clarity, and Vignette</li>
<li>Add artistic <a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-3.Filter" href="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-3.Filter" data-renderer-mark="true">filters</a></li>
</ul>

<a data-fancybox="fancy-gallery" data-options="{&quot;loop&quot;:true}" title="image_editor_annotate"  href='https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate.png'><img loading="lazy" decoding="async" width="300" height="169" src="https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-fancybox="fancy-gallery" data-options="{&quot;loop&quot;:true}" title="image_editor_crop"  href='https://creativas.io/wp-content/uploads/2021/08/image_editor_crop.png'><img loading="lazy" decoding="async" width="300" height="169" src="https://creativas.io/wp-content/uploads/2021/08/image_editor_crop-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://creativas.io/wp-content/uploads/2021/08/image_editor_crop-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/image_editor_crop-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/image_editor_crop-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/image_editor_crop-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2021/08/image_editor_crop.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-fancybox="fancy-gallery" data-options="{&quot;loop&quot;:true}" title="image_editor_finetune"  href='https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune.png'><img loading="lazy" decoding="async" width="300" height="169" src="https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-fancybox="fancy-gallery" data-options="{&quot;loop&quot;:true}" title="image_editor_filters"  href='https://creativas.io/wp-content/uploads/2021/08/image_editor_filters.png'><img loading="lazy" decoding="async" width="300" height="169" src="https://creativas.io/wp-content/uploads/2021/08/image_editor_filters-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://creativas.io/wp-content/uploads/2021/08/image_editor_filters-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/image_editor_filters-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/image_editor_filters-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/image_editor_filters-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2021/08/image_editor_filters.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>

<p>You can easily update any change made to the images without worrying about versioning. Smart Images editor preserves your changes, so your edits are stored separately.</p>
<h3>3. Image maps editor</h3>
<p data-renderer-start-pos="2643">Whether you need a Rectangle, Circle, or Polygon, you can <a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/image-maps-8913004.html" href="https://help.creativas.io/smart-images/image-maps-8913004.html" data-renderer-mark="true">add </a> image maps via these <span id="2b666e56-83cf-469a-9a0b-bf0fbc5816dd" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="2b666e56-83cf-469a-9a0b-bf0fbc5816dd">different shape</span>s in your image.<span id="c9aea698-bcd8-49b1-9d95-9caacc9d2115" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="c9aea698-bcd8-49b1-9d95-9caacc9d2115"> Image maps serve</span> to draw clickable areas directly on the image. For example, select a Confluence page or set an URL as a target for the shape.</p>
<figure id="attachment_2296" aria-describedby="caption-attachment-2296" style="width: 1920px" class="wp-caption alignnone"><a href="https://creativas.io/wp-content/uploads/2021/08/image_maps.png" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2296 size-full" src="https://creativas.io/wp-content/uploads/2021/08/image_maps.png" alt="" width="1920" height="1080" srcset="https://creativas.io/wp-content/uploads/2021/08/image_maps.png 1920w, https://creativas.io/wp-content/uploads/2021/08/image_maps-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/image_maps-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/image_maps-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/image_maps-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a><figcaption id="caption-attachment-2296" class="wp-caption-text">Smart Images for Confluence: Image maps</figcaption></figure>
<h3 data-renderer-start-pos="3075">4. Fully customizable Sliders and Galleries</h3>
<p data-renderer-start-pos="3380">To customize your Confluence <span id="4fd2d644-88d5-4461-a6a5-8f7f8b3e75d5" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="4fd2d644-88d5-4461-a6a5-8f7f8b3e75d5">image-</span>set and display multiple images through elegant and responsive <a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/sliders-galleries-8913006.html" href="https://help.creativas.io/smart-images/sliders-galleries-8913006.html" data-renderer-mark="true">sliders or galleries</a>, this is the appropriate feature for you<span id="223d9fd5-724b-498d-b7a4-4fb17fbb94c8" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="223d9fd5-724b-498d-b7a4-4fb17fbb94c8"> where </span>you can:</p>
<ul>
<li data-renderer-start-pos="3380">Add Sliders and Galleries skins: Light, White or Dark</li>
<li data-renderer-start-pos="3380">Control navigation arrows, randomize images, add bullets or thumbnails</li>
<li data-renderer-start-pos="3380">Configure slider size and set image scaling</li>
<li data-renderer-start-pos="3380">Customize transition type, delay, and autoplay</li>
<li data-renderer-start-pos="3380">Easily switch to Full-screen mode</li>
</ul>

<a data-fancybox="fancy-gallery" data-options="{&quot;loop&quot;:true}" title="slider_options"  href='https://creativas.io/wp-content/uploads/2021/08/slider_options.png'><img loading="lazy" decoding="async" width="300" height="169" src="https://creativas.io/wp-content/uploads/2021/08/slider_options-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://creativas.io/wp-content/uploads/2021/08/slider_options-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/slider_options-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/slider_options-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/slider_options-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2021/08/slider_options.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-fancybox="fancy-gallery" data-options="{&quot;loop&quot;:true}" title="gallery_options"  href='https://creativas.io/wp-content/uploads/2021/08/gallery_options.png'><img loading="lazy" decoding="async" width="300" height="169" src="https://creativas.io/wp-content/uploads/2021/08/gallery_options-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://creativas.io/wp-content/uploads/2021/08/gallery_options-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/gallery_options-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/gallery_options-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/gallery_options-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2021/08/gallery_options.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>

<h5 data-renderer-start-pos="3787"><em><a class="sc-nrwXf ivihBf" title="https://marketplace.atlassian.com/apps/1216979/learnup-for-confluence-lms?hosting=server&amp;tab=overview" href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&amp;tab=overview" data-renderer-mark="true">Try Smart Images for Confluence</a></em></h5>
<h5 data-renderer-start-pos="3787"><em><a class="sc-nrwXf ivihBf" title="https://marketplace.atlassian.com/apps/1216979/learnup-for-confluence-lms?hosting=server&amp;tab=overview" href="https://help.creativas.io/smart-images/" data-renderer-mark="true">Learn about Smart Images&nbsp;for Confluence</a></em></h5>


<div class="cta-wrapper">
  <a
    href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&#038;tab=overview"
    class="cta-btn primary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Try Smart Images for Confluence
  </a>

  <a
    href="https://help.creativas.io/smart-images/"
    class="cta-btn secondary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Learn about Smart Images
  </a>
</div>

<style>
  .cta-wrapper {
    text-align: center;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }
  .cta-btn {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.06s ease;
  }
  .cta-btn.primary {
    background: #003F9E;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(4, 100, 156, 0.25);
  }
  .cta-btn.primary:hover {
    background: #0065FF;
    box-shadow: 0 10px 24px rgba(4, 100, 156, 0.35);
  }
  .cta-btn.secondary {
    background: #E5EFFE;
    color: #003F9E !important;
    border: 1px solid #003F9E;
  }
  .cta-btn.secondary:hover {
    background: #D0E4FD;
  }
  .cta-btn:active {
    transform: translateY(1px);
  }
</style>

<div class="clearfix"></div>The post <a href="https://creativas.io/discover-smart-images-for-confluence">Discover Smart Images  for Confluence</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></content:encoded>
					
					<wfw:commentRss>https://creativas.io/discover-smart-images-for-confluence/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
