{"id":4814,"date":"2024-10-20T13:31:41","date_gmt":"2024-10-20T16:31:41","guid":{"rendered":"https:\/\/wistor.com.br\/blog\/?p=4814"},"modified":"2024-10-27T20:39:49","modified_gmt":"2024-10-27T23:39:49","slug":"editor-imagem-online","status":"publish","type":"post","link":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/","title":{"rendered":"Convers\u00e3o e Aumento de resolu\u00e7\u00e3o de imagem"},"content":{"rendered":"    <div class=\"converter-container\">\n        <style>\n            .converter-container {\n                max-width: 600px;\n                margin: 0 auto;\n                padding: 20px;\n                font-family: 'Arial', sans-serif;\n                background-color: #f9f9f9;\n                border-radius: 12px;\n                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n            }\n            h2 {\n                font-size: 24px;\n                color: #005885;\n                text-align: center;\n                margin-bottom: 20px;\n            }\n            .upload-label {\n                display: inline-block;\n                width: 100%;\n                text-align: center;\n                padding: 14px;\n                background-color: #0073aa;\n                color: #fff;\n                cursor: pointer;\n                border-radius: 25px;\n                border: 2px solid transparent;\n                font-size: 16px;\n                text-transform: uppercase;\n                font-weight: 600;\n                transition: background-color 0.3s, border-color 0.3s;\n                box-shadow: 0 3px 6px rgba(0, 115, 170, 0.3);\n            }\n            .upload-label:hover {\n                background-color: #005885;\n                border-color: #005885;\n            }\n            button {\n                width: 100%;\n                padding: 14px;\n                background-color: #0073aa;\n                color: #fff;\n                border: none;\n                border-radius: 25px;\n                font-size: 16px;\n                text-transform: uppercase;\n                font-weight: 600;\n                cursor: pointer;\n                margin-top: 15px;\n                transition: background-color 0.3s;\n            }\n            button:hover {\n                background-color: #005885;\n            }\n            select {\n                width: 100%;\n                padding: 10px;\n                margin-top: 10px;\n                border-radius: 8px;\n                border: 1px solid #ccc;\n                font-size: 16px;\n            }\n            label {\n                font-size: 14px;\n                color: #666;\n                margin-bottom: 5px;\n                display: block;\n                text-align: left;\n            }\n            .link-container {\n                margin-top: 20px;\n                font-size: 14px;\n                color: green;\n                text-align: center;\n            }\n            @media (max-width: 600px) {\n                h2 {\n                    font-size: 20px;\n                }\n                .upload-label, button, select {\n                    font-size: 14px;\n                    padding: 12px;\n                }\n            }\n        <\/style>\n\n        <!-- Se\u00e7\u00e3o: Conversor de Imagem -->\n        <div class=\"input-container\">\n            <h2>Conversor de Imagem<\/h2>\n            <label for=\"upload-convert-image\" class=\"upload-label\">Selecionar Imagem<\/label>\n            <input type=\"file\" id=\"upload-convert-image\" accept=\"image\/*\" style=\"display: none;\">\n            <div id=\"convert-upload-status\" class=\"link-container\">Nenhuma imagem selecionada.<\/div>\n            <label for=\"image-format\">Converter para o formato:<\/label>\n            <select id=\"image-format\">\n                <option value=\"png\">PNG<\/option>\n                <option value=\"jpeg\">JPEG<\/option>\n                <option value=\"webp\">WEBP<\/option>\n            <\/select>\n            <button id=\"convertImageButton\" disabled>Converter Imagem<\/button>\n            <div id=\"convert-status\" class=\"link-container\"><\/div>\n        <\/div>\n\n        <!-- Se\u00e7\u00e3o: Upscaler de Imagem -->\n        <div class=\"input-container\">\n            <h2>Upscaler de Imagem<\/h2>\n            <label for=\"upload-upscale-image\" class=\"upload-label\">Selecionar Imagem<\/label>\n            <input type=\"file\" id=\"upload-upscale-image\" accept=\"image\/*\" style=\"display: none;\">\n            <div id=\"upscale-upload-status\" class=\"link-container\">Nenhuma imagem selecionada.<\/div>\n            <button id=\"upscaleImageButton\" disabled>Fazer Upscale de Imagem<\/button>\n            <div id=\"upscale-status\" class=\"link-container\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const convertCanvas = document.createElement('canvas');\n        const upscaleCanvas = document.createElement('canvas');\n\n        \/\/ Fun\u00e7\u00e3o para o Conversor de Imagem\n        const uploadConvertInput = document.getElementById('upload-convert-image');\n        const convertImageButton = document.getElementById('convertImageButton');\n        const convertStatus = document.getElementById('convert-status');\n        const convertUploadStatus = document.getElementById('convert-upload-status');\n        const imageFormatSelect = document.getElementById('image-format');\n        let convertImage = new Image();\n\n        uploadConvertInput.addEventListener('change', (event) => {\n            const file = event.target.files[0];\n            if (file) {\n                convertUploadStatus.textContent = \"Imagem: \" + file.name + \" carregada.\";\n                convertImageButton.disabled = false;\n                const reader = new FileReader();\n                reader.onload = (e) => {\n                    convertImage.src = e.target.result;\n                };\n                reader.readAsDataURL(file);\n            }\n        });\n\n        function convertAndDownloadImage() {\n            const ctx = convertCanvas.getContext('2d');\n            convertCanvas.width = convertImage.width;\n            convertCanvas.height = convertImage.height;\n            ctx.drawImage(convertImage, 0, 0);\n\n            const format = imageFormatSelect.value;\n            let dataURL;\n\n            if (format === 'jpeg') {\n                dataURL = convertCanvas.toDataURL('image\/jpeg', 0.9);\n            } else if (format === 'webp') {\n                dataURL = convertCanvas.toDataURL('image\/webp');\n            } else {\n                dataURL = convertCanvas.toDataURL('image\/png');\n            }\n\n            \/\/ Download autom\u00e1tico\n            const link = document.createElement('a');\n            link.href = dataURL;\n            link.download = `imagem-convertida.${format}`;\n            link.click();  \/\/ Dispara o download autom\u00e1tico\n        }\n\n        convertImageButton.addEventListener('click', convertAndDownloadImage);\n\n        \/\/ Fun\u00e7\u00e3o para o Upscaler de Imagem (mant\u00e9m o formato original)\n        const uploadUpscaleInput = document.getElementById('upload-upscale-image');\n        const upscaleImageButton = document.getElementById('upscaleImageButton');\n        const upscaleStatus = document.getElementById('upscale-status');\n        const upscaleUploadStatus = document.getElementById('upscale-upload-status');\n        let upscaleImage = new Image();\n        let upscaleImageFormat = '';  \/\/ Mant\u00e9m o formato original\n\n        uploadUpscaleInput.addEventListener('change', (event) => {\n            const file = event.target.files[0];\n            if (file) {\n                upscaleUploadStatus.textContent = \"Imagem: \" + file.name + \" carregada.\";\n                upscaleImageButton.disabled = false;\n                upscaleImageFormat = file.type.split('\/')[1];  \/\/ Armazena o formato original\n                const reader = new FileReader();\n                reader.onload = (e) => {\n                    upscaleImage.src = e.target.result;\n                };\n                reader.readAsDataURL(file);\n            }\n        });\n\n        function upscaleImageAndDownload() {\n            const ctx = upscaleCanvas.getContext('2d');\n            upscaleCanvas.width = upscaleImage.width * 2;\n            upscaleCanvas.height = upscaleImage.height * 2;\n            ctx.drawImage(upscaleImage, 0, 0, upscaleCanvas.width, upscaleCanvas.height);\n\n            \/\/ Usa o formato original da imagem\n            let dataURL;\n            if (upscaleImageFormat === 'jpeg') {\n                dataURL = upscaleCanvas.toDataURL('image\/jpeg', 0.9);\n            } else if (upscaleImageFormat === 'webp') {\n                dataURL = upscaleCanvas.toDataURL('image\/webp');\n            } else {\n                dataURL = upscaleCanvas.toDataURL('image\/png');\n            }\n\n            \/\/ Download autom\u00e1tico com o formato original\n            const link = document.createElement('a');\n            link.href = dataURL;\n            link.download = `imagem-upscaled.${upscaleImageFormat}`;\n            link.click();  \/\/ Dispara o download autom\u00e1tico\n        }\n\n        upscaleImageButton.addEventListener('click', upscaleImageAndDownload);\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":4866,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[597],"tags":[594,593,592],"class_list":["post-4814","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ferramenta-online","tag-conversao-de-arquivo-imagem","tag-editor-online-de-imagem","tag-upscaler-de-imagem"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Convers\u00e3o e Aumento de resolu\u00e7\u00e3o de imagem - Wistor<\/title>\n<meta name=\"description\" content=\"Edite suas imagens online, sem complica\u00e7\u00f5es e 100% gr\u00e1tis. Converta e melhore a resolu\u00e7\u00e3o dos arquivos de imagens em segundos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Convers\u00e3o e Aumento de resolu\u00e7\u00e3o de imagem - Wistor\" \/>\n<meta property=\"og:description\" content=\"Edite suas imagens online, sem complica\u00e7\u00f5es e 100% gr\u00e1tis. Converta e melhore a resolu\u00e7\u00e3o dos arquivos de imagens em segundos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/\" \/>\n<meta property=\"og:site_name\" content=\"Wistor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wishastorage\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-20T16:31:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-27T23:39:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wistor.com.br\/blog\/wp-content\/uploads\/2024\/10\/Editor-e-Upscaler-de-Imagem.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"853\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Convers\u00e3o e Aumento de resolu\u00e7\u00e3o de imagem - Wistor","description":"Edite suas imagens online, sem complica\u00e7\u00f5es e 100% gr\u00e1tis. Converta e melhore a resolu\u00e7\u00e3o dos arquivos de imagens em segundos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/","og_locale":"pt_BR","og_type":"article","og_title":"Convers\u00e3o e Aumento de resolu\u00e7\u00e3o de imagem - Wistor","og_description":"Edite suas imagens online, sem complica\u00e7\u00f5es e 100% gr\u00e1tis. Converta e melhore a resolu\u00e7\u00e3o dos arquivos de imagens em segundos.","og_url":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/","og_site_name":"Wistor","article_publisher":"https:\/\/www.facebook.com\/wishastorage\/","article_published_time":"2024-10-20T16:31:41+00:00","article_modified_time":"2024-10-27T23:39:49+00:00","og_image":[{"width":1280,"height":853,"url":"https:\/\/wistor.com.br\/blog\/wp-content\/uploads\/2024\/10\/Editor-e-Upscaler-de-Imagem.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"admin","Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/#article","isPartOf":{"@id":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/"},"author":{"name":"admin","@id":"https:\/\/wistor.com.br\/blog\/#\/schema\/person\/3da76b0992cd34bb89d361e52f49d522"},"headline":"Convers\u00e3o e Aumento de resolu\u00e7\u00e3o de imagem","datePublished":"2024-10-20T16:31:41+00:00","dateModified":"2024-10-27T23:39:49+00:00","mainEntityOfPage":{"@id":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/"},"wordCount":11,"commentCount":0,"image":{"@id":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/#primaryimage"},"thumbnailUrl":"https:\/\/wistor.com.br\/blog\/wp-content\/uploads\/2024\/10\/Editor-e-Upscaler-de-Imagem.png","keywords":["Convers\u00e3o de Arquivo Imagem","Editor Online de Imagem","Upscaler de Imagem"],"articleSection":["Ferramenta Online"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wistor.com.br\/blog\/editor-imagem-online\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/","url":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/","name":"Convers\u00e3o e Aumento de resolu\u00e7\u00e3o de imagem - Wistor","isPartOf":{"@id":"https:\/\/wistor.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/#primaryimage"},"image":{"@id":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/#primaryimage"},"thumbnailUrl":"https:\/\/wistor.com.br\/blog\/wp-content\/uploads\/2024\/10\/Editor-e-Upscaler-de-Imagem.png","datePublished":"2024-10-20T16:31:41+00:00","dateModified":"2024-10-27T23:39:49+00:00","author":{"@id":"https:\/\/wistor.com.br\/blog\/#\/schema\/person\/3da76b0992cd34bb89d361e52f49d522"},"description":"Edite suas imagens online, sem complica\u00e7\u00f5es e 100% gr\u00e1tis. Converta e melhore a resolu\u00e7\u00e3o dos arquivos de imagens em segundos.","breadcrumb":{"@id":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wistor.com.br\/blog\/editor-imagem-online\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/#primaryimage","url":"https:\/\/wistor.com.br\/blog\/wp-content\/uploads\/2024\/10\/Editor-e-Upscaler-de-Imagem.png","contentUrl":"https:\/\/wistor.com.br\/blog\/wp-content\/uploads\/2024\/10\/Editor-e-Upscaler-de-Imagem.png","width":1280,"height":853,"caption":"Editor e Upscaler de Imagem"},{"@type":"BreadcrumbList","@id":"https:\/\/wistor.com.br\/blog\/editor-imagem-online\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wistor.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Convers\u00e3o e Aumento de resolu\u00e7\u00e3o de imagem"}]},{"@type":"WebSite","@id":"https:\/\/wistor.com.br\/blog\/#website","url":"https:\/\/wistor.com.br\/blog\/","name":"Wistor","description":"O blog inovador de empreendedorismo, setores imobili\u00e1rio e log\u00edstico.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wistor.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/wistor.com.br\/blog\/#\/schema\/person\/3da76b0992cd34bb89d361e52f49d522","name":"admin","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/7f920547566fdde8502fd0e30a5fa5518ecd4253d02fb68792e7643dd3926417?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7f920547566fdde8502fd0e30a5fa5518ecd4253d02fb68792e7643dd3926417?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7f920547566fdde8502fd0e30a5fa5518ecd4253d02fb68792e7643dd3926417?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/wistor.com.br\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/wistor.com.br\/blog\/wp-json\/wp\/v2\/posts\/4814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wistor.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wistor.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wistor.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wistor.com.br\/blog\/wp-json\/wp\/v2\/comments?post=4814"}],"version-history":[{"count":2,"href":"https:\/\/wistor.com.br\/blog\/wp-json\/wp\/v2\/posts\/4814\/revisions"}],"predecessor-version":[{"id":4862,"href":"https:\/\/wistor.com.br\/blog\/wp-json\/wp\/v2\/posts\/4814\/revisions\/4862"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wistor.com.br\/blog\/wp-json\/wp\/v2\/media\/4866"}],"wp:attachment":[{"href":"https:\/\/wistor.com.br\/blog\/wp-json\/wp\/v2\/media?parent=4814"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wistor.com.br\/blog\/wp-json\/wp\/v2\/categories?post=4814"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wistor.com.br\/blog\/wp-json\/wp\/v2\/tags?post=4814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}