diff --git a/object.js b/object.js
index 5e0c177..e95501e 100644
--- a/object.js
+++ b/object.js
@@ -109,11 +109,13 @@ module.exports.load_colors = (inp,cook,res)=>{
 module.exports.save_grouped = (inp,cook,res)=>{
     try {
         db.sv("objects","group_obj",inp["json"],"id",inp["id"],()=>{
-            let img = imageDataURI.decode(inp["data"]);
-            if (!fs.existsSync(`public/img/object/${inp["name"]}`)){fs.mkdirSync(`public/img/object/${inp["name"]}`);}
-            fs.writeFile(`public/img/object/${inp["name"]}/main.${img.imageType.split("/").at(-1)}`, img.dataBuffer,()=>{
-                res.send({body:"good"})
-            });
+            db.sv("objects","cost",inp["cost"],"id",inp["id"],()=>{
+                let img = imageDataURI.decode(inp["data"]);
+                if (!fs.existsSync(`public/img/object/${inp["name"]}`)){fs.mkdirSync(`public/img/object/${inp["name"]}`);}
+                fs.writeFile(`public/img/object/${inp["name"]}/main.${img.imageType.split("/").at(-1)}`, img.dataBuffer,()=>{
+                    res.send({body:"good"})
+                });
+            },true)
         },true)
     } catch (error) {
         func.log("backend object creating error - "+error);
diff --git a/public/lib/fn.js b/public/lib/fn.js
index f735a5d..c0173ca 100644
--- a/public/lib/fn.js
+++ b/public/lib/fn.js
@@ -302,7 +302,7 @@ async function removeImageBackground(image) {
     }
   
     ctx.putImageData(imageData, 0, 0);
-    return canvas.toDataURL(`image/png`);
+    return canvas.toDataURL(`image/jpg`);
   }
 
   function downloadImg(url, filename) {
diff --git a/public/lib/inter.js b/public/lib/inter.js
index 3e69ca6..de72183 100644
--- a/public/lib/inter.js
+++ b/public/lib/inter.js
@@ -1,6 +1,6 @@
 window.dragMoveListener = dragMoveListener;
 let root = document.getElementById("drags");
-let objs = { height:"2",width:"4",color:"#FFFFFF"};
+let objs = { height:"2",width:"3",color:"#FFFFFF"};
 let objs_store = {};
 let proj_from = "cloud";
 let cur_obj;
@@ -19,7 +19,18 @@ function create(clas,x,y,color = null,id,size,layer = 0){
     clas.forEach(cl => {
         obj.classList.add(cl);
     });
-    get_obj(main_clas,(db_data)=>{
+    if(objs_store[main_clas] == null){
+        load_objs(()=>{
+            make_obj(objs_store[main_clas])
+        });
+    }
+    else{
+        make_obj(objs_store[main_clas])
+    }
+    // get_obj(main_clas,(db_data)=>{
+
+    // })
+    function make_obj(db_data) {
         // console.log(db_data);
         // console.log(db_data);
         // db_data.forEach(db_data => {
@@ -60,7 +71,7 @@ function create(clas,x,y,color = null,id,size,layer = 0){
             }
         }
         calc_total();
-    })
+    }
     obj.setAttribute("decoding","async");
     obj.setAttribute("loading","lazy");
     if(id != "none"){obj.setAttribute("onclick",`obj_click("${id}")`);}
diff --git a/public/lib/inter_group_object.js b/public/lib/inter_group_object.js
index 12fcde5..165b82b 100644
--- a/public/lib/inter_group_object.js
+++ b/public/lib/inter_group_object.js
@@ -1,6 +1,6 @@
 window.dragMoveListener = dragMoveListener;
 let root = document.getElementById("drags");
-let objs = { height:"2",width:"4",color:"#FFFFFF"};
+let objs = { height:"2",width:"2",color:"#ffffff",total:0};
 let objs_store = {};
 let proj_from = "cloud";
 let cur_obj;
@@ -19,7 +19,18 @@ function create(clas,x,y,color = null,id,size,layer = 0){
     clas.forEach(cl => {
         obj.classList.add(cl);
     });
-    get_obj(main_clas,(db_data)=>{
+    if(objs_store[main_clas] == null){
+        load_objs(()=>{
+            make_obj(objs_store[main_clas])
+        });
+    }
+    else{
+        make_obj(objs_store[main_clas])
+    }
+    // get_obj(main_clas,(db_data)=>{
+
+    // })
+    function make_obj(db_data) {
         // console.log(db_data);
         // console.log(db_data);
         // db_data.forEach(db_data => {
@@ -60,7 +71,7 @@ function create(clas,x,y,color = null,id,size,layer = 0){
             }
         }
         calc_total();
-    })
+    }
     obj.setAttribute("decoding","async");
     obj.setAttribute("loading","lazy");
     if(id != "none"){obj.setAttribute("onclick",`obj_click("${id}")`);}
@@ -219,7 +230,10 @@ function load(objss){
         }
 
         if (keys == "color"){
+            console.log(values);
+            document.getElementById("trans_checkbox").checked =  (values == "#ffffff")? true:false;
             document.getElementById("wall").style.backgroundColor = values;
+            wall_color_change()
         }
         if (keys == Object.keys(objs).at(-1)){
             proj_state = "loaded";
diff --git a/public/lib/inter_temp.js b/public/lib/inter_temp.js
index c6f8092..98112e9 100644
--- a/public/lib/inter_temp.js
+++ b/public/lib/inter_temp.js
@@ -1,6 +1,6 @@
 window.dragMoveListener = dragMoveListener;
 let root = document.getElementById("drags");
-let objs = { height:"2",width:"4",color:"#FFFFFF",total:0};
+let objs = { height:"2",width:"3",color:"#FFFFFF",total:0};
 let objs_store = {};
 let proj_from = "cloud";
 let cur_obj;
@@ -19,7 +19,18 @@ function create(clas,x,y,color = null,id,size,layer = 0){
     clas.forEach(cl => {
         obj.classList.add(cl);
     });
-    get_obj(main_clas,(db_data)=>{
+    if(objs_store[main_clas] == null){
+        load_objs(()=>{
+            make_obj(objs_store[main_clas])
+        });
+    }
+    else{
+        make_obj(objs_store[main_clas])
+    }
+    // get_obj(main_clas,(db_data)=>{
+
+    // })
+    function make_obj(db_data) {
         // console.log(db_data);
         // console.log(db_data);
         // db_data.forEach(db_data => {
@@ -60,7 +71,7 @@ function create(clas,x,y,color = null,id,size,layer = 0){
             }
         }
         calc_total();
-    })
+    }
     obj.setAttribute("decoding","async");
     obj.setAttribute("loading","lazy");
     if(id != "none"){obj.setAttribute("onclick",`obj_click("${id}")`);}
diff --git a/views/admin/objects/group_object.ejs b/views/admin/objects/group_object.ejs
index eba10a4..ce67a34 100644
--- a/views/admin/objects/group_object.ejs
+++ b/views/admin/objects/group_object.ejs
@@ -237,6 +237,9 @@
             }
         </style>
     </div>
+    <div style="display: flex;justify-content: space-between; width: 15vw;">
+        <div><input type="checkbox" id="trans_checkbox" checked="true" onchange='wall_color_change()'><label for="trans_checkbox">прозрачный фон</label></div>
+    </div>
     <div style="display: flex;justify-content: space-between; width: 7vw;">
         <div id="save_btn_icon" class="btn_icon" onclick="save()"><img src="/img/icon/save.png" alt="save"></div>
         <!-- <div class="btn_icon" onclick="document.getElementById('import_file').click();"><img src="/img/icon/download.png" alt="load"></div> -->
@@ -288,6 +291,7 @@
 <script src="/lib/inter_group_object.js"></script>
 <script>
     const get_object_id = new URL(window.location).searchParams.get("object_id");
+    const get_object_name = new URL(window.location).searchParams.get("object_name");
     document.getElementById("layer_inp").value = 0;
     img_cache(()=>{})
     wall_size_change('height');resize_drags();
@@ -300,27 +304,35 @@
             downloadImg(src,`${proj_name}.png`)
         },false)
     }
