{"id":15318,"date":"2019-11-06T21:20:19","date_gmt":"2019-11-06T21:20:19","guid":{"rendered":"http:\/\/www.glitnir.com\/?page_id=15318"},"modified":"2019-11-06T21:27:42","modified_gmt":"2019-11-06T21:27:42","slug":"image-editor","status":"publish","type":"page","link":"https:\/\/www.glitnir.com\/index.php\/using-the-editor\/image-editor\/","title":{"rendered":"Using the image editor"},"content":{"rendered":"<div id=\"pl-15318\"  class=\"panel-layout\" ><div id=\"pg-15318-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-15318-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-15318-0-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>The BEE editor includes an image editor that allows you to easily crop, rotate, resize, apply filters\/frames, add stickers... and much more - to any image, without leaving the editor. We recently updated this tool with a new one that provides several benefits and an overall enhanced user experience, including faster performance, a bigger work area, and better reactions to user modifications!<\/p>\n<p>&nbsp;<\/p>\n<p><img src=\"https:\/\/support.beefree.io\/hc\/article_attachments\/360016005592\/image-editor-animation.gif\" alt=\"image-editor-animation.gif\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Accessing the image editor<\/h3>\n<p>When you select an image in the editor an \"Apply effects &amp; more\" button is shown. Click on it to have access to a tool that allows you to edit the image in a variety of ways.<\/p>\n<p><img class=\"center autowidth \" title=\"A new image editor is coming to BEE\" src=\"http:\/\/cs.beefree.io\/images\/ConsoleImages\/apply_effects_button.PNG\" alt=\"A new image editor is coming to BEE\" width=\"450\" align=\"center\" border=\"0\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The editor has a lot of cool features, from filters to resizing &amp; cropping tools.<\/p>\n<p><img src=\"https:\/\/support.beefree.io\/hc\/article_attachments\/360016015151\/pixie_editor_4.png\" alt=\"pixie_editor_4.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>You can quickly and easily change the image size...<\/p>\n<p><img src=\"https:\/\/support.beefree.io\/hc\/article_attachments\/360015970772\/pixie_editor_2.png\" alt=\"pixie_editor_2.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>... apply some cool stickers:<\/p>\n<p><img src=\"https:\/\/support.beefree.io\/hc\/article_attachments\/360016015171\/pixie_editor_5.png\" alt=\"pixie_editor_5.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>There are also a number of predefined filters that can help you very quickly change the look of the image.<\/p>\n<p><img src=\"https:\/\/support.beefree.io\/hc\/article_attachments\/360016015131\/pixie_editor_3.png\" alt=\"pixie_editor_3.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img src=\"https:\/\/support.beefree.io\/hc\/article_attachments\/360016015111\/pixie_editor_1.png\" alt=\"pixie_editor_1.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>New image editor in November of 2018<\/h3>\n<p>Please note that we changed the image editor in November of 2018.<\/p>\n<p>Since its initial release, the BEE Editor included Adobe's\u00a0<strong>Creative SDK Image Editing UI<\/strong>\u00a0(formerly \"Aviary\") to allow users to easily manipulate images inside a message without exiting the design workflow.<\/p>\n<p>For many years this friendly add-on helped BEE users tweak images without needing a complex design tool or graphic design skills.\u00a0Unfortunately,\u00a0<a href=\"https:\/\/creativesdk.zendesk.com\/hc\/en-us\/articles\/115004788243\" target=\"_blank\" rel=\"noopener\">Adobe is discontinuing this service<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h3>Notes for BEE Plugin users<\/h3>\n<p>The Image Editor is an\u00a0<a href=\"https:\/\/docs.beefree.io\/server-side-options\/#services-options\" target=\"_blank\" rel=\"noopener\">optional service<\/a>\u00a0in your BEE Plugin configuration. Therefore, you can disable it if you don't need it or if you were to decide that it doesn't provide the desired experience.<\/p>\n<p>We carefully evaluated different services that represented an alternative to Adobe's Creative SDK Image Editing UI, and we determined that the best way to go was to customize a tool that we could integrate directly into the BEE Plugin system.<\/p>\n<p>The solution that we opted for is based on Pixie, a robust, easy-to-use, and extensible image editor.<\/p>\n<p>This new editor lacks some features that could be found in Adobe's editor.\u00a0 That said, it provides several benefits that - we believe - make up for those limitations and provide an enhanced user experience. These include:<\/p>\n<ul>\n<li>Fully integrated into the BEE editor's UI<\/li>\n<li>Better performance<\/li>\n<li>Bigger work area<\/li>\n<li>Better feedback to user interactions<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>The BEE editor includes an image editor that allows you to easily crop, rotate, resize, apply filters\/frames, add stickers&#8230; and much more &#8211; to any image, without leaving the editor. We recently updated this tool with a new one that provides several benefits and an overall enhanced user experience, including faster performance, a bigger work [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":15226,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/pages\/15318"}],"collection":[{"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/comments?post=15318"}],"version-history":[{"count":2,"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/pages\/15318\/revisions"}],"predecessor-version":[{"id":15325,"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/pages\/15318\/revisions\/15325"}],"up":[{"embeddable":true,"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/pages\/15226"}],"wp:attachment":[{"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/media?parent=15318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}