{"id":8309236,"date":"2025-07-27T13:43:38","date_gmt":"2025-07-27T10:43:38","guid":{"rendered":"https:\/\/elementor.com\/old\/?p=8309236"},"modified":"2025-07-27T13:43:38","modified_gmt":"2025-07-27T10:43:38","slug":"image-resizer","status":"publish","type":"post","link":"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/","title":{"rendered":"Image Resizer"},"content":{"rendered":"\t\t<div data-elementor-type=\"container\" data-elementor-id=\"8309238\" class=\"elementor elementor-8309238\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33aea82 e-flex e-con-boxed e-con e-parent\" data-id=\"33aea82\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb87d07 elementor-widget elementor-widget-spacer\" data-id=\"fb87d07\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b22040d elementor-widget elementor-widget-html\" data-id=\"b22040d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n\r\n        .html-viewer-app {\r\n            width: 100%;\r\n            max-width: 980px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .main-title {\r\n            text-align: center;\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            color: #333;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .resizer-content {\r\n            width: 100%;\r\n            background: white;\r\n            border-radius: 8px;\r\n            padding: 32px 40px;\r\n            box-sizing: border-box;\r\n            box-shadow: 0 6px 20px rgba(0,0,0,0.06);\r\n            border: 1px solid #EBEBEB;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 24px;\r\n        }\r\n        \r\n        \/* File Upload Styling *\/\r\n        .file-upload-area {\r\n            width: 100%;\r\n            border: 2px dashed #EBEBEB;\r\n            border-radius: 8px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 30px;\r\n            text-align: center;\r\n            cursor: pointer;\r\n            transition: background-color 0.2s, border-color 0.2s;\r\n        }\r\n        .file-upload-area:hover {\r\n            background-color: #fdfdff;\r\n            border-color: #4d4dff;\r\n        }\r\n        .file-upload-area p {\r\n            margin: 0;\r\n            color: #555;\r\n            font-weight: 500;\r\n        }\r\n        .file-upload-area span {\r\n            font-size: 0.9rem;\r\n            color: #888;\r\n        }\r\n        #fileInput {\r\n            display: none;\r\n        }\r\n        \r\n        \/* Image Preview Styling *\/\r\n        #imagePreviewContainer {\r\n            width: 100%;\r\n            max-height: 300px;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            border: 1px solid #EBEBEB;\r\n            display: none; \/* Hidden by default *\/\r\n        }\r\n        #imagePreview {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: contain;\r\n            display: block;\r\n        }\r\n        \r\n        \/* Controls Styling *\/\r\n        .controls-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 24px;\r\n        }\r\n        \r\n        .dimension-inputs {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n        .input-group {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 8px;\r\n        }\r\n        .input-group label {\r\n            font-weight: 500;\r\n            font-size: 0.95rem;\r\n            color: #555;\r\n        }\r\n        .input-field, .select-field {\r\n            width: 100%;\r\n            padding: 12px 16px;\r\n            border: 1.5px solid #EBEBEB;\r\n            border-radius: 6px;\r\n            font-family: 'DM Sans', sans-serif;\r\n            font-size: 1rem;\r\n            box-sizing: border-box;\r\n            transition: border-color 0.2s, box-shadow 0.2s;\r\n            background-color: #fdfdff;\r\n        }\r\n        .input-field:focus, .select-field:focus {\r\n            outline: none;\r\n            border-color: #4d4dff;\r\n            box-shadow: 0 0 0 3px rgba(77, 77, 255, 0.1);\r\n        }\r\n        \r\n        .lock-icon {\r\n            margin-top: 30px; \/* Aligns with inputs *\/\r\n            cursor: pointer;\r\n            padding: 5px;\r\n            opacity: 0.5;\r\n            transition: opacity 0.2s;\r\n        }\r\n        .lock-icon.locked {\r\n            opacity: 1;\r\n        }\r\n        \r\n        \/* Download Button *\/\r\n        .download-btn {\r\n            background-color: #4d4dff;\r\n            color: white;\r\n            border: none;\r\n            padding: 14px 24px;\r\n            cursor: pointer;\r\n            font-size: 1.125rem;\r\n            font-weight: 500;\r\n            transition: all 0.2s;\r\n            border-radius: 8px;\r\n            width: 100%;\r\n            margin-top: 10px;\r\n        }\r\n        .download-btn:hover {\r\n             background-color: #3a3ad6;\r\n        }\r\n        .download-btn:disabled {\r\n            background-color: #ccc;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n    <\/style>\r\n\r\n\r\n    <div class=\"html-viewer-app\">\r\n        \r\n        <div class=\"resizer-content\">\r\n            <label for=\"fileInput\" class=\"file-upload-area\" id=\"fileUploadArea\">\r\n                <p>Click to upload or drag & drop<\/p>\r\n                <span>PNG, JPG, WEBP<\/span>\r\n            <\/label>\r\n            <input type=\"file\" id=\"fileInput\" accept=\"image\/png, image\/jpeg, image\/webp\">\r\n            \r\n            <div id=\"imagePreviewContainer\">\r\n                <img decoding=\"async\" id=\"imagePreview\" src=\"\" alt=\"Image Preview\">\r\n            <\/div>\r\n\r\n            <div class=\"controls-grid\">\r\n                 <div class=\"input-group\">\r\n                    <label for=\"presetsSelect\">Social Media Presets<\/label>\r\n                    <select id=\"presetsSelect\" class=\"select-field\"><\/select>\r\n                <\/div>\r\n\r\n                <div class=\"dimension-inputs\">\r\n                    <div class=\"input-group\">\r\n                        <label for=\"widthInput\">Width<\/label>\r\n                        <input type=\"number\" id=\"widthInput\" class=\"input-field\" placeholder=\"e.g., 1920\">\r\n                    <\/div>\r\n                    <div class=\"lock-icon\" id=\"aspectLock\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path id=\"lock-path\" d=\"M12 17C13.1046 17 14 16.1046 14 15C14 13.8954 13.1046 13 12 13C10.8954 13 10 13.8954 10 15C10 16.1046 10.8954 17 12 17Z\" stroke=\"#333\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <path id=\"lock-body-path\" d=\"M4 11H20C20.5523 11 21 11.4477 21 12V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V12C3 11.4477 3.44772 11 4 11Z\" stroke=\"#333\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <path id=\"lock-arc-path\" d=\"M8 11V7C8 5.93913 8.42143 4.92172 9.17157 4.17157C9.92172 3.42143 10.9391 3 12 3C13.0609 3 14.0783 3.42143 14.8284 4.17157C15.5786 4.92172 16 5.93913 16 7V11\" stroke=\"#333\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"input-group\">\r\n                        <label for=\"heightInput\">Height<\/label>\r\n                        <input type=\"number\" id=\"heightInput\" class=\"input-field\" placeholder=\"e.g., 1080\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"input-group\">\r\n                    <label for=\"formatSelect\">Download Format<\/label>\r\n                    <select id=\"formatSelect\" class=\"select-field\">\r\n                        <option value=\"image\/png\">PNG<\/option>\r\n                        <option value=\"image\/jpeg\">JPG<\/option>\r\n                        <option value=\"image\/webp\">WEBP<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <button class=\"download-btn\" id=\"downloadBtn\" disabled>Resize & Download<\/button>\r\n            \r\n            <canvas id=\"canvas\" style=\"display: none;\"><\/canvas>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ --- DOM Elements ---\r\n        const fileInput = document.getElementById('fileInput');\r\n        const imagePreviewContainer = document.getElementById('imagePreviewContainer');\r\n        const imagePreview = document.getElementById('imagePreview');\r\n        const widthInput = document.getElementById('widthInput');\r\n        const heightInput = document.getElementById('heightInput');\r\n        const aspectLock = document.getElementById('aspectLock');\r\n        const downloadBtn = document.getElementById('downloadBtn');\r\n        const presetsSelect = document.getElementById('presetsSelect');\r\n        const formatSelect = document.getElementById('formatSelect');\r\n        const canvas = document.getElementById('canvas');\r\n        const ctx = canvas.getContext('2d');\r\n\r\n        \/\/ --- State Variables ---\r\n        let originalWidth = 0;\r\n        let originalHeight = 0;\r\n        let aspectRatio = 0;\r\n        let isLockActive = true;\r\n        let originalFile = null;\r\n\r\n        \/\/ --- Data ---\r\n        const socialMediaPresets = {\r\n            \"custom\": { width: '', height: '', label: '-- Custom Size --' },\r\n            \"instagram_post\": { width: 1080, height: 1080, label: 'Instagram Post (1:1)' },\r\n            \"instagram_story\": { width: 1080, height: 1920, label: 'Instagram Story (9:16)' },\r\n            \"facebook_post\": { width: 1200, height: 630, label: 'Facebook Post' },\r\n            \"facebook_cover\": { width: 851, height: 315, label: 'Facebook Cover Photo' },\r\n            \"twitter_header\": { width: 1500, height: 500, label: 'Twitter Header' },\r\n            \"twitter_post\": { width: 1600, height: 900, label: 'Twitter Post (16:9)' },\r\n            \"linkedin_banner\": { width: 1584, height: 396, label: 'LinkedIn Banner' }\r\n        };\r\n\r\n        \/\/ --- Initialization ---\r\n        function initialize() {\r\n            populatePresets();\r\n            aspectLock.classList.add('locked');\r\n\r\n            \/\/ --- Event Listeners ---\r\n            \/\/ The <label> element's 'for' attribute handles the click, so the JS listener was removed to prevent double-triggering.\r\n            fileInput.addEventListener('change', handleFileSelect);\r\n            aspectLock.addEventListener('click', toggleAspectLock);\r\n            widthInput.addEventListener('input', handleWidthChange);\r\n            heightInput.addEventListener('input', handleHeightChange);\r\n            presetsSelect.addEventListener('change', handlePresetChange);\r\n            downloadBtn.addEventListener('click', resizeAndDownload);\r\n        }\r\n\r\n        function populatePresets() {\r\n            for (const key in socialMediaPresets) {\r\n                const option = document.createElement('option');\r\n                option.value = key;\r\n                option.textContent = socialMediaPresets[key].label;\r\n                presetsSelect.appendChild(option);\r\n            }\r\n        }\r\n\r\n        \/\/ --- Event Handlers ---\r\n        function handleFileSelect(e) {\r\n            const file = e.target.files[0];\r\n            if (!file || !file.type.startsWith('image\/')) return;\r\n            \r\n            originalFile = file;\r\n            formatSelect.value = file.type; \/\/ Default to original format\r\n            \r\n            const reader = new FileReader();\r\n            reader.onload = (event) => {\r\n                imagePreview.src = event.target.result;\r\n                imagePreview.onload = () => {\r\n                    originalWidth = imagePreview.naturalWidth;\r\n                    originalHeight = imagePreview.naturalHeight;\r\n                    aspectRatio = originalWidth \/ originalHeight;\r\n                    \r\n                    widthInput.value = originalWidth;\r\n                    heightInput.value = originalHeight;\r\n                    presetsSelect.value = \"custom\";\r\n                    \r\n                    imagePreviewContainer.style.display = 'block';\r\n                    downloadBtn.disabled = false;\r\n                };\r\n            };\r\n            reader.readAsDataURL(file);\r\n        }\r\n\r\n        function toggleAspectLock() {\r\n            isLockActive = !isLockActive;\r\n            aspectLock.classList.toggle('locked', isLockActive);\r\n        }\r\n        \r\n        function handleWidthChange() {\r\n            presetsSelect.value = \"custom\";\r\n            if (!isLockActive || aspectRatio === 0) return;\r\n            const newWidth = parseInt(widthInput.value);\r\n            if (!isNaN(newWidth)) {\r\n                heightInput.value = Math.round(newWidth \/ aspectRatio);\r\n            }\r\n        }\r\n        \r\n        function handleHeightChange() {\r\n            presetsSelect.value = \"custom\";\r\n            if (!isLockActive || aspectRatio === 0) return;\r\n            const newHeight = parseInt(heightInput.value);\r\n            if (!isNaN(newHeight)) {\r\n                widthInput.value = Math.round(newHeight * aspectRatio);\r\n            }\r\n        }\r\n\r\n        function handlePresetChange() {\r\n            const selectedPresetKey = presetsSelect.value;\r\n            if (!selectedPresetKey || selectedPresetKey === \"custom\") return;\r\n            \r\n            const preset = socialMediaPresets[selectedPresetKey];\r\n            widthInput.value = preset.width;\r\n            heightInput.value = preset.height;\r\n        }\r\n        \r\n        function resizeAndDownload() {\r\n            const newWidth = parseInt(widthInput.value);\r\n            const newHeight = parseInt(heightInput.value);\r\n            const mimeType = formatSelect.value;\r\n\r\n            if (isNaN(newWidth) || isNaN(newHeight) || newWidth <= 0 || newHeight <= 0) {\r\n                alert(\"Please enter valid width and height.\");\r\n                return;\r\n            }\r\n\r\n            canvas.width = newWidth;\r\n            canvas.height = newHeight;\r\n\r\n            \/\/ If converting to a format that doesn't support transparency (like JPEG), draw a white background first.\r\n            if (mimeType === 'image\/jpeg') {\r\n                ctx.fillStyle = '#FFFFFF';\r\n                ctx.fillRect(0, 0, newWidth, newHeight);\r\n            }\r\n\r\n            ctx.drawImage(imagePreview, 0, 0, newWidth, newHeight);\r\n\r\n            const fileExtension = mimeType.split('\/')[1];\r\n            const link = document.createElement('a');\r\n            const originalName = originalFile.name.substring(0, originalFile.name.lastIndexOf('.'));\r\n            link.download = `resized-${originalName}.${fileExtension}`;\r\n            link.href = canvas.toDataURL(mimeType, 0.95); \/\/ 0.95 is quality for JPG\/WEBP\r\n            link.click();\r\n        }\r\n        \r\n        \/\/ --- Run ---\r\n        initialize();\r\n\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2024235,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[485],"tags":[788],"class_list":["post-8309236","post","type-post","status-publish","format-standard","hentry","category-tools","tag-html-css-tools"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Image Resizer | Resize Images for Free<\/title>\n<meta name=\"description\" content=\"Easily resize images for your website with our free tool. Optimize for faster page speed, better SEO, and an improved user experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image Resizer | Resize Images for Free\" \/>\n<meta property=\"og:description\" content=\"Easily resize images for your website with our free tool. Optimize for faster page speed, better SEO, and an improved user experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/\" \/>\n<meta property=\"og:site_name\" content=\"Elementor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-27T10:43:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/old\/wp-content\/uploads\/2022\/02\/HP.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"itamarha\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/\"},\"author\":{\"name\":\"itamarha\",\"@id\":\"https:\/\/elementor.com\/old\/es\/#\/schema\/person\/5932f1d4bb083ddca6b036a65fbb9cc0\"},\"headline\":\"Image Resizer\",\"datePublished\":\"2025-07-27T10:43:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/\"},\"wordCount\":4,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/#organization\"},\"keywords\":[\"Html-Css-tools\"],\"articleSection\":[\"tools\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/\",\"url\":\"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/\",\"name\":\"Image Resizer | Resize Images for Free\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/#website\"},\"datePublished\":\"2025-07-27T10:43:38+00:00\",\"description\":\"Easily resize images for your website with our free tool. Optimize for faster page speed, better SEO, and an improved user experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/elementor.com\/old\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Image Resizer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/old\/es\/#website\",\"url\":\"https:\/\/elementor.com\/old\/es\/\",\"name\":\"Elementor\",\"description\":\"Website Builder\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/#organization\"},\"alternateName\":\"Elementor Website Builder\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/old\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/old\/es\/#organization\",\"name\":\"Elementor Website Builder\",\"url\":\"https:\/\/elementor.com\/old\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/old\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/old\/wp-content\/uploads\/2024\/07\/logo.svg\",\"contentUrl\":\"https:\/\/elementor.com\/old\/wp-content\/uploads\/2024\/07\/logo.svg\",\"width\":120,\"height\":120,\"caption\":\"Elementor Website Builder\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\",\"https:\/\/x.com\/elemntor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/old\/es\/#\/schema\/person\/5932f1d4bb083ddca6b036a65fbb9cc0\",\"name\":\"itamarha\",\"url\":\"https:\/\/elementor.com\/old\/es\/author\/itamarha\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image Resizer | Resize Images for Free","description":"Easily resize images for your website with our free tool. Optimize for faster page speed, better SEO, and an improved user experience.","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:\/\/elementor.com\/old\/es\/tools\/image-resizer\/","og_locale":"es_ES","og_type":"article","og_title":"Image Resizer | Resize Images for Free","og_description":"Easily resize images for your website with our free tool. Optimize for faster page speed, better SEO, and an improved user experience.","og_url":"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/","og_site_name":"Elementor","article_publisher":"https:\/\/www.facebook.com\/elemntor","article_published_time":"2025-07-27T10:43:38+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/elementor.com\/old\/wp-content\/uploads\/2022\/02\/HP.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Escrito por":"itamarha","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/"},"author":{"name":"itamarha","@id":"https:\/\/elementor.com\/old\/es\/#\/schema\/person\/5932f1d4bb083ddca6b036a65fbb9cc0"},"headline":"Image Resizer","datePublished":"2025-07-27T10:43:38+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/"},"wordCount":4,"publisher":{"@id":"https:\/\/elementor.com\/old\/es\/#organization"},"keywords":["Html-Css-tools"],"articleSection":["tools"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/","url":"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/","name":"Image Resizer | Resize Images for Free","isPartOf":{"@id":"https:\/\/elementor.com\/old\/es\/#website"},"datePublished":"2025-07-27T10:43:38+00:00","description":"Easily resize images for your website with our free tool. Optimize for faster page speed, better SEO, and an improved user experience.","breadcrumb":{"@id":"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/old\/es\/tools\/image-resizer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elementor.com\/old\/es\/"},{"@type":"ListItem","position":2,"name":"Image Resizer"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/old\/es\/#website","url":"https:\/\/elementor.com\/old\/es\/","name":"Elementor","description":"Website Builder","publisher":{"@id":"https:\/\/elementor.com\/old\/es\/#organization"},"alternateName":"Elementor Website Builder","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/old\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/elementor.com\/old\/es\/#organization","name":"Elementor Website Builder","url":"https:\/\/elementor.com\/old\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/old\/es\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/old\/wp-content\/uploads\/2024\/07\/logo.svg","contentUrl":"https:\/\/elementor.com\/old\/wp-content\/uploads\/2024\/07\/logo.svg","width":120,"height":120,"caption":"Elementor Website Builder"},"image":{"@id":"https:\/\/elementor.com\/old\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor","https:\/\/x.com\/elemntor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/old\/es\/#\/schema\/person\/5932f1d4bb083ddca6b036a65fbb9cc0","name":"itamarha","url":"https:\/\/elementor.com\/old\/es\/author\/itamarha\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/posts\/8309236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/users\/2024235"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/comments?post=8309236"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/posts\/8309236\/revisions"}],"predecessor-version":[{"id":8309241,"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/posts\/8309236\/revisions\/8309241"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/media?parent=8309236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/categories?post=8309236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/tags?post=8309236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}