{"id":9041,"date":"2022-05-18T01:34:00","date_gmt":"2022-05-18T08:34:00","guid":{"rendered":"https:\/\/www.yola.com\/blog\/?p=9041"},"modified":"2022-09-05T02:16:52","modified_gmt":"2022-09-05T09:16:52","slug":"image-enhancements-editing-resizing-and-changing-the-focal-point","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/image-enhancements-editing-resizing-and-changing-the-focal-point\/","title":{"rendered":"Image enhancements: editing, resizing, and changing the focal point"},"content":{"rendered":"\n<p>Helping businesses make their websites visually attractive has always been one of our primary goals. If a website has appealing imagery, there is more chance of visitors viewing and clicking through it. Therefore, we decided to expand Sitebuilder\u2019s image editing capabilities and give our users new opportunities to customize their website images.&nbsp;<\/p>\n\n\n\n<p>The features in this release have been in the works for a few months, and now we are ready to present our brand new super-useful image editing functionality.<\/p>\n\n\n\n<h2>Inline image editing&nbsp;<\/h2>\n\n\n\n<p>The new inline image editing controls give you more options to replace, crop, and resize your front and background images inside the frame.<\/p>\n\n\n\n<p>For example, now, you can reduce the size of your front images inside the frame as well as increase it. And if you don\u2019t like the results, you can return to the initial image position with one click.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"Cropping your image\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/rribLvwI3C8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>This feature also comes in handy when you need to insert logos and icons in the image frames and adjust them to the appropriate proportion.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/blogcontent.yola.com\/uploads\/2022\/09\/focal-point-5.png\"><img loading=\"lazy\" width=\"1406\" height=\"742\" src=\"https:\/\/blogcontent.yola.com\/uploads\/2022\/09\/focal-point-5.png\" alt=\"\" class=\"wp-image-9042\"\/><\/a><\/figure>\n\n\n\n<p>The background image editing has been enhanced too. Now you can change the background image position inside the frame by simply dragging it in any direction they need.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"Changing your backgroung image&#039;s position\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/xmrlVI4S8HU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2>Image layout editing<\/h2>\n\n\n\n<p>Another useful feature that helps you enhance your website looks is image container resizing. This feature allows both individual and group image resizing in blocks to help you add unique lines to your site layouts.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"Resizing a group of images\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/huN20n-mcEQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>And great news for mobile users \u2013 all these features are available for mobile editing.&nbsp;<\/p>\n\n\n\n<p>Visit our <a href=\"https:\/\/support.sitebuilderhost.net\/hc\/en-us\/articles\/5544642067602\" target=\"_blank\" rel=\"noreferrer noopener\">Customizing your images<\/a> tutorial to get full instructions.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Helping businesses make their websites visually attractive has always been one of our primary goals. If a website has appealing imagery, there is more chance of visitors viewing and clicking through it. Therefore, we decided to expand Sitebuilder\u2019s image editing capabilities and give our users new opportunities to customize their website images.&nbsp; The features in&hellip;&nbsp;<a href=\"https:\/\/www.yola.com\/blog\/image-enhancements-editing-resizing-and-changing-the-focal-point\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Image enhancements: editing, resizing, and changing the focal point<\/span><\/a><\/p>\n","protected":false},"author":24,"featured_media":9054,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"[\"title\",\"meta\",\"content\",\"tags\",\"comments\"]","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[129,9],"tags":[1112],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/9041"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=9041"}],"version-history":[{"count":2,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/9041\/revisions"}],"predecessor-version":[{"id":9055,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/9041\/revisions\/9055"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media\/9054"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=9041"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=9041"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=9041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}