{"id":4448,"date":"2025-04-03T20:39:12","date_gmt":"2025-04-03T18:39:12","guid":{"rendered":"https:\/\/mhc-int.com\/?page_id=4448"},"modified":"2025-04-03T21:46:54","modified_gmt":"2025-04-03T19:46:54","slug":"cortafoto","status":"publish","type":"page","link":"https:\/\/mhc-int.com\/de\/cortafoto\/","title":{"rendered":"Foto trabajo"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8220;1&#8243; admin_label=&#8220;Hero&#8220; _builder_version=&#8220;4.27.4&#8243; use_background_color_gradient=&#8220;on&#8220; background_color_gradient_type=&#8220;circular&#8220; background_color_gradient_direction_radial=&#8220;top left&#8220; background_color_gradient_stops=&#8220;rgba(40,40,40,0.79) 0%|rgba(40,40,40,0.86) 100%&#8220; background_color_gradient_overlays_image=&#8220;on&#8220; background_color_gradient_start=&#8220;rgba(40,40,40,0.79)&#8220; background_color_gradient_end=&#8220;rgba(40,40,40,0.86)&#8220; background_image=&#8220;https:\/\/mhc-int.com\/wp-content\/uploads\/2024\/09\/computer.jpg&#8220; custom_margin=&#8220;||||false&#8220; custom_padding=&#8220;5vw||5vw||true|false&#8220; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; title_text=&#8220;computer&#8220; sticky_enabled=&#8220;0&#8243;][et_pb_row column_structure=&#8220;2_3,1_3&#8243; _builder_version=&#8220;4.16&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;2_3&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text _builder_version=&#8220;4.27.4&#8243; text_font=&#8220;||||||||&#8220; header_font=&#8220;Rubik|700|||||||&#8220; header_font_size=&#8220;64px&#8220; header_line_height=&#8220;1.1em&#8220; background_layout=&#8220;dark&#8220; max_width=&#8220;800px&#8220; custom_margin=&#8220;||0px|&#8220; custom_padding=&#8220;|||16px&#8220; hover_enabled=&#8220;0&#8243; text_font_size_tablet=&#8220;14px&#8220; text_font_size_last_edited=&#8220;off|desktop&#8220; header_font_size_tablet=&#8220;44px&#8220; header_font_size_phone=&#8220;32px&#8220; header_font_size_last_edited=&#8220;on|phone&#8220; border_color_all=&#8220;#ffb400&#8243; border_width_left=&#8220;10px&#8220; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;]<\/p>\n<h1>\u00a1Recorta y optimiza tus fotos en segundos!<\/h1>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.27.4&#8243; text_font=&#8220;||||||||&#8220; text_font_size=&#8220;22px&#8220; text_line_height=&#8220;1.6em&#8220; header_font=&#8220;||||||||&#8220; background_layout=&#8220;dark&#8220; max_width=&#8220;800px&#8220; custom_margin=&#8220;|||&#8220; custom_padding=&#8220;46px||46px||true|&#8220; hover_enabled=&#8220;0&#8243; text_font_size_tablet=&#8220;18px&#8220; text_font_size_phone=&#8220;&#8220; text_font_size_last_edited=&#8220;on|phone&#8220; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;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=&#8220;1_3&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text _builder_version=&#8220;4.16&#8243; text_font=&#8220;||||||||&#8220; header_font=&#8220;||||||||&#8220; header_2_font=&#8220;Rubik|700|||||||&#8220; header_2_text_color=&#8220;#ffb400&#8243; header_2_font_size=&#8220;32px&#8220; header_2_line_height=&#8220;1.2em&#8220; custom_margin=&#8220;|||&#8220; custom_padding=&#8220;|||&#8220; header_2_font_size_last_edited=&#8220;off|desktop&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h2>Lea sobre:<\/h2>\n<p>[\/et_pb_text][et_pb_blurb title=&#8220;Corte Inteligente&#8220; use_icon=&#8220;on&#8220; font_icon=&#8220;&#x52;||divi||400&#8243; icon_color=&#8220;#ffb400&#8243; icon_placement=&#8220;left&#8220; image_icon_width=&#8220;55px&#8220; content_max_width=&#8220;1100px&#8220; content_max_width_tablet=&#8220;1100px&#8220; content_max_width_last_edited=&#8220;off|desktop&#8220; _builder_version=&#8220;4.27.4&#8243; header_font=&#8220;Rubik|700|||||||&#8220; header_line_height=&#8220;1.4em&#8220; body_font=&#8220;||||||||&#8220; body_font_size=&#8220;15px&#8220; body_line_height=&#8220;1.8em&#8220; background_layout=&#8220;dark&#8220; custom_margin=&#8220;|||&#8220; custom_padding=&#8220;|||&#8220; animation_style=&#8220;slide&#8220; animation_direction=&#8220;right&#8220; animation_intensity_slide=&#8220;10%&#8220; animation=&#8220;off&#8220; hover_enabled=&#8220;0&#8243; image_max_width=&#8220;64px&#8220; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;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=&#8220;Tama\u00f1o Perfecto&#8220; use_icon=&#8220;on&#8220; font_icon=&#8220;&#xf05b;||fa||900&#8243; icon_color=&#8220;#ffb400&#8243; icon_placement=&#8220;left&#8220; image_icon_width=&#8220;55px&#8220; content_max_width=&#8220;1100px&#8220; content_max_width_tablet=&#8220;1100px&#8220; content_max_width_last_edited=&#8220;off|desktop&#8220; _builder_version=&#8220;4.27.4&#8243; header_font=&#8220;Rubik|700|||||||&#8220; header_line_height=&#8220;1.4em&#8220; body_font=&#8220;||||||||&#8220; body_font_size=&#8220;15px&#8220; body_line_height=&#8220;1.8em&#8220; background_layout=&#8220;dark&#8220; custom_margin=&#8220;|||&#8220; custom_padding=&#8220;|||&#8220; animation_style=&#8220;slide&#8220; animation_direction=&#8220;right&#8220; animation_delay=&#8220;100ms&#8220; animation_intensity_slide=&#8220;10%&#8220; animation=&#8220;off&#8220; hover_enabled=&#8220;0&#8243; image_max_width=&#8220;64px&#8220; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;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=&#8220;R\u00e1pido y Sin Complicaciones&#8220; use_icon=&#8220;on&#8220; font_icon=&#8220;&#xf021;||fa||900&#8243; icon_color=&#8220;#ffb400&#8243; icon_placement=&#8220;left&#8220; image_icon_width=&#8220;55px&#8220; content_max_width=&#8220;1100px&#8220; content_max_width_tablet=&#8220;1100px&#8220; content_max_width_last_edited=&#8220;off|desktop&#8220; _builder_version=&#8220;4.27.4&#8243; header_font=&#8220;Rubik|700|||||||&#8220; header_line_height=&#8220;1.4em&#8220; body_font=&#8220;||||||||&#8220; body_font_size=&#8220;15px&#8220; body_line_height=&#8220;1.8em&#8220; background_layout=&#8220;dark&#8220; custom_margin=&#8220;|||&#8220; custom_padding=&#8220;|||&#8220; animation_style=&#8220;slide&#8220; animation_direction=&#8220;right&#8220; animation_delay=&#8220;200ms&#8220; animation_intensity_slide=&#8220;10%&#8220; animation=&#8220;off&#8220; hover_enabled=&#8220;0&#8243; image_max_width=&#8220;64px&#8220; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;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=&#8220;1&#8243; admin_label=&#8220;About Us&#8220; _builder_version=&#8220;4.16&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_row _builder_version=&#8220;4.16&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text _builder_version=&#8220;4.27.4&#8243; text_font=&#8220;||||||||&#8220; header_font=&#8220;||||||||&#8220; header_2_font=&#8220;Rubik|700|||||||&#8220; header_2_font_size=&#8220;42px&#8220; header_2_line_height=&#8220;1.2em&#8220; text_orientation=&#8220;center&#8220; module_alignment=&#8220;center&#8220; custom_margin=&#8220;|||&#8220; custom_padding=&#8220;|||&#8220; hover_enabled=&#8220;0&#8243; header_2_font_size_tablet=&#8220;&#8220; header_2_font_size_phone=&#8220;36px&#8220; header_2_font_size_last_edited=&#8220;on|phone&#8220; locked=&#8220;off&#8220; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;]<\/p>\n<h2>Recorta la foto a tu medida<\/h2>\n<p>[\/et_pb_text][et_pb_divider color=&#8220;#ffb400&#8243; divider_position=&#8220;center&#8220; divider_weight=&#8220;5px&#8220; _builder_version=&#8220;4.16&#8243; max_width=&#8220;50px&#8220; module_alignment=&#8220;center&#8220; locked=&#8220;off&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_code _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; hover_enabled=&#8220;0&#8243; custom_css_free_form=&#8220;.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: &#8218;Courier New&#8216;, monospace;|| color: #007bff;||}||&#8220; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;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=&#8220;image&#8220;<!-- [et_pb_line_break_holder] -->    src=&#8220;data:image\/gif;base64,R0lGODlhAQABAIAAAP\/\/\/wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==&#8220;<!-- [et_pb_line_break_holder] -->    alt=&#8220;Imagen para cortar&#8220;<!-- [et_pb_line_break_holder] -->    style=&#8220;max-width: 100%; display: none; margin-bottom: 1rem;&#8220;<!-- [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=&#8220;stylesheet&#8220;<!-- [et_pb_line_break_holder] -->  href=&#8220;https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/cropperjs\/1.5.12\/cropper.min.css&#8220;<!-- [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=&#8220;https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/cropperjs\/1.5.12\/cropper.min.js&#8220;<!-- [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-4448","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mhc-int.com\/de\/wp-json\/wp\/v2\/pages\/4448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhc-int.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhc-int.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhc-int.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mhc-int.com\/de\/wp-json\/wp\/v2\/comments?post=4448"}],"version-history":[{"count":9,"href":"https:\/\/mhc-int.com\/de\/wp-json\/wp\/v2\/pages\/4448\/revisions"}],"predecessor-version":[{"id":4485,"href":"https:\/\/mhc-int.com\/de\/wp-json\/wp\/v2\/pages\/4448\/revisions\/4485"}],"wp:attachment":[{"href":"https:\/\/mhc-int.com\/de\/wp-json\/wp\/v2\/media?parent=4448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}