-
-    function get_data(id,callback) {
-        $.post( "/get_objs")
+    
+    function get_data(name,callback) {
+        $.post( "/get_obj",{name:name,key:"*"})
             .done(function( res ) {
                 if(res["out"] == "good"){
-                    Object.entries(res["body"]).forEach(([key,value]) => {
-                        if(id == value["id"]){
-                            callback(value)
-                        }
-                    });
+                    // Object.entries(res["body"]).forEach(([key,value]) => {
+                    //     if(id == value["id"]){
+                    //         callback(value)
+                    //     }
+                    // });
+                    console.log(res["body"]);
+                    callback(res["body"])
                 }
             });
     }
     
     function save() {
-        get_data(get_object_id,(data)=>{
-            proj_img((src)=>{
-                $.post( "/admin/object/grouped/save",{name:data["name"],data:src,json:JSON.stringify(objs),id:data["id"]})
-                .done(function( res ) {
-                    goto(`/admin/objects?object_id=${data["id"]}`);
-                });        
+        let wait_msg = msg("Сохраняем изображение", {type:"wait"})
+        get_data(get_object_name,(data)=>{
+            proj_img((src_orig)=>{
+                removeImageBackground(src_orig).then((src_chaged)=>{
+                    src = (JSON.parse(document.getElementById("trans_checkbox").checked) == true)? src_chaged:src_orig;
+                    console.log("posting");
+                    $.post( "/admin/object/grouped/save",{name:data["name"],data:src,json:JSON.stringify(objs),id:data["id"],cost:objs["total"]})
+                    .done(function( res ) {
+                        msg_del(wait_msg.id)
+                        goto(`/admin/objects?object_id=${data["id"]}`);
+                    });                          
+                })
             })
         })
     }
@@ -344,8 +356,8 @@
             y:7,
             x:2,
             width:width,
-            logging:false,
-            scale:5
+            logging:false
+            // scale:0.2
         }).then(canvas => {
             if(cost == true){
                 document.getElementById("cost_div").style.marginLeft = `0`;
@@ -384,11 +396,19 @@
 
     function wall_color_change(){
        if (proj_state == "loaded"){objs_back.push(JSON.parse(JSON.stringify(objs)));}
-
-        let wall = document.getElementById("wall")
-        let color = document.getElementById("wall_color")
-        wall.style.backgroundColor = color.value;
-        objs["color"] = color.value;
+        if (JSON.parse(document.getElementById("trans_checkbox").checked) == true) {
+            let wall = document.getElementById("wall")
+            wall.style.backgroundColor = "#ffffff";
+            objs["color"] = "#ffffff";
+            document.getElementById("wall_color").disabled = true;
+        }
+        else{
+            document.getElementById("wall_color").disabled = false;
+            let wall = document.getElementById("wall")
+            let color = document.getElementById("wall_color")
+            wall.style.backgroundColor = color.value;
+            objs["color"] = color.value;
+        }
     }
 
     function obj_color_change(color,in_obj = null){
diff --git a/views/admin/objects/object_creation.ejs b/views/admin/objects/object_creation.ejs
index fb68803..cc719d8 100644
--- a/views/admin/objects/object_creation.ejs
+++ b/views/admin/objects/object_creation.ejs
@@ -60,20 +60,31 @@
                 }
             </script>
             
-            <input type="checkbox" id="obj_group_check" onchange="group_object_check()">
+            <input type="checkbox" id="obj_group_check" onchange='group_object_check(event)'>
             <label for="obj_group_check">Сделать обьект группированным</label>
             <script>
-                function group_object_check(){
+                function group_object_check(event){
                     let onc = `document.getElementById('img_file').click();msg('помните что граници обозначают элемент с которым можно взаимодействовать даже если он прозрачный',{time:10,type:'help'});msg('старайтесь не оставлять пустые/прозрачные отступы',{time:15,type:'help'})`
                     let group_check = document.getElementById("obj_group_check");
                     let img_div = document.getElementById("img_prev_div");
                     if(group_check.checked == true){
-                        img_div.setAttribute("onclick",`save_edited_obj(${group_check.getAttribute("object_id")});goto('/admin/group_object?object_id=${group_check.getAttribute("object_id")}')`);
+                        document.getElementById("obj_cost").disabled = true;
+                        img_div.setAttribute("onclick",
+                        `save_edited_obj(${group_check.getAttribute("object_id")});goto('/admin/group_object?`+
+                        `object_id=${group_check.getAttribute("object_id")}&`+
+                        `object_name=${document.getElementById(`object_${group_check.getAttribute("object_id")}`).getAttribute("class").split(" ")[0]}')`);
                     }
                     else{
+                        document.getElementById("obj_cost").disabled = false;
                         img_div.setAttribute("onclick",onc);
                     }
 
+                    if(event != null && group_check.checked == true){
+                        msg("при изменении изображения вы перейдёте в режим редактирования гриппированного обьекта",{type:"help",time:11});
+                        msg("нынешние изменения сохраняться",{type:"help",time:12});
+                        msg("цена будет равна цене группы обьектов",{type:"help",time:13});
+                        msg("при сохранении гриппированного обьекта вы вернётесь в это меню с сохранением всех параметров",{type:"help",time:14});
+                    }
                 }
             </script>
         </div>
diff --git a/views/admin/objects/object_edit.ejs b/views/admin/objects/object_edit.ejs
index d593e22..a829035 100644
--- a/views/admin/objects/object_edit.ejs
+++ b/views/admin/objects/object_edit.ejs
@@ -60,9 +60,11 @@
     // load_groups(()=>{
     //     edit_get_objs();
     // });
+    const get_object_id = new URL(window.location).searchParams.get("object_id");
     
 
     function set_edit(id){
+        window.history.pushState({}, null, `${(new URL(window.location)).toString().split("?")[0]}?object_id=${id}`);
         let menu = document.getElementById(`object_${id}`);
         set_obj_edit_params(menu.getAttribute("src"),
         menu.getAttribute("name").split("~")[0],
@@ -81,6 +83,7 @@
 
     function edit_get_objs(by_name = false,callback){
         document.getElementById("objs_in_group").innerHTML = "";
+        let wait_msg_object_load = (get_object_id != null)? msg("загружаем прошлый объект",{type:"wait"}):null;
         if (obj_edit_type == "edit") set_obj_edit_params();
         edit_load_objs((data)=>{
             let wait_msg = msg("Загрузка объектов",{type:"wait"})
@@ -92,9 +95,9 @@
                     if(data.at(-1)["id"] == value["id"]){
                         msg_del(wait_msg.id);
                         msg("Объекты загружены")
-                        if(new URL(window.location).searchParams.get("object_id") != null){
-                            const get_object_id = new URL(window.location).searchParams.get("object_id");
-                            set_edit(new URL(window.location).searchParams.get("object_id"));
+                        if(get_object_id != null && wait_msg_object_load != null){
+                            set_edit(get_object_id);
+                            msg_del(wait_msg_object_load.id);
                         }
                         if(callback)callback(true);
                     }
diff --git a/views/project.ejs b/views/project.ejs
index 509723b..b0d0f6a 100644
--- a/views/project.ejs
+++ b/views/project.ejs
@@ -349,8 +349,8 @@
             y:7,
             x:2,
             width:width,
-            logging:false,
-            scale:5
+            logging:false
+            // scale:0.99
         }).then(canvas => {
             if(cost == true){
                 document.getElementById("cost_div").style.marginLeft = `0`;