{"id":1529,"date":"2023-03-20T21:45:21","date_gmt":"2023-03-20T21:45:21","guid":{"rendered":"https:\/\/universomotero.com\/?page_id=1529"},"modified":"2025-12-06T06:00:06","modified_gmt":"2025-12-06T06:00:06","slug":"%e0%a4%91%e0%a4%a8%e0%a4%b2%e0%a4%be%e0%a4%87%e0%a4%a8-%e0%a4%9b%e0%a4%b5%e0%a4%bf-%e0%a4%95%e0%a4%be-%e0%a4%86%e0%a4%95%e0%a4%be%e0%a4%b0-%e0%a4%ac%e0%a4%a6%e0%a4%b2%e0%a5%87%e0%a4%82","status":"publish","type":"page","link":"https:\/\/universomotero.com\/hi\/%e0%a4%91%e0%a4%a8%e0%a4%b2%e0%a4%be%e0%a4%87%e0%a4%a8-%e0%a4%9b%e0%a4%b5%e0%a4%bf-%e0%a4%95%e0%a4%be-%e0%a4%86%e0%a4%95%e0%a4%be%e0%a4%b0-%e0%a4%ac%e0%a4%a6%e0%a4%b2%e0%a5%87%e0%a4%82\/","title":{"rendered":"\u0911\u0928\u0932\u093e\u0907\u0928 \u091b\u0935\u093f \u0915\u093e \u0906\u0915\u093e\u0930 \u092c\u0926\u0932\u0947\u0902"},"content":{"rendered":"<h2 class=\"wp-block-heading has-text-align-center\">\u0911\u0928\u0932\u093e\u0907\u0928 \u091b\u0935\u093f \u0915\u093e \u0906\u0915\u093e\u0930 \u092c\u0926\u0932\u0947\u0902<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>\u0939\u092e\u093e\u0930\u093e \u0911\u0928\u0932\u093e\u0907\u0928 \u0907\u092e\u0947\u091c \u0930\u0940\u0938\u093e\u0907\u091c\u093c \u091f\u0942\u0932 \u091b\u0935\u093f\u092f\u094b\u0902 \u0915\u093e \u0906\u0915\u093e\u0930 \u092c\u0926\u0932\u0928\u0947 \u0914\u0930 \u0909\u0928\u094d\u0939\u0947\u0902 \u0905\u0928\u094d\u092f \u092a\u094d\u0930\u093e\u0930\u0942\u092a\u094b\u0902 \u092e\u0947\u0902 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u093f\u0924 \u0915\u0930\u0928\u0947 \u092e\u0947\u0902 \u092e\u0926\u0926 \u0915\u0930\u0924\u093e \u0939\u0948\u0964<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"text-align: center;\" class=\"layout\">\n<div class=\"container\">\n<div class=\"image-container\">\n<div class=\"image-preview\">\n<img decoding=\"async\" id=\"myImage\" src=\"http:\/\/universomotero.com\/wp-content\/uploads\/2023\/03\/back.png\" alt=\"\u0906\u0915\u093e\u0930 \u092c\u0926\u0932\u0940 \u0917\u0908 \u091b\u0935\u093f\">\n   <p id=\"originalInfo\"><\/p>\n   <\/div>\n   <div class=\"file\">\n   <input style=\"display:none;\" class=\"upload-btn\" data-text=\"Select your file!\" type=\"file\" id=\"uploadImage\" accept=\"image\/*\" onchange=\"showOriginalInfo()\">\n   <label class=\"upload-image-button upload-btn\" for=\"uploadImage\">\u092b\u093c\u093e\u0907\u0932\u0947\u0902 \u091a\u0941\u0928\u0947\u0902<\/label>\n   <\/div>\n\n   <div class=\"width-box\">\n   <label for=\"width\">\u091a\u094c\u0921\u093c\u093e\u0908:<\/label>\n   <input type=\"number\" id=\"width\" name=\"width\">\n   <\/div>\n   <div class=\"height-box\">\n   <label for=\"height\">\u090a\u0902\u091a\u093e\u0908:<\/label>\n   <input type=\"number\" id=\"height\" name=\"height\">\n   <\/div>\n   <label for=\"format\">\u092a\u094d\u0930\u093e\u0930\u0942\u092a:<\/label>\n   <div>\n   <select id=\"format\" name=\"format\">\n   <option value=\"jpg\">\u091c\u0947\u092a\u0940\u091c\u0940<\/option>\n   <option value=\"png\">\u092a\u0940\u090f\u0928\u091c\u0940<\/option>\n   <option value=\"webp\">\u0935\u0947\u092c\u092a\u0940<\/option>\n   <\/select>\n   <\/div>\n\n   <br>\n   <div class=\"width-box\">\n   <button id=\"resizeBtn\" onclick=\"resizeImage()\">\u091b\u0935\u093f \u0915\u093e \u0906\u0915\u093e\u0930 \u092c\u0926\u0932\u0947\u0902<\/button>\n   <a id=\"downloadBtn\" download=\"online-image-resize.jpg\" href=\"\"><button class=\"download-button\">\u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u0915\u0930\u0928\u093e<\/button><\/a>\n   <p id=\"resizedInfo\"><\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<style>\nbody {\nfont-family: system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n\nhtml,\nbody,\n.container {\nheight: 100%;\nwidth: 100%;\n}\n\n.container {\ndisplay: flex;\nflex-wrap: wrap;\njustify-content: center;\n}\n\n.width-box, .height-box{\npadding:5px;\n}\n\n.image-container {\nwidth: 100%;\nmax-width: 600px;\n\/*margin: 20px;*\/\npadding: 20px;\nborder: 1px solid #ccc;\nborder-radius: 10px;\nbox-shadow: 0px 0px 10px #ccc;\n}\n\n.image-preview {\nwidth: 100%;\nmax-width: 600px;\n}\n\nimg {\ndisplay: unset!important;\nmax-width: 100%;\nheight: auto;\nmax-width: 90%!important;\nmax-height: 220px!important;\n}\n\ninput[type=\"file\"] {\nmargin-bottom: 10px;\n}\n\nbutton {\nbackground-color: #4CAF50;\nborder: none;\ncolor: white;\npadding: 10px 20px;\ntext-align: center;\ntext-decoration: none;\ndisplay: inline-block;\nfont-size: 16px;\nmargin-bottom: 10px;\nborder-radius: 5px;\ncursor: pointer;\n}\n\n.download-button{\nbackground-color:#1289dd;\n}\n\n[type=\"file\"] + label {\nbackground: hsl(214deg 62% 46%);\nborder: none;\nborder-radius: 5px;\ncolor: #fff;\ncursor: pointer;\ndisplay: inline-block;\nfont-family: 'Rubik', sans-serif;\nfont-size: inherit;\nfont-weight: 500;\nmargin-bottom: 1rem;\noutline: none;\nposition: relative;\ntransition: all 0.3s;\nvertical-align: middle;\n}\n\n.upload-btn:hover {\nbox-shadow: 0 4px darken(#f8eae3, 10%);\ntop: 2px;\nbackground: #545b62!important;\n}\n\n.upload-image-button {\ncolor: #878787;\n}\n\n.upload-image-button {\ncolor: #fff;\ncursor: pointer;\noutline: none;\npadding: 10px 25px;\ntext-transform: uppercase;\ntransition: all 1s ease;\nmargin: 10px 0px 10px 0px;\n}\n\n.row {\ndisplay: flex;\njustify-content: space-between;\n}\n\n#originalInfo {\nfont-size:16px;\ncolor: #ec0000;\n}\n\n#resizedInfo {\nfont-size:16px;\ncolor: #008000;\n}\n\n@media screen and (max-width: 768px) {\n.container {\nflex-direction: column\n}\n<\/style>\n\n\n\n<script>\nconst img = document.getElementById(\"myImage\");\nconst upload = document.getElementById(\"uploadImage\");\nconst widthInput = document.getElementById(\"width\");\nconst heightInput = document.getElementById(\"height\");\nconst formatSelect = document.getElementById(\"format\");\nconst downloadBtn = document.getElementById(\"downloadBtn\");\nconst originalInfo = document.getElementById(\"originalInfo\");\nconst resizedInfo = document.getElementById(\"resizedInfo\");\n\nfunction showOriginalInfo() {\nconst file = upload.files[0];\nconst fileSize = Math.round(file.size \/ 1024);\nconst fileType = file.type.split(\"\/\")[1].toUpperCase();\nconst img = new Image();\nimg.src = URL.createObjectURL(file);\nimg.onload = function() {\nconst width = this.width;\nconst height = this.height;\noriginalInfo.innerHTML = `Original size: ${width} x ${height} - ${fileSize} KB (${fileType})`;\n};\n}\n\nfunction resizeImage() {\nconst currentWidth = img.clientWidth;\nconst currentHeight = img.clientHeight;\nconst desiredWidth = widthInput.value || currentWidth;\nconst desiredHeight = heightInput.value || currentHeight;\nconst format = formatSelect.value;\n\nimg.style.width = desiredWidth + \"px\";\nimg.style.height = desiredHeight + \"px\";\n\nconst canvas = document.createElement(\"canvas\");\ncanvas.width = desiredWidth;\ncanvas.height = desiredHeight;\n\nconst ctx = canvas.getContext(\"2d\");\nctx.drawImage(img, 0, 0, desiredWidth, desiredHeight);\n\nconst dataUrl = canvas.toDataURL(\"image\/\" + format);\ndownloadBtn.href = dataUrl;\ndownloadBtn.download = \"online-image-resize.\" + format;\n\ncanvas.toBlob((blob) => {\nconst url = URL.createObjectURL(blob);\nimg.src = url;\ndownloadBtn.href = url;\ndownloadBtn.download = `online-image-resize.${format}`;\nconst resizedFileSize = Math.round(blob.size \/ 1024);\nconst resizedFileType = blob.type;\nresizedInfo.innerHTML = `Resized size: ${desiredWidth} x ${desiredHeight} - ${resizedFileSize} KB`;\n}, `image\/${format}`, 1);\n}\n\nupload.addEventListener(\"change\", function() {\nconst file = upload.files[0];\nconst reader = new FileReader();\n\nreader.addEventListener(\"load\", function() {\nimg.src = reader.result;\n}, false);\n\nif (file) {\nreader.readAsDataURL(file);\n}\n});\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">\u0907\u092e\u0947\u091c \u0930\u0940\u0938\u093e\u0907\u091c\u093c\u093f\u0902\u0917 \u0915\u094d\u092f\u093e \u0939\u0948?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0907\u092e\u0947\u091c \u0930\u0940\u0938\u093e\u0907\u091c\u093c\u093f\u0902\u0917 \u090f\u0915 \u0910\u0938\u0940 \u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e \u0939\u0948 \u091c\u093f\u0938\u092e\u0947\u0902 \u0907\u092e\u0947\u091c \u0915\u0947 \u0906\u0915\u093e\u0930, \u0906\u092f\u093e\u092e \u092f\u093e \u0930\u093f\u091c\u093c\u0949\u0932\u094d\u092f\u0942\u0936\u0928 \u0915\u094b \u092c\u0926\u0932\u093e \u091c\u093e\u0924\u093e \u0939\u0948, \u0906\u092e\u0924\u094c\u0930 \u092a\u0930 \u0907\u0938\u0947 \u0935\u093f\u092d\u093f\u0928\u094d\u0928 \u0906\u0909\u091f\u092a\u0941\u091f \u092e\u093e\u0927\u094d\u092f\u092e\u094b\u0902 \u092e\u0947\u0902 \u092b\u093f\u091f \u0915\u0930\u0928\u0947 \u092f\u093e \u092b\u093c\u093e\u0907\u0932 \u0915\u093e \u0906\u0915\u093e\u0930 \u0915\u092e \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f\u0964 \u0907\u092e\u0947\u091c \u0930\u0940\u0938\u093e\u0907\u091c\u093c \u0915\u0930\u0924\u0947 \u0938\u092e\u092f \u0938\u093e\u0935\u0927\u093e\u0928\u0940 \u092c\u0930\u0924\u0928\u093e \u0906\u0935\u0936\u094d\u092f\u0915 \u0939\u0948 \u0915\u094d\u092f\u094b\u0902\u0915\u093f \u0907\u0938\u0938\u0947 \u0909\u0928\u0915\u0940 \u0917\u0941\u0923\u0935\u0924\u094d\u0924\u093e \u0914\u0930 \u0938\u094d\u092a\u0937\u094d\u091f\u0924\u093e \u092a\u094d\u0930\u092d\u093e\u0935\u093f\u0924 \u0939\u094b \u0938\u0915\u0924\u0940 \u0939\u0948\u0964.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0907\u092e\u0947\u091c \u0930\u093f\u0938\u093e\u0907\u091c\u0930 \u0915\u094d\u092f\u093e \u0939\u094b\u0924\u093e \u0939\u0948?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0907\u092e\u0947\u091c \u0930\u0940\u0938\u093e\u0907\u091c\u093c\u0930 \u0928\u093e\u092e\u0915 \u090f\u0915 \u0911\u0928\u0932\u093e\u0907\u0928 \u091f\u0942\u0932 \u0939\u0948, \u091c\u093f\u0938\u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0907\u092e\u0947\u091c \u0915\u093e \u0906\u0915\u093e\u0930 \u092c\u0926\u0932\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964 \u0907\u0938 \u090f\u092a\u094d\u0932\u093f\u0915\u0947\u0936\u0928 \u0915\u0940 \u092e\u0926\u0926 \u0938\u0947 \u091c\u0947\u092a\u0940\u091c\u0940, \u092a\u0940\u090f\u0928\u091c\u0940 \u0914\u0930 \u0935\u0947\u092c\u092a\u0940 \u092b\u093c\u093e\u0907\u0932\u094b\u0902 \u0938\u0939\u093f\u0924 \u0915\u093f\u0938\u0940 \u092d\u0940 \u0907\u092e\u0947\u091c \u0915\u093e \u0906\u0915\u093e\u0930 \u092c\u0926\u0932\u093e \u091c\u093e \u0938\u0915\u0924\u093e \u0939\u0948\u0964 \u092f\u0939 \u091c\u093e\u0935\u093e\u0938\u094d\u0915\u094d\u0930\u093f\u092a\u094d\u091f-\u0938\u0915\u094d\u0937\u092e \u0915\u093f\u0938\u0940 \u092d\u0940 \u092c\u094d\u0930\u093e\u0909\u091c\u093c\u0930 \u092e\u0947\u0902 \u0924\u0941\u0930\u0902\u0924 \u0915\u093e\u092e \u0915\u0930\u0924\u093e \u0939\u0948 \u0914\u0930 \u092a\u0942\u0930\u0940 \u0924\u0930\u0939 \u0938\u0947 \u0935\u0947\u092c-\u0906\u0927\u093e\u0930\u093f\u0924 \u0939\u0948\u0964.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0911\u0928\u0932\u093e\u0907\u0928 \u0907\u092e\u0947\u091c \u0915\u093e \u0906\u0915\u093e\u0930 \u0915\u0948\u0938\u0947 \u092c\u0926\u0932\u0947\u0902?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0939\u092e\u093e\u0930\u0947 \u091f\u0942\u0932 \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0915\u0947 \u0911\u0928\u0932\u093e\u0907\u0928 \u091b\u0935\u093f\u092f\u094b\u0902 \u0915\u093e \u0906\u0915\u093e\u0930 \u092c\u0926\u0932\u0928\u093e \u092c\u0939\u0941\u0924 \u0939\u0940 \u0938\u0930\u0932 \u0915\u093e\u0930\u094d\u092f \u0939\u0948\u0964 \u091b\u0935\u093f \u0915\u093e \u0906\u0915\u093e\u0930 \u092c\u0926\u0932\u0928\u0947 \u0915\u0947 \u091a\u0930\u0923 \u0907\u0938 \u092a\u094d\u0930\u0915\u093e\u0930 \u0939\u0948\u0902:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u091f\u0942\u0932 \u0916\u094b\u0932\u0947\u0902 \u0914\u0930 \u0905\u092a\u0928\u0947 \u092b\u094b\u0928 \u092f\u093e \u0915\u0902\u092a\u094d\u092f\u0942\u091f\u0930 \u0938\u0947 \u090f\u0915 \u091b\u0935\u093f \u091a\u0941\u0928\u0947\u0902\u0964.<\/li>\n\n\n\n<li>\u0906\u092a \u091c\u093f\u0938 \u0928\u0908 \u091b\u0935\u093f \u0915\u094b \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902, \u0909\u0938\u0915\u0940 \u090a\u0902\u091a\u093e\u0908 \u0914\u0930 \u091a\u094c\u0921\u093c\u093e\u0908 \u0926\u0930\u094d\u091c \u0915\u0930\u0947\u0902\u0964.<\/li>\n\n\n\n<li>\u0928\u0908 \u091b\u0935\u093f \u0915\u0947 \u0932\u093f\u090f \u0906\u0935\u0936\u094d\u092f\u0915 \u091b\u0935\u093f \u092a\u094d\u0930\u093e\u0930\u0942\u092a \u0915\u093e \u091a\u092f\u0928 \u0915\u0930\u0947\u0902\u0964.<\/li>\n\n\n\n<li>\u0930\u093f\u0938\u093e\u0907\u091c \u092c\u091f\u0928 \u092a\u0930 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902 \u0914\u0930 \u0928\u0908 \u0930\u093f\u0938\u093e\u0907\u091c \u0915\u0940 \u0917\u0908 \u0907\u092e\u0947\u091c \u0915\u093e \u092a\u094d\u0930\u0940\u0935\u094d\u092f\u0942 \u0926\u0947\u0916\u0947\u0902\u0964.<\/li>\n\n\n\n<li>\u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u092c\u091f\u0928 \u092a\u0930 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902 \u0914\u0930 \u0907\u0938\u0947 \u0905\u092a\u0928\u0947 \u0921\u093f\u0935\u093e\u0907\u0938 \u092a\u0930 \u0938\u0947\u0935 \u0915\u0930\u0947\u0902\u0964.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u090a\u092a\u0930 \u0926\u093f\u090f \u0917\u090f \u0928\u093f\u0930\u094d\u0926\u0947\u0936\u094b\u0902 \u0938\u0947, \u0928\u092f\u093e \u0906\u0915\u093e\u0930 \u092c\u0926\u0932\u093e \u0939\u0941\u0906 \u091a\u093f\u0924\u094d\u0930 \u0906\u092a\u0915\u0947 \u0921\u093f\u0935\u093e\u0907\u0938 \u092e\u0947\u0902 \u0938\u0947\u0935 \u0939\u094b \u091c\u093e\u090f\u0917\u093e\u0964 \u0905\u092c \u0906\u092a \u0907\u0938\u0947 \u0915\u0939\u0940\u0902 \u092d\u0940 \u0907\u0938\u094d\u0924\u0947\u092e\u093e\u0932 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u092f\u0939 \u0915\u093f\u0924\u0928\u0947 \u0907\u092e\u0947\u091c \u092b\u0949\u0930\u094d\u092e\u0947\u091f \u0915\u094b \u0938\u092a\u094b\u0930\u094d\u091f \u0915\u0930\u0924\u093e \u0939\u0948?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0935\u0930\u094d\u0924\u092e\u093e\u0928 \u092e\u0947\u0902, \u0939\u092e \u0924\u0940\u0928 \u0938\u092c\u0938\u0947 \u0932\u094b\u0915\u092a\u094d\u0930\u093f\u092f \u091b\u0935\u093f \u092a\u094d\u0930\u093e\u0930\u0942\u092a\u094b\u0902 \u091c\u0947\u092a\u0940\u0908\u091c\u0940, \u092a\u0940\u090f\u0928\u091c\u0940 \u0914\u0930 \u0935\u0947\u092c\u092a\u0940 \u0915\u093e \u0938\u092e\u0930\u094d\u0925\u0928 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902, \u091c\u093f\u0928\u0915\u093e \u0935\u094d\u092f\u093e\u092a\u0915 \u0930\u0942\u092a \u0938\u0947 \u0909\u092a\u092f\u094b\u0917 \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964.<\/p>","protected":false},"excerpt":{"rendered":"<p>Online Image Resize Our online image resize tool helps to resize images and also convert them to other formats Choose files Width: Height: Format: JPGPNGWebP Resize Image Download What Is Image Resizing? Image resizing is the process of changing an image&#8217;s size, dimensions, or resolution, typically done to fit it into different output mediums or [&hellip;]<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1529","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/universomotero.com\/hi\/wp-json\/wp\/v2\/pages\/1529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/universomotero.com\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/universomotero.com\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/universomotero.com\/hi\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/universomotero.com\/hi\/wp-json\/wp\/v2\/comments?post=1529"}],"version-history":[{"count":1,"href":"https:\/\/universomotero.com\/hi\/wp-json\/wp\/v2\/pages\/1529\/revisions"}],"predecessor-version":[{"id":2327,"href":"https:\/\/universomotero.com\/hi\/wp-json\/wp\/v2\/pages\/1529\/revisions\/2327"}],"wp:attachment":[{"href":"https:\/\/universomotero.com\/hi\/wp-json\/wp\/v2\/media?parent=1529"}],"curies":[{"name":"\u0921\u092c\u094d\u0932\u094d\u092f\u0942\u092a\u0940","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}