{"id":456,"date":"2024-05-06T08:26:49","date_gmt":"2024-05-06T08:26:49","guid":{"rendered":"https:\/\/worldseotool.com\/?page_id=456"},"modified":"2024-05-06T08:26:49","modified_gmt":"2024-05-06T08:26:49","slug":"seo-image-optimization-tool","status":"publish","type":"page","link":"https:\/\/shoptips24.com\/tools\/seo-image-optimization-tool\/","title":{"rendered":"SEO Image Optimization Tool"},"content":{"rendered":"\n\n<style>\n.container {\n  max-width: 600px;\n  margin: 0 auto;\n  padding: 20px;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n}\n\n.container h1 {\n  text-align: center;\n}\n\n.container input[type=\"url\"],\n.container input[type=\"text\"],\n.container select {\n  width: 100%;\n  padding: 10px;\n  margin: 5px 0;\n  box-sizing: border-box;\n}\n\n.container button {\n  display: block;\n  width: 100%;\n  padding: 10px;\n  margin-top: 10px;\n  background-color: #007bff;\n  color: #fff;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.container button:hover {\n  background-color: #0056b3;\n}\n<\/style>\n\n<body>\n<div class=\"container\">\n<h1>SEO Image Optimization Tool<\/h1>\n<div>\n<label for=\"imageURL\">Enter Image URL:<\/label>\n<input id=\"imageURL\" type=\"url\" \/>\n<\/div>\n<div>\n<label for=\"compressSize\">Compress Image Size:<\/label>\n<select id=\"compressSize\">\n<option value=\"0.8\">80%<\/option>\n<option value=\"0.6\">60%<\/option>\n<option value=\"0.4\">40%<\/option>\n<\/select>\n<\/div>\n<div>\n<label for=\"altAttribute\">Alt Attribute:<\/label>\n<input id=\"altAttribute\" type=\"text\" \/>\n<\/div>\n<div>\n<label for=\"imageDimensions\">Image Dimensions:<\/label>\n<input id=\"imageDimensions\" placeholder=\"e.g. 1200x800 pixels\" type=\"text\" \/>\n<\/div>\n<button onclick=\"compressAndDownloadImage()\">Compress and Download Image<\/button>\n<\/div>\n<script>\nfunction compressAndDownloadImage() {\n  const imageURL = document.getElementById('imageURL').value;\n  const compressSize = parseFloat(document.getElementById('compressSize').value);\n  const altAttribute = document.getElementById('altAttribute').value;\n  const imageDimensions = document.getElementById('imageDimensions').value;\n\n  \/\/ Create a new image element\n  const img = new Image();\n\n  \/\/ Set onload event handler to execute code after image loads\n  img.onload = function() {\n    \/\/ Create a canvas element\n    const canvas = document.createElement('canvas');\n    const ctx = canvas.getContext('2d');\n\n    \/\/ Set canvas dimensions to match image\n    canvas.width = img.width;\n    canvas.height = img.height;\n\n    \/\/ Draw image onto canvas\n    ctx.drawImage(img, 0, 0, img.width, img.height);\n\n    \/\/ Convert canvas to data URL with specified compression quality\n    const dataURL = canvas.toDataURL('image\/jpeg', compressSize);\n\n    \/\/ Create a link element\n    const link = document.createElement('a');\n    link.href = dataURL;\n    link.download = 'compressed_image.jpg';\n\n    \/\/ Simulate a click on the link\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  };\n\n  \/\/ Set image source to trigger onload event\n  img.src = imageURL;\n}\n<\/script>\n<\/body>\n<div class=\"separator\" style=\"clear: both; text-align: center;\"><a href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEi7lWRMzkz2D3uYyh2ZB94s51DgEN-cBhlNXIfVmVpZxrfrTMJ8MX1gElF4AuYgqnCIZOBcwRv5MOYjz7FWJc-eEIpZ6IsLMws8Maq-TIhf_vNFBuBd8aFwhyphenhyphenosxe7MDO8-JhuTBliv6FUUek62KmY6sXPKKAhRbE9bAQgUyigwg93cXiY4n_MQ_zHsVn0\/s512\/content-management.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img fetchpriority=\"high\" decoding=\"async\" border=\"0\" data-original-height=\"512\" data-original-width=\"512\" height=\"320\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEi7lWRMzkz2D3uYyh2ZB94s51DgEN-cBhlNXIfVmVpZxrfrTMJ8MX1gElF4AuYgqnCIZOBcwRv5MOYjz7FWJc-eEIpZ6IsLMws8Maq-TIhf_vNFBuBd8aFwhyphenhyphenosxe7MDO8-JhuTBliv6FUUek62KmY6sXPKKAhRbE9bAQgUyigwg93cXiY4n_MQ_zHsVn0\/s320\/content-management.png\" width=\"320\" \/><\/a><\/div><br \/>\n","protected":false},"excerpt":{"rendered":"<p>SEO Image Optimization Tool Enter Image URL: Compress Image Size: 80%60%40% Alt Attribute: Image Dimensions: Compress and Download Image<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-456","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages\/456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/comments?post=456"}],"version-history":[{"count":0,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages\/456\/revisions"}],"wp:attachment":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/media?parent=456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}