{"id":4449,"date":"2025-04-03T20:39:12","date_gmt":"2025-04-03T18:39:12","guid":{"rendered":"https:\/\/mhc-int.com\/?page_id=4449"},"modified":"2025-04-03T21:46:54","modified_gmt":"2025-04-03T19:46:54","slug":"cortafoto","status":"publish","type":"page","link":"https:\/\/mhc-int.com\/pt-pt\/cortafoto\/","title":{"rendered":"Foto trabajo"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Hero&#8221; _builder_version=&#8221;4.27.4&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_type=&#8221;circular&#8221; background_color_gradient_direction_radial=&#8221;top left&#8221; background_color_gradient_stops=&#8221;rgba(40,40,40,0.79) 0%|rgba(40,40,40,0.86) 100%&#8221; background_color_gradient_overlays_image=&#8221;on&#8221; background_color_gradient_start=&#8221;rgba(40,40,40,0.79)&#8221; background_color_gradient_end=&#8221;rgba(40,40,40,0.86)&#8221; background_image=&#8221;https:\/\/mhc-int.com\/wp-content\/uploads\/2024\/09\/computer.jpg&#8221; custom_margin=&#8221;||||false&#8221; custom_padding=&#8221;5vw||5vw||true|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;computer&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; header_font=&#8221;Rubik|700|||||||&#8221; header_font_size=&#8221;64px&#8221; header_line_height=&#8221;1.1em&#8221; background_layout=&#8221;dark&#8221; max_width=&#8221;800px&#8221; custom_margin=&#8221;||0px|&#8221; custom_padding=&#8221;|||16px&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;14px&#8221; text_font_size_last_edited=&#8221;off|desktop&#8221; header_font_size_tablet=&#8221;44px&#8221; header_font_size_phone=&#8221;32px&#8221; header_font_size_last_edited=&#8221;on|phone&#8221; border_color_all=&#8221;#ffb400&#8243; border_width_left=&#8221;10px&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h1>\u00a1Recorta y optimiza tus fotos en segundos!<\/h1>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.6em&#8221; header_font=&#8221;||||||||&#8221; background_layout=&#8221;dark&#8221; max_width=&#8221;800px&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;46px||46px||true|&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;18px&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p style=\"text-align: justify;\">Ajusta f\u00e1cilmente el tama\u00f1o de tus im\u00e1genes, rec\u00f3rtalas y compr\u00edmelas para usarlas en tus proyectos digitales. Solo indica las dimensiones que necesitas, selecciona el \u00e1rea que deseas conservar y haz clic en <strong data-start=\"367\" data-end=\"393\">\u201cRecortar y Comprimir\u201d<\/strong>. \u00a1Tu imagen estar\u00e1 lista para descargar al instante!<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; text_font=&#8221;||||||||&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;Rubik|700|||||||&#8221; header_2_text_color=&#8221;#ffb400&#8243; header_2_font_size=&#8221;32px&#8221; header_2_line_height=&#8221;1.2em&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; header_2_font_size_last_edited=&#8221;off|desktop&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Lea sobre:<\/h2>\n<p>[\/et_pb_text][et_pb_blurb title=&#8221;Corte Inteligente&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x52;||divi||400&#8243; icon_color=&#8221;#ffb400&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;55px&#8221; content_max_width=&#8221;1100px&#8221; content_max_width_tablet=&#8221;1100px&#8221; content_max_width_last_edited=&#8221;off|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; header_font=&#8221;Rubik|700|||||||&#8221; header_line_height=&#8221;1.4em&#8221; body_font=&#8221;||||||||&#8221; body_font_size=&#8221;15px&#8221; body_line_height=&#8221;1.8em&#8221; background_layout=&#8221;dark&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;right&#8221; animation_intensity_slide=&#8221;10%&#8221; animation=&#8221;off&#8221; hover_enabled=&#8221;0&#8243; image_max_width=&#8221;64px&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>Aprovecha el recorte preciso para destacar lo esencial de tu imagen.<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Tama\u00f1o Perfecto&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf05b;||fa||900&#8243; icon_color=&#8221;#ffb400&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;55px&#8221; content_max_width=&#8221;1100px&#8221; content_max_width_tablet=&#8221;1100px&#8221; content_max_width_last_edited=&#8221;off|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; header_font=&#8221;Rubik|700|||||||&#8221; header_line_height=&#8221;1.4em&#8221; body_font=&#8221;||||||||&#8221; body_font_size=&#8221;15px&#8221; body_line_height=&#8221;1.8em&#8221; background_layout=&#8221;dark&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;right&#8221; animation_delay=&#8221;100ms&#8221; animation_intensity_slide=&#8221;10%&#8221; animation=&#8221;off&#8221; hover_enabled=&#8221;0&#8243; image_max_width=&#8221;64px&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>Adapta tus fotos al formato exacto que necesitas sin perder calidad.<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;R\u00e1pido y Sin Complicaciones&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf021;||fa||900&#8243; icon_color=&#8221;#ffb400&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;55px&#8221; content_max_width=&#8221;1100px&#8221; content_max_width_tablet=&#8221;1100px&#8221; content_max_width_last_edited=&#8221;off|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; header_font=&#8221;Rubik|700|||||||&#8221; header_line_height=&#8221;1.4em&#8221; body_font=&#8221;||||||||&#8221; body_font_size=&#8221;15px&#8221; body_line_height=&#8221;1.8em&#8221; background_layout=&#8221;dark&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;right&#8221; animation_delay=&#8221;200ms&#8221; animation_intensity_slide=&#8221;10%&#8221; animation=&#8221;off&#8221; hover_enabled=&#8221;0&#8243; image_max_width=&#8221;64px&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>Edita y descarga en pocos clics. Ahorra tiempo y evita errores.<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;About Us&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; header_font=&#8221;||||||||&#8221; header_2_font=&#8221;Rubik|700|||||||&#8221; header_2_font_size=&#8221;42px&#8221; header_2_line_height=&#8221;1.2em&#8221; text_orientation=&#8221;center&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;36px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>Recorta la foto a tu medida<\/h2>\n<p>[\/et_pb_text][et_pb_divider color=&#8221;#ffb400&#8243; divider_position=&#8221;center&#8221; divider_weight=&#8221;5px&#8221; _builder_version=&#8221;4.16&#8243; max_width=&#8221;50px&#8221; module_alignment=&#8221;center&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;.timezone-calculator {|| max-width: 100%;|| width: 100%;|| background-color: #ffffff;|| border-radius: 12px;|| padding: 20px;|| box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);||}||||.input-section, .comparison-section {|| display: flex;|| flex-wrap: wrap;|| gap: 12px; \/* Aseg\u00farate de que esto est\u00e9 dentro de un contenedor flex *\/|| margin-bottom: 20px;|| align-items: flex-end;|| background-color: #f8f9fa;|| padding: 16px;|| border-radius: 10px;|| box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);||}||||.input-group {|| flex: 1;|| min-width: 150px;||}||||.input-group label {|| display: block;|| margin-bottom: 6px;|| font-weight: 600;|| font-size: 14px;|| color: #333;||}||||.input-group select,||.input-group input {|| width: 100%;|| padding: 10px;|| border: 1px solid #ddd;|| border-radius: 6px;|| font-size: 14px;|| transition: border-color 0.2s;||}||||.input-group select:focus,||.input-group input:focus {|| outline: none;|| border-color: #007bff;|| box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);||}||||.calculate-btn {|| background-color: #007bff;|| color: white;|| border: none;|| padding: 12px 20px;|| border-radius: 6px;|| cursor: pointer;|| font-size: 16px;|| font-weight: 500;|| min-width: 120px;|| transition: background-color 0.2s, transform 0.1s;|| margin-left: 12px;||}||||.calculate-btn:hover {|| background-color: #0056b3;||}||||.results-section {|| display: flex;|| justify-content: space-between;|| align-items: center;|| margin-top: 20px;|| flex-wrap: nowrap;||}||||.time-card {|| background-color: #e9ecef;|| border-radius: 10px;|| padding: 16px;|| box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);|| text-align: center;|| flex: 1;|| margin-right: 10px;|| min-width: 150px;||}||||.time-card:last-child {|| margin-right: 0;||}||||.country-name {|| font-weight: 600;|| margin-bottom: 8px;|| font-size: 16px;|| color: #333;||}||||.country-time {|| font-size: 24px;|| font-family: &#8216;Courier New&#8217;, monospace;|| color: #007bff;||}||&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<!-- Contenedor principal con estilo responsivo --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"image-crop-compress-container\" style=\"max-width: 600px; margin: 0 auto; padding: 1rem; font-family: sans-serif;\"><!-- [et_pb_line_break_holder] -->  <!-- Subir archivo --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"controls\" style=\"display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1rem;\"><!-- [et_pb_line_break_holder] -->    <label for=\"upload\" style=\"font-weight: 600;\">Selecciona una imagen:<\/label><!-- [et_pb_line_break_holder] -->    <input type=\"file\" id=\"upload\" accept=\"image\/*\" \/><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- Dimensiones y botones en fila --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"dimensions\" style=\"display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-bottom: 1rem;\"><!-- [et_pb_line_break_holder] -->    <label for=\"width\" style=\"font-weight: 600;\">Ancho:<\/label><!-- [et_pb_line_break_holder] -->    <input type=\"number\" id=\"width\" placeholder=\"Ancho deseado\" style=\"width: 100px; padding: 0.3rem;\" \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <label for=\"height\" style=\"font-weight: 600;\">Alto:<\/label><!-- [et_pb_line_break_holder] -->    <input type=\"number\" id=\"height\" placeholder=\"Alto deseado\" style=\"width: 100px; padding: 0.3rem;\" \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <button id=\"crop\" style=\"padding: 0.5rem 1rem; cursor: pointer; background: #0073aa; color: #fff; border: none; border-radius: 4px;\"><!-- [et_pb_line_break_holder] -->      Recortar y Comprimir<!-- [et_pb_line_break_holder] -->    <\/button><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <button id=\"download\" style=\"display: none; padding: 0.5rem 1rem; cursor: pointer; background: #46b450; color: #fff; border: none; border-radius: 4px;\"><!-- [et_pb_line_break_holder] -->      Descargar Imagen Comprimida<!-- [et_pb_line_break_holder] -->    <\/button><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- Imagen que se va a recortar (por defecto un GIF transparente para evitar errores en WP) --><!-- [et_pb_line_break_holder] -->  <img<!-- [et_pb_line_break_holder] -->    id=&#8221;image&#8221;<!-- [et_pb_line_break_holder] -->    src=&#8221;data:image\/gif;base64,R0lGODlhAQABAIAAAP\/\/\/wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==&#8221;<!-- [et_pb_line_break_holder] -->    alt=&#8221;Imagen para cortar&#8221;<!-- [et_pb_line_break_holder] -->    style=&#8221;max-width: 100%; display: none; margin-bottom: 1rem;&#8221;<!-- [et_pb_line_break_holder] -->  \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- Contenedor para el resultado (imagen comprimida) --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"result\" style=\"margin-top: 1rem;\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Estilos de Cropper.js --><!-- [et_pb_line_break_holder] --><link<!-- [et_pb_line_break_holder] -->  rel=&#8221;stylesheet&#8221;<!-- [et_pb_line_break_holder] -->  href=&#8221;https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/cropperjs\/1.5.12\/cropper.min.css&#8221;<!-- [et_pb_line_break_holder] -->\/><!-- [et_pb_line_break_holder] --><!-- Script de Cropper.js --><!-- [et_pb_line_break_holder] --><script<!-- [et_pb_line_break_holder] -->  src=&#8221;https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/cropperjs\/1.5.12\/cropper.min.js&#8221;<!-- [et_pb_line_break_holder] -->><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script type=\"text\/javascript\"><!-- [et_pb_line_break_holder] -->  let cropper = null;<!-- [et_pb_line_break_holder] -->  const imageElement = document.getElementById(\"image\");<!-- [et_pb_line_break_holder] -->  const widthInput = document.getElementById(\"width\");<!-- [et_pb_line_break_holder] -->  const heightInput = document.getElementById(\"height\");<!-- [et_pb_line_break_holder] -->  const downloadButton = document.getElementById(\"download\");<!-- [et_pb_line_break_holder] -->  const resultDiv = document.getElementById(\"result\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Convierte DataURL a Blob<!-- [et_pb_line_break_holder] -->  function dataURLToBlob(dataURL) {<!-- [et_pb_line_break_holder] -->    const parts = dataURL.split(\",\");<!-- [et_pb_line_break_holder] -->    const mime = parts[0].match(\/:(.*?);\/)[1];<!-- [et_pb_line_break_holder] -->    const bstr = atob(parts[1]);<!-- [et_pb_line_break_holder] -->    let n = bstr.length;<!-- [et_pb_line_break_holder] -->    const u8arr = new Uint8Array(n);<!-- [et_pb_line_break_holder] -->    while (n--) {<!-- [et_pb_line_break_holder] -->      u8arr[n] = bstr.charCodeAt(n);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    return new Blob([u8arr], { type: mime });<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Cuando se cambia el archivo<!-- [et_pb_line_break_holder] -->  document.getElementById(\"upload\").addEventListener(\"change\", (event) => {<!-- [et_pb_line_break_holder] -->    const file = event.target.files[0];<!-- [et_pb_line_break_holder] -->    if (!file) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const reader = new FileReader();<!-- [et_pb_line_break_holder] -->    reader.onload = (e) => {<!-- [et_pb_line_break_holder] -->      imageElement.src = e.target.result;<!-- [et_pb_line_break_holder] -->      imageElement.style.display = \"block\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ Destruye el cropper anterior si existe<!-- [et_pb_line_break_holder] -->      if (cropper) {<!-- [et_pb_line_break_holder] -->        cropper.destroy();<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ Crea un nuevo cropper<!-- [et_pb_line_break_holder] -->      cropper = new Cropper(imageElement, {<!-- [et_pb_line_break_holder] -->        viewMode: 1,<!-- [et_pb_line_break_holder] -->        aspectRatio: NaN \/\/ Libre hasta que ingrese dimensiones<!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] -->    reader.readAsDataURL(file);<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Cuando cambian los inputs de ancho\/alto, actualiza la relaci\u00f3n de aspecto<!-- [et_pb_line_break_holder] -->  function updateAspectRatio() {<!-- [et_pb_line_break_holder] -->    if (!cropper) return; \/\/ Si a\u00fan no hay imagen cargada<!-- [et_pb_line_break_holder] -->    const w = parseInt(widthInput.value);<!-- [et_pb_line_break_holder] -->    const h = parseInt(heightInput.value);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Si hay valores v\u00e1lidos, fija el aspectRatio<!-- [et_pb_line_break_holder] -->    if (!isNaN(w) && !isNaN(h) && w > 0 && h > 0) {<!-- [et_pb_line_break_holder] -->      cropper.setAspectRatio(w \/ h);<!-- [et_pb_line_break_holder] -->    } else {<!-- [et_pb_line_break_holder] -->      \/\/ Aspecto libre si no hay dimensiones v\u00e1lidas<!-- [et_pb_line_break_holder] -->      cropper.setAspectRatio(NaN);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  widthInput.addEventListener(\"change\", updateAspectRatio);<!-- [et_pb_line_break_holder] -->  heightInput.addEventListener(\"change\", updateAspectRatio);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Bot\u00f3n Recortar y Comprimir<!-- [et_pb_line_break_holder] -->  document.getElementById(\"crop\").addEventListener(\"click\", () => {<!-- [et_pb_line_break_holder] -->    const w = parseInt(widthInput.value);<!-- [et_pb_line_break_holder] -->    const h = parseInt(heightInput.value);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (isNaN(w) || isNaN(h) || w <= 0 || h <= 0) {<!-- [et_pb_line_break_holder] -->      alert(\"Por favor, ingresa dimensiones v\u00e1lidas (mayores a 0).\");<!-- [et_pb_line_break_holder] -->      return;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (!cropper) {<!-- [et_pb_line_break_holder] -->      alert(\"Por favor, sube una imagen primero.\");<!-- [et_pb_line_break_holder] -->      return;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Obtiene el canvas con el recorte y redimensionado final<!-- [et_pb_line_break_holder] -->    const canvas = cropper.getCroppedCanvas({<!-- [et_pb_line_break_holder] -->      width: w,<!-- [et_pb_line_break_holder] -->      height: h<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (!canvas) {<!-- [et_pb_line_break_holder] -->      alert(\"Error al recortar la imagen.\");<!-- [et_pb_line_break_holder] -->      return;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Genera un dataURL en formato JPEG con calidad 0.8 (aj\u00fastalo a tu gusto)<!-- [et_pb_line_break_holder] -->    const compressedDataURL = canvas.toDataURL(\"image\/jpeg\", 0.8);<!-- [et_pb_line_break_holder] -->    const blob = dataURLToBlob(compressedDataURL);<!-- [et_pb_line_break_holder] -->    const url = URL.createObjectURL(blob);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Muestra la imagen comprimida en pantalla<!-- [et_pb_line_break_holder] -->    resultDiv.innerHTML = '<img decoding=\"async\" src=\"' + url + '\" alt=\"Imagen Comprimida\" style=\"max-width: 100%;\" \/>';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Prepara el bot\u00f3n de descarga<!-- [et_pb_line_break_holder] -->    downloadButton.style.display = \"inline-block\";<!-- [et_pb_line_break_holder] -->    downloadButton.onclick = () => {<!-- [et_pb_line_break_holder] -->      const a = document.createElement(\"a\");<!-- [et_pb_line_break_holder] -->      a.href = url;<!-- [et_pb_line_break_holder] -->      a.download = \"imagen_comprimida.jpg\";<!-- [et_pb_line_break_holder] -->      document.body.appendChild(a);<!-- [et_pb_line_break_holder] -->      a.click();<!-- [et_pb_line_break_holder] -->      document.body.removeChild(a);<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a1Recorta y optimiza tus fotos en segundos!Ajusta f\u00e1cilmente el tama\u00f1o de tus im\u00e1genes, rec\u00f3rtalas y compr\u00edmelas para usarlas en tus proyectos digitales. Solo indica las dimensiones que necesitas, selecciona el \u00e1rea que deseas conservar y haz clic en \u201cRecortar y Comprimir\u201d. \u00a1Tu imagen estar\u00e1 lista para descargar al instante!Lea sobre: Aprovecha el recorte preciso para [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-4449","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/pages\/4449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=4449"}],"version-history":[{"count":9,"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/pages\/4449\/revisions"}],"predecessor-version":[{"id":4486,"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/pages\/4449\/revisions\/4486"}],"wp:attachment":[{"href":"https:\/\/mhc-int.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=4449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}