{"id":61,"date":"2026-08-27T17:37:06","date_gmt":"2026-08-27T17:37:06","guid":{"rendered":"http:\/\/ucdreams-tools.local\/image-editor\/"},"modified":"2026-10-09T12:47:32","modified_gmt":"2026-10-09T12:47:32","slug":"image-editor","status":"publish","type":"page","link":"https:\/\/ucdreams.com\/tools\/image-editor\/","title":{"rendered":"Image Editor"},"content":{"rendered":"<div class=\"ie-studio\" id=\"ie-app\">\n<div class=\"ie-intro\" id=\"ie-intro\">\n<div class=\"ie-dropzone\" id=\"ie-drop-zone\">\n<div class=\"ie-drop-icon\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C5453E\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"9\" cy=\"9\" r=\"2\"><\/circle><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"><\/path><\/svg><\/div>\n<h3>Drop an Image Here!<\/h3>\n<p class=\"ie-or\">or<\/p>\n<p><button type=\"button\" class=\"ie-btn-primary\" id=\"ie-browse\">Choose Image<\/button><input type=\"file\" id=\"ie-file-input\" accept=\"image\/*\" hidden><\/p>\n<p class=\"ie-hint\">JPG, PNG, WebP, GIF, .ucdimg \u2014 drop anywhere on the page<\/p>\n<\/div>\n<ul class=\"ie-features-list\">\n<li><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align:middle;margin-right:6px;\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg>Multi-image layering &amp; frame clipping<\/li>\n<li><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align:middle;margin-right:6px;\"><path d=\"M6 2v14a2 2 0 0 0 2 2h14\"><\/path><path d=\"M18 22V8a2 2 0 0 0-2-2H2\"><\/path><\/svg>Non-destructive per-photo cropping<\/li>\n<li><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align:middle;margin-right:6px;\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"><\/path><\/svg>Per-photo AI background remover<\/li>\n<li><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align:middle;margin-right:6px;\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"><\/rect><rect width=\"10\" height=\"10\" x=\"7\" y=\"7\"><\/rect><\/svg>Adjustable Frame Ratio (1:1, 4:5, 9:16, 16:9)<\/li>\n<li><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align:middle;margin-right:6px;\"><polyline points=\"4 7 4 4 20 4 20 7\"><\/polyline><line x1=\"9\" y1=\"20\" x2=\"15\" y2=\"20\"><\/line><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\"><\/line><\/svg>Text with Google Fonts \u2014 size, weight, color<\/li>\n<li><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align:middle;margin-right:6px;\"><path d=\"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z\"><\/path><polyline points=\"17 21 17 13 7 13 7 21\"><\/polyline><polyline points=\"7 3 7 8 15 8\"><\/polyline><\/svg>Save &amp; Import projects (.ucdimg format)<\/li>\n<li><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align:middle;margin-right:6px;\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg>100% private \u2014 runs entirely in your browser<\/li>\n<\/ul>\n<div class=\"ie-recent-projects\" id=\"ie-recent-projects\" hidden><\/div>\n<\/div>\n<div class=\"ie-workspace\" id=\"ie-workspace\" hidden>\n<div class=\"ie-topbar\">\n<div class=\"ie-top-left\">\n<div class=\"ie-brand\"><span class=\"ie-logo-badge\">Studio<\/span><span class=\"ie-status\" id=\"ie-status\">Image Editor<\/span><\/div>\n<div class=\"ie-divider-vert ie-hide-mobile\"><\/div>\n<p><button type=\"button\" class=\"ie-tb-btn ie-hide-mobile\" id=\"ie-save-project\" title=\"Save Project (.ucdimg file)\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z\"><\/path><polyline points=\"17 21 17 13 7 13 7 21\"><\/polyline><polyline points=\"7 3 7 8 15 8\"><\/polyline><\/svg><span>Save<\/span><\/button><button type=\"button\" class=\"ie-tb-btn ie-hide-mobile\" id=\"ie-open-project\" title=\"Open Project (.ucdimg file)\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"><\/path><line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"17\"><\/line><line x1=\"9\" y1=\"14\" x2=\"15\" y2=\"14\"><\/line><\/svg><span>Open<\/span><\/button><input type=\"file\" id=\"ie-import-file\" accept=\".ucdimg,.json\" hidden><\/div>\n<div class=\"ie-top-center\"><button type=\"button\" class=\"ie-tb-btn ie-btn-compact\" id=\"ie-undo\" title=\"Undo (Ctrl+Z)\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"1 4 1 10 7 10\"><\/polyline><path d=\"M3.51 15a9 9 0 1 0 2.13-9.36L1 10\"><\/path><\/svg><span class=\"ie-hide-mobile\">Undo<\/span><\/button><button type=\"button\" class=\"ie-tb-btn ie-btn-compact\" id=\"ie-redo\" title=\"Redo (Ctrl+Y)\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"><\/polyline><path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"><\/path><\/svg><span class=\"ie-hide-mobile\">Redo<\/span><\/button><\/p>\n<div class=\"ie-divider-vert ie-hide-mobile\"><\/div>\n<p><button type=\"button\" class=\"ie-tb-btn ie-hide-mobile\" id=\"ie-duplicate\" title=\"Duplicate selection\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"13\" height=\"13\" x=\"9\" y=\"9\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg><span>Duplicate<\/span><\/button><button type=\"button\" class=\"ie-tb-btn ie-hide-mobile\" id=\"ie-front\" title=\"Bring to Front\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg><span>Front<\/span><\/button><button type=\"button\" class=\"ie-tb-btn ie-hide-mobile\" id=\"ie-back\" title=\"Send to Back\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 22 22 17 12 12 2 17 12 22\"><\/polygon><polyline points=\"22 12 12 7 2 12\"><\/polyline><\/svg><span>Back<\/span><\/button><button type=\"button\" class=\"ie-tb-btn ie-btn-danger ie-hide-mobile\" id=\"ie-delete\" title=\"Delete selection (Del)\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 6 5 6 21 6\"><\/polyline><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"><\/path><\/svg><span>Delete<\/span><\/button><\/div>\n<div class=\"ie-top-right\"><button type=\"button\" class=\"ie-tb-btn ie-show-mobile\" id=\"ie-more-btn\" title=\"More Options\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"1.5\"><\/circle><circle cx=\"19\" cy=\"12\" r=\"1.5\"><\/circle><circle cx=\"5\" cy=\"12\" r=\"1.5\"><\/circle><\/svg><span class=\"ie-btn-text\">More<\/span><\/button><button type=\"button\" class=\"ie-tb-btn ie-hide-mobile\" id=\"ie-fullscreen\" title=\"Toggle Fullscreen (F11)\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"><\/path><\/svg><span>Fullscreen<\/span><\/button><\/p>\n<div class=\"ie-export-wrap\"><select id=\"ie-export-format\" class=\"ie-select-sm\"><option value=\"png\">PNG<\/option><option value=\"jpeg\">JPG<\/option><option value=\"webp\">WebP<\/option><option value=\"pdf\">PDF<\/option><\/select><button type=\"button\" class=\"ie-btn-export\" id=\"ie-export\">Export<\/button><\/div>\n<p><button type=\"button\" class=\"ie-close-btn\" id=\"ie-clear\" title=\"Close editor\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button><\/div>\n<\/div>\n<div class=\"ie-more-popover\" id=\"ie-more-menu\" hidden>\n<div class=\"ie-more-popover-header\"><span class=\"ie-more-popover-title\">Actions &amp; Options<\/span><button type=\"button\" class=\"ie-drawer-close\" id=\"ie-more-close\" aria-label=\"Close menu\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button><\/div>\n<div class=\"ie-more-popover-body\"><button type=\"button\" class=\"ie-more-item\" id=\"ie-more-save\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z\"><\/path><polyline points=\"17 21 17 13 7 13 7 21\"><\/polyline><polyline points=\"7 3 7 8 15 8\"><\/polyline><\/svg><span>Save Project (.ucdimg)<\/span><\/button><button type=\"button\" class=\"ie-more-item\" id=\"ie-more-open\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"><\/path><line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"17\"><\/line><line x1=\"9\" y1=\"14\" x2=\"15\" y2=\"14\"><\/line><\/svg><span>Open Project (.ucdimg)<\/span><\/button><button type=\"button\" class=\"ie-more-item\" id=\"ie-more-fs\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"><\/path><\/svg><span>Toggle Fullscreen<\/span><\/button><\/p>\n<div class=\"ie-more-divider\"><\/div>\n<p><button type=\"button\" class=\"ie-more-item\" id=\"ie-more-dup\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"13\" height=\"13\" x=\"9\" y=\"9\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg><span>Duplicate Selected<\/span><\/button><button type=\"button\" class=\"ie-more-item\" id=\"ie-more-front\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg><span>Bring to Front<\/span><\/button><button type=\"button\" class=\"ie-more-item\" id=\"ie-more-back\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 22 22 17 12 12 2 17 12 22\"><\/polygon><polyline points=\"22 12 12 7 2 12\"><\/polyline><\/svg><span>Send to Back<\/span><\/button><button type=\"button\" class=\"ie-more-item ie-more-item-danger\" id=\"ie-more-del\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 6 5 6 21 6\"><\/polyline><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"><\/path><\/svg><span>Delete Selected<\/span><\/button><\/div>\n<\/div>\n<div class=\"ie-main-studio\">\n<div class=\"ie-sidebar\" id=\"ie-sidebar\">\n<div class=\"ie-sidebar-nav\"><button type=\"button\" class=\"ie-nav-tab active\" data-tab=\"tab-add\"><span class=\"ie-tab-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg><\/span><span class=\"ie-tab-label\">Add<\/span><\/button><button type=\"button\" class=\"ie-nav-tab\" data-tab=\"tab-edit\"><span class=\"ie-tab-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path><\/svg><\/span><span class=\"ie-tab-label\">Edit<\/span><\/button><button type=\"button\" class=\"ie-nav-tab\" data-tab=\"tab-canvas\"><span class=\"ie-tab-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"><\/rect><rect width=\"10\" height=\"10\" x=\"7\" y=\"7\"><\/rect><\/svg><\/span><span class=\"ie-tab-label\">Frame<\/span><\/button><\/div>\n<div class=\"ie-sidebar-panels\" id=\"ie-sidebar-panels\">\n<div class=\"ie-drawer-header ie-show-mobile\">\n<div class=\"ie-drawer-handle\"><\/div>\n<p><button type=\"button\" class=\"ie-drawer-close\" id=\"ie-drawer-close-btn\" aria-label=\"Close panel\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button><\/div>\n<div class=\"ie-panel active\" id=\"tab-add\">\n<h4 class=\"ie-panel-title\">Add Elements<\/h4>\n<p><button type=\"button\" class=\"ie-tool-block\" id=\"ie-add-image\"><span class=\"ie-block-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"9\" cy=\"9\" r=\"2\"><\/circle><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"><\/path><\/svg><\/span><span>Add Photo \/ Image<\/span><\/button><input type=\"file\" id=\"ie-overlay-input\" accept=\"image\/*\" hidden><button type=\"button\" class=\"ie-tool-block\" id=\"ie-add-text\"><span class=\"ie-block-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4 7 4 4 20 4 20 7\"><\/polyline><line x1=\"9\" y1=\"20\" x2=\"15\" y2=\"20\"><\/line><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\"><\/line><\/svg><\/span><span>Add Text<\/span><\/button><\/p>\n<div class=\"ie-control-group\"><label class=\"ie-label\">Shapes<\/label><select id=\"ie-shape\" class=\"ie-select-full\"><option value=\"\">Select Shape\u2026<\/option><option value=\"rect\">Rectangle<\/option><option value=\"circle\">Circle<\/option><option value=\"triangle\">Triangle<\/option><\/select><\/div>\n<div class=\"ie-control-group\"><label class=\"ie-label\">Badges &amp; Accents<\/label><select id=\"ie-emoji\" class=\"ie-select-full\"><option value=\"\">Add Shapes &amp; Badges\u2026<\/option><option value=\"heart\">Heart Badge<\/option><option value=\"star\">Star Rating<\/option><option value=\"sparkle\">Sparkle Glow<\/option><option value=\"flame\">Flame Icon<\/option><option value=\"badge\">Sale Tag<\/option><option value=\"checkmark\">Verified Check<\/option><\/select><\/div>\n<\/div>\n<div class=\"ie-panel\" id=\"tab-edit\" hidden>\n<h4 class=\"ie-panel-title\">Edit Selected Image<\/h4>\n<div class=\"ie-tool-row\"><button type=\"button\" class=\"ie-btn-action\" id=\"ie-crop-btn\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2v14a2 2 0 0 0 2 2h14\"><\/path><path d=\"M18 22V8a2 2 0 0 0-2-2H2\"><\/path><\/svg>Crop Image<\/button><button type=\"button\" class=\"ie-btn-action ie-btn-ok\" id=\"ie-crop-apply\" hidden><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Apply Crop<\/button><button type=\"button\" class=\"ie-btn-action ie-btn-cancel\" id=\"ie-crop-cancel\" hidden><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>Cancel<\/button><\/div>\n<div class=\"ie-tool-row\"><button type=\"button\" class=\"ie-btn-action ie-btn-magic\" id=\"ie-remove-bg\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"><\/path><\/svg>Remove BG (AI)<\/button><\/div>\n<div class=\"ie-tool-row\"><button type=\"button\" class=\"ie-btn-action\" id=\"ie-flipx\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"7 16 3 12 7 8\"><\/polyline><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><polyline points=\"17 8 21 12 17 16\"><\/polyline><\/svg>Flip Horizontally<\/button><\/div>\n<\/div>\n<div class=\"ie-panel\" id=\"tab-canvas\" hidden>\n<h4 class=\"ie-panel-title\">Frame Ratio &amp; Canvas<\/h4>\n<div class=\"ie-control-group\"><label class=\"ie-label\">Frame Aspect Ratio<\/label><select id=\"ie-frame-preset\" class=\"ie-select-full\"><option value=\"\">Select Frame Ratio\u2026<\/option><option value=\"1080x1080\">1:1 Square (1080\u00d71080)<\/option><option value=\"1080x1350\">4:5 Portrait (1080\u00d71350)<\/option><option value=\"1080x1920\">9:16 Vertical (1080\u00d71920)<\/option><option value=\"1920x1080\">16:9 Landscape (1920\u00d71080)<\/option><option value=\"1200x400\">3:1 Banner (1200\u00d7400)<\/option><option value=\"custom\">Custom Size (W \u00d7 H)\u2026<\/option><\/select><\/div>\n<div class=\"ie-control-group\" id=\"ie-frame-custom\" hidden><label class=\"ie-label\">Custom Frame Size (px)<\/label><\/p>\n<div class=\"ie-control-row\">\n<div class=\"ie-control-col\"><input type=\"number\" id=\"ie-frame-w\" placeholder=\"Width\" value=\"1080\" class=\"ie-input-num\"><\/div>\n<div class=\"ie-control-col\"><input type=\"number\" id=\"ie-frame-h\" placeholder=\"Height\" value=\"1080\" class=\"ie-input-num\"><\/div>\n<\/div>\n<p><button type=\"button\" class=\"ie-btn-action\" id=\"ie-frame-apply\" style=\"margin-top:6px\">Apply Dimensions<\/button><\/div>\n<div class=\"ie-control-group\"><label class=\"ie-label\">Background Color<\/label><\/p>\n<div class=\"ie-color-picker-row\"><input type=\"color\" id=\"ie-bg-color\" value=\"#ffffff\"><button type=\"button\" class=\"ie-btn-sm\" id=\"ie-bg-transparent\">Transparent<\/button><\/div>\n<\/div>\n<\/div>\n<div class=\"ie-panel ie-text-panel\" id=\"ie-text-ctl\" hidden>\n<h4 class=\"ie-panel-title\">Text Options<\/h4>\n<div class=\"ie-control-group\"><label class=\"ie-label\">Font Family<\/label><select id=\"ie-font\" class=\"ie-select-full\"><option>Poppins<\/option><option>Montserrat<\/option><option>Roboto<\/option><option>Playfair Display<\/option><option>Oswald<\/option><option>Lobster<\/option><option>Pacifico<\/option><option>Dancing Script<\/option><option>Anton<\/option><option>Bebas Neue<\/option><option>Caveat<\/option><option>Rubik<\/option><option>Nunito<\/option><option>Merriweather<\/option><option>Arial<\/option><\/select><\/div>\n<div class=\"ie-control-row\">\n<div class=\"ie-control-col\"><label class=\"ie-label\">Font Size<\/label><input type=\"number\" id=\"ie-font-size\" value=\"64\" min=\"8\" max=\"600\" class=\"ie-input-num\"><\/div>\n<div class=\"ie-control-col\"><label class=\"ie-label\">Weight<\/label><select id=\"ie-font-weight\" class=\"ie-select-full\"><option value=\"300\">Light<\/option><option value=\"400\">Regular<\/option><option value=\"600\">Semibold<\/option><option value=\"700\">Bold<\/option><option value=\"900\">Black<\/option><\/select><\/div>\n<\/div>\n<div class=\"ie-control-group\"><label class=\"ie-label\">Text Color<\/label><input type=\"color\" id=\"ie-text-color\" value=\"#ffffff\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"ie-stage\">\n<div class=\"ie-canvas-wrap\" id=\"ie-canvas-wrap\"><canvas id=\"ie-canvas\"><\/canvas><\/div>\n<div class=\"ie-selection-bar\" id=\"ie-selection-bar\" hidden><button type=\"button\" class=\"ie-sel-btn\" id=\"ie-sel-dup\" title=\"Duplicate selection\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"13\" height=\"13\" x=\"9\" y=\"9\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg><span>Duplicate<\/span><\/button><button type=\"button\" class=\"ie-sel-btn\" id=\"ie-sel-front\" title=\"Bring to front\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg><span>Front<\/span><\/button><button type=\"button\" class=\"ie-sel-btn\" id=\"ie-sel-back\" title=\"Send to back\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 22 22 17 12 12 2 17 12 22\"><\/polygon><polyline points=\"22 12 12 7 2 12\"><\/polyline><\/svg><span>Back<\/span><\/button><button type=\"button\" class=\"ie-sel-btn ie-sel-btn-danger\" id=\"ie-sel-del\" title=\"Delete selection\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 6 5 6 21 6\"><\/polyline><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"><\/path><\/svg><span>Delete<\/span><\/button><\/div>\n<div class=\"ie-stage-footer\"><span class=\"ie-status-hint ie-hide-mobile\">Double-click text to edit \u2022 Drag handles to scale &amp; rotate \u2022 Right-click photo for options<\/span><\/p>\n<div class=\"ie-zoom-controls\"><button type=\"button\" class=\"ie-zoom-btn\" id=\"ie-zoom-out\" title=\"Zoom Out\">\u2212<\/button><span class=\"ie-zoom-value\" id=\"ie-zoom-val\">100%<\/span><button type=\"button\" class=\"ie-zoom-btn\" id=\"ie-zoom-in\" title=\"Zoom In\">+<\/button><button type=\"button\" class=\"ie-zoom-btn ie-zoom-fit\" id=\"ie-zoom-fit\" title=\"Fit to Screen\">Fit<\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"ie-backdrop\" id=\"ie-backdrop\" hidden><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Drop an Image Here! or Choose Image JPG, PNG, WebP, GIF, .ucdimg \u2014 drop anywhere on the page Multi-image layering &amp; frame clipping Non-destructive per-photo cropping Per-photo AI background remover Adjustable Frame Ratio (1:1, 4:5, 9:16, 16:9) Text with Google Fonts \u2014 size, weight, color Save &amp; Import projects (.ucdimg format) 100% private \u2014 runs [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rank_math_title":"Free Online Photo & Image Editor \u2014 Crop, Filter & Edit | UCDreams","rank_math_description":"Crop, rotate, filter, resize, and add text or stickers to images online for free. Feature-rich browser photo editor with immediate PNG\/JPG export.","rank_math_focus_keyword":"free online photo editor","rank_math_robots":null,"rank_math_canonical_url":"","rank_math_facebook_title":"Free Online Photo & Image Editor \u2014 Crop, Filter & Edit | UCDreams","rank_math_facebook_description":"Crop, rotate, filter, resize, and add text or stickers to images online for free. Feature-rich browser photo editor with immediate PNG\/JPG export.","rank_math_twitter_title":"Free Online Photo & Image Editor \u2014 Crop, Filter & Edit | UCDreams","rank_math_twitter_description":"Crop, rotate, filter, resize, and add text or stickers to images online for free. Feature-rich browser photo editor with immediate PNG\/JPG export.","rank_math_twitter_card_type":"summary_large_image","footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":17,"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":360,"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/pages\/61\/revisions\/360"}],"wp:attachment":[{"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}