\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0625\u0644\u0649 WebP<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n }\n .container {\n width: 80%;\n margin: 40px auto;\n text-align: center;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0625\u0644\u0649 WebP<\/h1>\n <input type=\"file\" id=\"imageInput\" accept=\"image\/*\">\n <button id=\"convertButton\">\u062a\u062d\u0648\u064a\u0644 \u0625\u0644\u0649 WebP<\/button>\n <div id=\"result\"><\/div>\n <a id=\"downloadLink\" style=\"display: none;\">\u062a\u0646\u0632\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629<\/a>\n <\/div>\n\n <script>\n const imageInput = document.getElementById('imageInput');\n const convertButton = document.getElementById('convertButton');\n const result = document.getElementById('result');\n const downloadLink = document.getElementById('downloadLink');\n\n convertButton.addEventListener('click', () => {\n const file = imageInput.files[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = (event) => {\n const image = new Image();\n image.onload = () => {\n const canvas = document.createElement('canvas');\n canvas.width = image.width;\n canvas.height = image.height;\n const ctx = canvas.getContext('2d');\n ctx.drawImage(image, 0, 0);\n canvas.toBlob((blob) => {\n const webpImage = new File([blob], file.name.replace(\/\\.[^.]+$\/, '.webp'), { type: 'image\/webp' });\n const url = URL.createObjectURL(webpImage);\n const img = document.createElement('img');\n img.src = url;\n result.innerHTML = '';\n result.appendChild(img);\n downloadLink.href = url;\n downloadLink.download = webpImage.name;\n downloadLink.style.display = 'block';\n }, 'image\/webp', 1);\n };\n image.src = event.target.result;\n };\n reader.readAsDataURL(file);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"has-text-align-center has-larger-font-size\"><a href=\"https:\/\/homesleene.com\/meta\/%d8%aa%d8%ad%d9%88%d9%8a%d9%84-%d8%a7%d9%84%d8%b5%d9%88%d8%b1-%d8%a7%d9%84%d9%89-webp\/\"><strong>\u062a\u062d\u0648\u064a\u0644 \u0635\u0648\u0631\u0629 \u0627\u062e\u0631\u064a <\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 PNG \u0625\u0644\u0649 WEBP \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 WEBP \u0625\u0644\u0649 JPG \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 jpg \u0625\u0644\u0649 WEBP \u0636\u063a\u0637 \u0635\u0648\u0631\u0629 WEBP \u062a\u062d\u0648\u064a\u0644 \u0635\u0648\u0631\u0629 \u0625\u0644\u0649 JPG \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 WEBP \u0625\u0644\u0649 JPG \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0645\u0646 \u0648\u064a\u0628 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u0641\u0648\u0631\u0645\u0627\u0644 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 PNG \u0625\u0644\u0649 WEBP \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0625\u0644\u0649 WebP \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0625\u0644\u0649 WebP \u062a\u062d\u0648\u064a\u0644 \u0625\u0644\u0649 WebP […]<\/p>\n","protected":false},"author":1,"featured_media":278,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1160,1159,1158,1162,1161],"tags":[1163,1164,1165,1166,1167],"class_list":["post-277","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category---jpg--webp","category-----webp--jpg","category----png--webp","category-1162","category---webp","tag---jpg--webp","tag-----webp--jpg","tag----png--webp","tag-1166","tag---webp"],"_links":{"self":[{"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/posts\/277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/comments?post=277"}],"version-history":[{"count":2,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/posts\/277\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/posts\/277\/revisions\/280"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/media\/278"}],"wp:attachment":[{"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/media?parent=277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/categories?post=277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/tags?post=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":277,"date":"2025-05-12T12:47:26","date_gmt":"2025-05-12T12:47:26","guid":{"rendered":"https:\/\/homesleene.com\/meta\/?p=277"},"modified":"2025-05-12T12:49:28","modified_gmt":"2025-05-12T12:49:28","slug":"%d8%aa%d8%ad%d9%88%d9%8a%d9%84-%d8%a7%d9%84%d8%b5%d9%88%d8%b1-%d8%a7%d9%84%d9%89-webp","status":"publish","type":"post","link":"https:\/\/homesleene.com\/meta\/%d8%aa%d8%ad%d9%88%d9%8a%d9%84-%d8%a7%d9%84%d8%b5%d9%88%d8%b1-%d8%a7%d9%84%d9%89-webp\/","title":{"rendered":"\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0649 webp"},"content":{"rendered":"\n

\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 PNG \u0625\u0644\u0649 WEBP \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 WEBP \u0625\u0644\u0649 JPG \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 jpg \u0625\u0644\u0649 WEBP \u0636\u063a\u0637 \u0635\u0648\u0631\u0629 WEBP \u062a\u062d\u0648\u064a\u0644 \u0635\u0648\u0631\u0629 \u0625\u0644\u0649 JPG \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 WEBP \u0625\u0644\u0649 JPG \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0645\u0646 \u0648\u064a\u0628 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u0641\u0648\u0631\u0645\u0627\u0644<\/p>\n\n\n\n

\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 PNG \u0625\u0644\u0649 WEBP <\/h2>\n\n\n\n\n\n\n \n \n \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0625\u0644\u0649 WebP<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n }\n .container {\n width: 80%;\n margin: 40px auto;\n text-align: center;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0625\u0644\u0649 WebP<\/h1>\n <input type=\"file\" id=\"imageInput\" accept=\"image\/*\">\n <button id=\"convertButton\">\u062a\u062d\u0648\u064a\u0644 \u0625\u0644\u0649 WebP<\/button>\n <div id=\"result\"><\/div>\n <a id=\"downloadLink\" style=\"display: none;\">\u062a\u0646\u0632\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629<\/a>\n <\/div>\n\n <script>\n const imageInput = document.getElementById('imageInput');\n const convertButton = document.getElementById('convertButton');\n const result = document.getElementById('result');\n const downloadLink = document.getElementById('downloadLink');\n\n convertButton.addEventListener('click', () => {\n const file = imageInput.files[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = (event) => {\n const image = new Image();\n image.onload = () => {\n const canvas = document.createElement('canvas');\n canvas.width = image.width;\n canvas.height = image.height;\n const ctx = canvas.getContext('2d');\n ctx.drawImage(image, 0, 0);\n canvas.toBlob((blob) => {\n const webpImage = new File([blob], file.name.replace(\/\\.[^.]+$\/, '.webp'), { type: 'image\/webp' });\n const url = URL.createObjectURL(webpImage);\n const img = document.createElement('img');\n img.src = url;\n result.innerHTML = '';\n result.appendChild(img);\n downloadLink.href = url;\n downloadLink.download = webpImage.name;\n downloadLink.style.display = 'block';\n }, 'image\/webp', 1);\n };\n image.src = event.target.result;\n };\n reader.readAsDataURL(file);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"has-text-align-center has-larger-font-size\"><a href=\"https:\/\/homesleene.com\/meta\/%d8%aa%d8%ad%d9%88%d9%8a%d9%84-%d8%a7%d9%84%d8%b5%d9%88%d8%b1-%d8%a7%d9%84%d9%89-webp\/\"><strong>\u062a\u062d\u0648\u064a\u0644 \u0635\u0648\u0631\u0629 \u0627\u062e\u0631\u064a <\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 PNG \u0625\u0644\u0649 WEBP \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 WEBP \u0625\u0644\u0649 JPG \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 jpg \u0625\u0644\u0649 WEBP \u0636\u063a\u0637 \u0635\u0648\u0631\u0629 WEBP \u062a\u062d\u0648\u064a\u0644 \u0635\u0648\u0631\u0629 \u0625\u0644\u0649 JPG \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 WEBP \u0625\u0644\u0649 JPG \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0645\u0646 \u0648\u064a\u0628 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u0641\u0648\u0631\u0645\u0627\u0644 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 PNG \u0625\u0644\u0649 WEBP \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0625\u0644\u0649 WebP \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0625\u0644\u0649 WebP \u062a\u062d\u0648\u064a\u0644 \u0625\u0644\u0649 WebP […]<\/p>\n","protected":false},"author":1,"featured_media":278,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1160,1159,1158,1162,1161],"tags":[1163,1164,1165,1166,1167],"class_list":["post-277","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category---jpg--webp","category-----webp--jpg","category----png--webp","category-1162","category---webp","tag---jpg--webp","tag-----webp--jpg","tag----png--webp","tag-1166","tag---webp"],"_links":{"self":[{"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/posts\/277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/comments?post=277"}],"version-history":[{"count":2,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/posts\/277\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/posts\/277\/revisions\/280"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/media\/278"}],"wp:attachment":[{"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/media?parent=277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/categories?post=277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/homesleene.com\/meta\/wp-json\/wp\/v2\/tags?post=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}