{"id":916,"date":"2024-05-09T19:02:13","date_gmt":"2024-05-09T19:02:13","guid":{"rendered":"https:\/\/worldseotool.com\/?page_id=916"},"modified":"2024-05-09T19:02:13","modified_gmt":"2024-05-09T19:02:13","slug":"jpg-to-heic-converter","status":"publish","type":"page","link":"https:\/\/shoptips24.com\/tools\/jpg-to-heic-converter\/","title":{"rendered":"JPG to HEIC Converter"},"content":{"rendered":"\n<style>body {\n    font-family: Arial, sans-serif;\n    background-color: #f4f4f4;\n    margin: 0;\n    padding: 0;\n}\n\n.container {\n    max-width: 600px;\n    margin: 50px auto;\n    background-color: #fff;\n    padding: 20px;\n    border-radius: 5px;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\nh1 {\n    font-size: 24px;\n    margin-bottom: 20px;\n}\n\ninput[type=\"file\"] {\n    display: block;\n    margin: 0 auto 20px;\n}\n\nbutton {\n    padding: 10px 20px;\n    background-color: #4CAF50;\n    color: white;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n}\n\nbutton:hover {\n    background-color: #45a049;\n}\n\n#output {\n    margin-top: 20px;\n}\n\na {\n    display: inline-block;\n    margin-top: 10px;\n    padding: 10px 20px;\n    background-color: #007bff;\n    color: white;\n    text-decoration: none;\n    border-radius: 5px;\n}\n\na:hover {\n    background-color: #0056b3;\n}\n<\/style>\n<body>\n    <div class=\"container\">\n        <h1>JPG to HEIC Converter<\/h1>\n        <input type=\"file\" id=\"fileInput\" accept=\".jpg, .jpeg\">\n        <button onclick=\"convertToHeic()\">Convert to HEIC<\/button>\n        <div id=\"output\"><\/div>\n    <\/div>\n    <script>function convertToHeic() {\n    const fileInput = document.getElementById('fileInput');\n    const output = document.getElementById('output');\n\n    if (fileInput.files.length === 0) {\n        output.innerHTML = '<p>Please select a file.<\/p>';\n        return;\n    }\n\n    const file = fileInput.files[0];\n    const fileName = file.name;\n    const reader = new FileReader();\n\n    reader.onload = function(event) {\n        const image = new Image();\n        image.src = event.target.result;\n\n        image.onload = function() {\n            const canvas = document.createElement('canvas');\n            canvas.width = image.width;\n            canvas.height = image.height;\n\n            const ctx = canvas.getContext('2d');\n            ctx.drawImage(image, 0, 0);\n\n            canvas.toBlob(function(blob) {\n                const url = URL.createObjectURL(blob);\n                const link = document.createElement('a');\n                link.href = url;\n                link.setAttribute('download', fileName.replace('.jpg', '.heic'));\n                link.innerHTML = 'Download HEIC';\n                output.innerHTML = '';\n                output.appendChild(link);\n            }, 'image\/heic'); \/\/ Specify image\/heic MIME type\n        };\n    };\n\n    reader.readAsDataURL(file);\n}\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>JPG to HEIC Converter Convert to HEIC<\/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-916","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages\/916","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=916"}],"version-history":[{"count":0,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages\/916\/revisions"}],"wp:attachment":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/media?parent=916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}