{"id":1527,"date":"2023-03-20T21:41:17","date_gmt":"2023-03-20T21:41:17","guid":{"rendered":"https:\/\/universomotero.com\/?page_id=1527"},"modified":"2025-12-06T06:00:04","modified_gmt":"2025-12-06T06:00:04","slug":"%e0%a4%9b%e0%a4%b5%e0%a4%bf%e0%a4%af%e0%a5%8b%e0%a4%82-%e0%a4%95%e0%a5%8b-%e0%a4%a4%e0%a5%81%e0%a4%b0%e0%a4%82%e0%a4%a4-%e0%a4%b5%e0%a5%87%e0%a4%ac%e0%a4%aa%e0%a5%80-%e0%a4%aa%e0%a5%8d%e0%a4%b0","status":"publish","type":"page","link":"https:\/\/universomotero.com\/hi\/%e0%a4%9b%e0%a4%b5%e0%a4%bf%e0%a4%af%e0%a5%8b%e0%a4%82-%e0%a4%95%e0%a5%8b-%e0%a4%a4%e0%a5%81%e0%a4%b0%e0%a4%82%e0%a4%a4-%e0%a4%b5%e0%a5%87%e0%a4%ac%e0%a4%aa%e0%a5%80-%e0%a4%aa%e0%a5%8d%e0%a4%b0\/","title":{"rendered":"\u091b\u0935\u093f\u092f\u094b\u0902 \u0915\u094b \u0924\u0941\u0930\u0902\u0924 WebP \u092a\u094d\u0930\u093e\u0930\u0942\u092a \u092e\u0947\u0902 \u092e\u0941\u092b\u094d\u0924 \u092e\u0947\u0902 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u093f\u0924 \u0915\u0930\u0947\u0902"},"content":{"rendered":"<h2 class=\"wp-block-heading has-text-align-center\">\u091b\u0935\u093f\u092f\u094b\u0902 \u0915\u094b \u0924\u0941\u0930\u0902\u0924 WebP \u092a\u094d\u0930\u093e\u0930\u0942\u092a \u092e\u0947\u0902 \u092e\u0941\u092b\u094d\u0924 \u092e\u0947\u0902 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u093f\u0924 \u0915\u0930\u0947\u0902<\/h2>\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 style=\"margin-bottom: 20px; text-align: center;\">\n<input style=\"display:none;\" type=\"file\" id=\"files\" multiple=\"\" accept=\"image\/*\">\n<label class=\"upload-image-button\" for=\"files\">\u092b\u093c\u093e\u0907\u0932\u0947\u0902 \u091a\u0941\u0928\u0947\u0902<\/label>\n<\/div>\n<div id=\"previews\"><\/div>\n<div class=\"dropTarget\"><\/div>\n<\/div>\n\n\n\n<style>\nh1 {\nmargin-top: 0;\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 {\n\/* Style the color of the message that says 'No file chosen' *\/\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#previews img {\nmax-height: 100%;\nmax-width: 100%;\nbox-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);\n}\n\n.dropTarget {\nposition: relative;\nborder: 3px dashed silver;\nflex-basis: auto;\nflex-grow: 20;\nheight: 30px;\nwidth: 100%;\n}\n\n.dropTarget::before {\ncontent: 'Drop files here';\ncolor: silver;\nfont-size: 5vh;\nheight: 5vh;\nposition: absolute;\ntop: 0;\nbottom: 0;\nleft: 0;\nright: 0;\nmargin: auto;\ntext-align: center;\npointer-events: none;\nuser-select: none;\n}\n\n#previews > div {\nbox-sizing: border-box;\nheight: 150px;\nwidth: 150px;\npadding: 20px;\ndisplay: inline-flex;\nvertical-align: top;\njustify-content: center;\n}\n\n#previews > div > progress {\nwidth: 50;\nmax-height: 100px;\n}\n\n.layout {\ndisplay: flex;\nflex-direction: column;\njustify-content: flex-start;\nalign-items: stretch;\nalign-content: stretch;\nheight: calc(100vh - 40px);\n}\n\n[type=\"file\"] {\nheight: 0;\noverflow: hidden;\nwidth: 0;\n}\n<\/style>\n\n\n\n<script type=\"text\/javascript\">\nlet refs = {};\nrefs.imagePreviews = document.querySelector('#previews');\nrefs.fileSelector = document.querySelector('input[type=file]');\n\nfunction addImageBox(container) {\nlet imageBox = document.createElement(\"div\");\nlet progressBox = document.createElement(\"progress\");\nimageBox.appendChild(progressBox);\ncontainer.appendChild(imageBox);\nreturn imageBox;\n}\n\nfunction processFile(file) {\nif (!file) {\nreturn;\n}\nconsole.log(file);\n\nlet imageBox = addImageBox(refs.imagePreviews);\n\/\/ Load the data into an image\nnew Promise(function (resolve, reject) {\nlet rawImage = new Image();\n\nrawImage.addEventListener(\"load\", function () {\nresolve(rawImage);\n});\n\nrawImage.src = URL.createObjectURL(file);\n})\n.then(function (rawImage) {\n\/\/ Convert image to webp ObjectURL via a canvas blob\nreturn new Promise(function (resolve, reject) {\nlet canvas = document.createElement('canvas');\nlet ctx = canvas.getContext(\"2d\");\n\ncanvas.width = rawImage.width;\ncanvas.height = rawImage.height;\nctx.drawImage(rawImage, 0, 0);\n\ncanvas.toBlob(function (blob) {\nresolve(URL.createObjectURL(blob));\n}, \"image\/webp\");\n});\n})\n.then(function (imageURL) {\n\/\/ Load image for display on the page\nreturn new Promise(function (resolve, reject) {\nlet scaledImg = new Image();\n\nscaledImg.addEventListener(\"load\", function () {\nresolve({imageURL, scaledImg});\n});\n\nscaledImg.setAttribute(\"src\", imageURL);\n});\n})\n.then(function (data) {\n\/\/ Inject into the DOM\nlet imageLink = document.createElement(\"a\");\n\nimageLink.setAttribute(\"href\", data.imageURL);\nimageLink.setAttribute('download', `${file.name}.webp`);\nimageLink.appendChild(data.scaledImg);\n\nimageBox.innerHTML = \"\";\nimageBox.appendChild(imageLink);\n});\n}\n\nfunction processFiles(files) {\nfor (let file of files) {\nprocessFile(file);\n}\n}\n\nfunction fileSelectorChanged() {\nprocessFiles(refs.fileSelector.files);\nrefs.fileSelector.value = \"\";\n}\n\nrefs.fileSelector.addEventListener(\"change\", fileSelectorChanged);\n\/\/ Set up Drag and Drop\nfunction dragenter(e) {\ne.stopPropagation();\ne.preventDefault();\n}\n\nfunction dragover(e) {\ne.stopPropagation();\ne.preventDefault();\n}\n\nfunction drop(callback, e) {\ne.stopPropagation();\ne.preventDefault();\ncallback(e.dataTransfer.files);\n}\n\nfunction setDragDrop(area, callback) {\narea.addEventListener(\"dragenter\", dragenter, false);\narea.addEventListener(\"dragover\", dragover, false);\narea.addEventListener(\"drop\", function (e) { drop(callback, e); }, false);\n}\nsetDragDrop(document.documentElement, processFiles);\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">\u091c\u0947\u092a\u0940\u0908\u091c\u0940 \u091b\u0935\u093f\u092f\u094b\u0902 \u0915\u094b \u0935\u0947\u092c\u092a\u0940 \u092e\u0947\u0902 \u0915\u0948\u0938\u0947 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u093f\u0924 \u0915\u0930\u0947\u0902<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0906\u092a \u0909\u092a\u0930\u094b\u0915\u094d\u0924 \u091f\u0942\u0932 \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0915\u0947 \u091c\u0947\u092a\u0940\u0908\u091c\u0940 \u091b\u0935\u093f\u092f\u094b\u0902 \u0915\u094b \u0906\u0938\u093e\u0928\u0940 \u0938\u0947 \u0935\u0947\u092c\u092a\u0940 \u092e\u0947\u0902 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u093f\u0924 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&quot;\u092b\u093c\u093e\u0907\u0932 \u091a\u0941\u0928\u0947\u0902&quot; \u092c\u091f\u0928 \u092a\u0930 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902 \u0914\u0930 \u090f\u0915 \u091b\u0935\u093f \u091a\u0941\u0928\u0947\u0902<\/li>\n\n\n\n<li>\u092b\u093f\u0930 \u092f\u0939 \u0924\u0941\u0930\u0902\u0924 \u091b\u0935\u093f\u092f\u094b\u0902 \u0915\u094b WebP \u092e\u0947\u0902 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u093f\u0924 \u0915\u0930 \u0926\u0947\u0924\u093e \u0939\u0948 \u0914\u0930 \u0906\u092a\u0915\u094b \u092a\u0942\u0930\u094d\u0935\u093e\u0935\u0932\u094b\u0915\u0928 \u0926\u093f\u0916\u093e\u0924\u093e \u0939\u0948\u0964<\/li>\n\n\n\n<li>\u0907\u0938\u0947 \u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092a\u0942\u0930\u094d\u0935\u093e\u0935\u0932\u094b\u0915\u0928 \u091b\u0935\u093f \u092a\u0930 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u092a\u0942\u091b\u0947 \u091c\u093e\u0928\u0947 \u0935\u093e\u0932\u0947 \u092a\u094d\u0930\u0936\u094d\u0928<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">\u0935\u0947\u092c\u092a\u0940 \u0915\u094d\u092f\u093e \u0939\u0948?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u0917\u0942\u0917\u0932 \u0928\u0947 \u0935\u0947\u092c\u092a\u0940 \u0907\u092e\u0947\u091c \u092b\u0949\u0930\u094d\u092e\u0947\u091f \u092c\u0928\u093e\u092f\u093e \u0939\u0948, \u091c\u093f\u0938\u0915\u093e \u0909\u0926\u094d\u0926\u0947\u0936\u094d\u092f \u091c\u0947\u092a\u0940\u0908\u091c\u0940 \u0914\u0930 \u092a\u0940\u090f\u0928\u091c\u0940 \u091c\u0948\u0938\u0947 \u0905\u0928\u094d\u092f \u0932\u094b\u0915\u092a\u094d\u0930\u093f\u092f \u092b\u0949\u0930\u094d\u092e\u0947\u091f \u0915\u0940 \u0924\u0941\u0932\u0928\u093e \u092e\u0947\u0902 \u092c\u0947\u0939\u0924\u0930 \u0915\u0902\u092a\u094d\u0930\u0947\u0936\u0928 \u092a\u094d\u0930\u0926\u093e\u0928 \u0915\u0930\u0928\u093e \u0939\u0948, \u0938\u093e\u0925 \u0939\u0940 \u0917\u0941\u0923\u0935\u0924\u094d\u0924\u093e \u0915\u094b \u092d\u0940 \u092c\u0928\u093e\u090f \u0930\u0916\u0928\u093e \u0939\u0948\u0964 \u092f\u0939 \u092b\u0949\u0930\u094d\u092e\u0947\u091f \u0924\u0938\u094d\u0935\u0940\u0930\u094b\u0902 \u0915\u0940 \u092b\u093e\u0907\u0932\u094b\u0902 \u0915\u093e \u0906\u0915\u093e\u0930 \u091b\u094b\u091f\u093e \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0932\u0949\u0938\u0940 \u0914\u0930 \u0932\u0949\u0938\u0932\u0947\u0938 \u0926\u094b\u0928\u094b\u0902 \u0924\u0930\u0939 \u0915\u0940 \u0915\u0902\u092a\u094d\u0930\u0947\u0936\u0928 \u0935\u093f\u0927\u093f\u092f\u094b\u0902 \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u093e \u0939\u0948\u0964.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0935\u0947\u092c\u092a\u0940 \u0924\u0915\u0928\u0940\u0915 \u0938\u0947 \u0935\u0947\u092c\u0938\u093e\u0907\u091f\u094b\u0902 \u0915\u094b \u0935\u093f\u0936\u0947\u0937 \u0930\u0942\u092a \u0938\u0947 \u0932\u093e\u092d \u0939\u094b\u0924\u093e \u0939\u0948 \u0915\u094d\u092f\u094b\u0902\u0915\u093f \u092f\u0939 \u092a\u0947\u091c \u0932\u094b\u0921 \u0939\u094b\u0928\u0947 \u0915\u0940 \u0917\u0924\u093f \u0915\u094b \u092c\u0922\u093c\u093e\u0924\u0940 \u0939\u0948 \u0914\u0930 \u0917\u094d\u0930\u093e\u092b\u093f\u0915\u094d\u0938 \u092a\u094d\u0930\u0926\u0930\u094d\u0936\u093f\u0924 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u092e \u092c\u0948\u0902\u0921\u0935\u093f\u0921\u094d\u0925 \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0940 \u0939\u0948\u0964 \u0907\u0938\u0938\u0947 \u0935\u0947\u092c\u0938\u093e\u0907\u091f \u0915\u0940 \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0937\u092e\u0924\u093e \u0914\u0930 \u0938\u092e\u0917\u094d\u0930 \u0909\u092a\u092f\u094b\u0917\u0915\u0930\u094d\u0924\u093e \u0905\u0928\u0941\u092d\u0935 \u092e\u0947\u0902 \u0938\u0941\u0927\u093e\u0930 \u0939\u094b \u0938\u0915\u0924\u093e \u0939\u0948, \u0916\u093e\u0938\u0915\u0930 \u0938\u0940\u092e\u093f\u0924 \u0921\u0947\u091f\u093e \u092a\u094d\u0932\u093e\u0928 \u092f\u093e \u0927\u0940\u092e\u0947 \u0907\u0902\u091f\u0930\u0928\u0947\u091f \u0915\u0928\u0947\u0915\u094d\u0936\u0928 \u0935\u093e\u0932\u0947 \u092e\u094b\u092c\u093e\u0907\u0932 \u0909\u092a\u0915\u0930\u0923\u094b\u0902 \u0915\u0947 \u0909\u092a\u092f\u094b\u0917\u0915\u0930\u094d\u0924\u093e\u0913\u0902 \u0915\u0947 \u0932\u093f\u090f\u0964.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">WebP \u0915\u0928\u094d\u0935\u0930\u094d\u091f\u0930 \u0915\u094d\u092f\u093e \u0939\u0948?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">WebP \u0915\u0928\u094d\u0935\u0930\u094d\u091f\u0930 \u090f\u0915 \u0911\u0928\u0932\u093e\u0907\u0928 \u091f\u0942\u0932 \u0939\u0948 \u091c\u094b \u0915\u093f\u0938\u0940 \u092d\u0940 JPEG, JPG \u0914\u0930 PNG \u0907\u092e\u0947\u091c \u0915\u094b WebP \u0907\u092e\u0947\u091c \u092e\u0947\u0902 \u092c\u0926\u0932 \u0926\u0947\u0924\u093e \u0939\u0948\u0964 \u0939\u092e\u093e\u0930\u093e \u091f\u0942\u0932 \u090f\u0915 \u092c\u0947\u0939\u0924\u0930\u0940\u0928 \u0909\u0926\u093e\u0939\u0930\u0923 \u0939\u0948 \u092e\u0941\u092b\u094d\u0924 WebP \u0915\u0928\u094d\u0935\u0930\u094d\u091f\u0930 \u0915\u093e \u091c\u094b \u0911\u0928\u0932\u093e\u0907\u0928 \u0915\u093e\u092e \u0915\u0930\u0924\u093e \u0939\u0948 \u0914\u0930 \u0907\u092e\u0947\u091c \u0915\u094b \u0924\u0941\u0930\u0902\u0924 WebP \u092e\u0947\u0902 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u093f\u0924 \u0915\u0930 \u0926\u0947\u0924\u093e \u0939\u0948\u0964.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u091b\u0935\u093f\u092f\u094b\u0902 \u0915\u094b WebP \u092e\u0947\u0902 \u0915\u094d\u092f\u094b\u0902 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u093f\u0924 \u0915\u0930\u0947\u0902?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u0938\u0930\u0932 \u0936\u092c\u094d\u0926\u094b\u0902 \u092e\u0947\u0902 \u0915\u0939\u0947\u0902 \u0924\u094b, WebP \u0907\u092e\u0947\u091c \u092e\u0947\u0902 \u0905\u0915\u094d\u0938\u0930 \u0909\u0928\u0915\u0947 \u0935\u093f\u0915\u0932\u094d\u092a\u094b\u0902 \u0915\u0940 \u0924\u0941\u0932\u0928\u093e \u092e\u0947\u0902 \u092c\u0947\u0939\u0924\u0930 \u0915\u092e\u094d\u092a\u094d\u0930\u0947\u0936\u0928 \u0939\u094b\u0924\u093e \u0939\u0948 \u0914\u0930 \u0938\u092e\u093e\u0928 \u0917\u0941\u0923\u0935\u0924\u094d\u0924\u093e \u092c\u0928\u093e\u090f \u0930\u0916\u0924\u0947 \u0939\u0941\u090f \u0909\u0928\u0915\u093e \u0906\u0915\u093e\u0930 \u091b\u094b\u091f\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0964 \u0907\u0938\u0915\u093e \u0905\u0930\u094d\u0925 \u092f\u0939 \u0939\u0948 \u0915\u093f \u0905\u092a\u0928\u0940 \u0935\u0947\u092c\u0938\u093e\u0907\u091f \u092a\u0930 WebP \u0907\u092e\u0947\u091c \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0928\u0947 \u0938\u0947 \u0909\u0938\u0915\u093e \u092a\u094d\u0930\u0926\u0930\u094d\u0936\u0928 \u092c\u0947\u0939\u0924\u0930 \u0939\u094b\u0917\u093e \u0914\u0930 \u0915\u092e \u0938\u094d\u091f\u094b\u0930\u0947\u091c \u0938\u094d\u092a\u0947\u0938 \u0915\u0940 \u0906\u0935\u0936\u094d\u092f\u0915\u0924\u093e \u0939\u094b\u0917\u0940\u0964.<\/p>","protected":false},"excerpt":{"rendered":"<p>Free Convert Images To WebP Format Instantly Choose files How To Convert JPEG Images To WebP You can easily convert JPEG images to WebP using the above tool FAQs What Is WebP? Google created the WebP image format, which is intended to offer superior compression over other well-known formats like JPEG and PNG while preserving [&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-1527","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/universomotero.com\/hi\/wp-json\/wp\/v2\/pages\/1527","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=1527"}],"version-history":[{"count":1,"href":"https:\/\/universomotero.com\/hi\/wp-json\/wp\/v2\/pages\/1527\/revisions"}],"predecessor-version":[{"id":2326,"href":"https:\/\/universomotero.com\/hi\/wp-json\/wp\/v2\/pages\/1527\/revisions\/2326"}],"wp:attachment":[{"href":"https:\/\/universomotero.com\/hi\/wp-json\/wp\/v2\/media?parent=1527"}],"curies":[{"name":"\u0921\u092c\u094d\u0932\u094d\u092f\u0942\u092a\u0940","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}