{"id":127,"date":"2026-09-17T05:53:20","date_gmt":"2026-09-17T05:53:20","guid":{"rendered":"https:\/\/filejp.in\/?page_id=127"},"modified":"2026-09-17T05:55:00","modified_gmt":"2026-09-17T05:55:00","slug":"image-resizer","status":"publish","type":"page","link":"https:\/\/filejp.in\/index.php\/image-resizer\/","title":{"rendered":"Image Resizer"},"content":{"rendered":"<!--themify_builder_content-->\n<div id=\"themify_builder_content-127\" data-postid=\"127\" class=\"themify_builder_content themify_builder_content-127 themify_builder tf_clear\">\n                    <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_zf0h922 tb_first tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_pc4c923 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_1wrn480   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>Image Resizer Converter Online \u2013 Free | File JP<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_apqb722 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_irl4722 first\">\n                    <!-- module plain text -->\n<div  class=\"module module-plain-text tb_cu3d304 \" data-lazy=\"1\">\n        <div class=\"tb_text_wrap\">\n    <div style=\"max-width: 480px; margin: 30px auto; padding: 25px; border: 1px solid #e0e0e0; border-radius: 12px; text-align: center; font-family: Arial, sans-serif; box-shadow: 0 4px 10px rgba(0,0,0,0.05); background-color: #ffffff;\">\n\n    <h2 style=\"margin-top: 0; color: #333333; font-size: 22px;\">Image Resizer<\/h2>\n    <p style=\"color: #666666; font-size: 14px; margin-bottom: 20px;\">Image upload karke Custom Width aur Height (Pixels) set karein.<\/p>\n    \n    <!-- File Input -->\n    <input type=\"file\" id=\"resizerInput\" accept=\"image\/*\" style=\"display: none;\" onchange=\"loadResizerImage(this)\">\n    <label for=\"resizerInput\" style=\"background-color: #2271b1; color: #ffffff; padding: 12px 20px; border-radius: 6px; cursor: pointer; display: inline-block; font-weight: bold; font-size: 14px;\">Select Image<\/label>\n    \n    <!-- Controls Area -->\n    <div id=\"resizerControls\" style=\"margin-top: 20px; display: none; border-top: 1px solid #eee; padding-top: 20px; text-align: left;\">\n        \n        <div style=\"display: flex; gap: 15px; margin-bottom: 15px;\">\n            <div style=\"flex: 1;\">\n                <label style=\"font-weight: bold; font-size: 13px; color: #444;\">Width (px):<\/label>\n                <input type=\"number\" id=\"resizeWidth\" style=\"width: 100%; padding: 8px; margin-top: 5px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box;\" oninput=\"onWidthChange()\">\n            <\/div>\n            <div style=\"flex: 1;\">\n                <label style=\"font-weight: bold; font-size: 13px; color: #444;\">Height (px):<\/label>\n                <input type=\"number\" id=\"resizeHeight\" style=\"width: 100%; padding: 8px; margin-top: 5px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box;\" oninput=\"onHeightChange()\">\n            <\/div>\n        <\/div>\n\n        <div style=\"margin-bottom: 20px; text-align: center;\">\n            <input type=\"checkbox\" id=\"aspectRatioCheck\" checked style=\"cursor: pointer;\">\n            <label for=\"aspectRatioCheck\" style=\"font-size: 13px; color: #555; cursor: pointer; user-select: none;\">Maintain Aspect Ratio<\/label>\n        <\/div>\n\n        <div style=\"text-align: center;\">\n            <p style=\"font-weight: bold; color: #444; font-size: 14px; margin-bottom: 5px;\">Resized Preview:<\/p>\n            <img id=\"resizerPreviewImg\" style=\"max-width: 100%; max-height: 220px; border-radius: 6px; border: 1px solid #ddd; margin-bottom: 15px;\">\n            <br>\n            <a id=\"resizerDownloadAnchor\" download=\"resized-image.jpg\" style=\"background-color: #46b450; color: #ffffff; padding: 12px 25px; text-decoration: none; border-radius: 6px; display: inline-block; font-weight: bold; font-size: 15px; box-shadow: 0 3px 6px rgba(0,0,0,0.1);\">\ud83d\udce5 Download Resized Image<\/a>\n        <\/div>\n    <\/div>\n\n    <canvas id=\"resizerCanvas\" style=\"display:none;\"><\/canvas>\n\n<\/div>\n\n<script>\nvar originalResizerImg = new Image();\nvar originalRatio = 1;\nvar resizerFileName = \"resized-image\";\n\nfunction loadResizerImage(input) {\n    if (!input.files || !input.files[0]) return;\n\n    var file = input.files[0];\n    resizerFileName = file.name.substring(0, file.name.lastIndexOf('.')) || 'resized';\n\n    var reader = new FileReader();\n    reader.onload = function(e) {\n        originalResizerImg.onload = function() {\n            originalRatio = originalResizerImg.width \/ originalResizerImg.height;\n            document.getElementById('resizeWidth').value = originalResizerImg.width;\n            document.getElementById('resizeHeight').value = originalResizerImg.height;\n\n            document.getElementById('resizerControls').style.display = 'block';\n            processResizing();\n        };\n        originalResizerImg.src = e.target.result;\n    };\n    reader.readAsDataURL(file);\n}\n\nfunction onWidthChange() {\n    var newWidth = parseFloat(document.getElementById('resizeWidth').value) || 0;\n    if (document.getElementById('aspectRatioCheck').checked && originalRatio > 0 && newWidth > 0) {\n        document.getElementById('resizeHeight').value = Math.round(newWidth \/ originalRatio);\n    }\n    processResizing();\n}\n\nfunction onHeightChange() {\n    var newHeight = parseFloat(document.getElementById('resizeHeight').value) || 0;\n    if (document.getElementById('aspectRatioCheck').checked && originalRatio > 0 && newHeight > 0) {\n        document.getElementById('resizeWidth').value = Math.round(newHeight * originalRatio);\n    }\n    processResizing();\n}\n\nfunction processResizing() {\n    var width = parseFloat(document.getElementById('resizeWidth').value);\n    var height = parseFloat(document.getElementById('resizeHeight').value);\n\n    if (!width || !height || width <= 0 || height <= 0) return;\n\n    var canvas = document.getElementById('resizerCanvas');\n    var ctx = canvas.getContext('2d');\n\n    canvas.width = width;\n    canvas.height = height;\n\n    \/\/ Smooth rendering quality\n    ctx.imageSmoothingEnabled = true;\n    ctx.imageSmoothingQuality = 'high';\n\n    \/\/ White background for transparent PNGs\n    ctx.fillStyle = '#FFFFFF';\n    ctx.fillRect(0, 0, width, height);\n    ctx.drawImage(originalResizerImg, 0, 0, width, height);\n\n    var resizedDataUrl = canvas.toDataURL('image\/jpeg', 0.92);\n\n    document.getElementById('resizerPreviewImg').src = resizedDataUrl;\n    \n    var downloadBtn = document.getElementById('resizerDownloadAnchor');\n    downloadBtn.href = resizedDataUrl;\n    downloadBtn.setAttribute('download', resizerFileName + '-' + width + 'x' + height + '.jpg');\n}\n<\/script>    <\/div>\n<\/div>\n<!-- \/module plain text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_hveo367 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_nuhz367 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_tlek736   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>Convert JPG, PNG and other images to PDF online for free. Fast, simple and easy-to-use Image to PDF converter.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n        <\/div>\n<!--\/themify_builder_content-->","protected":false},"excerpt":{"rendered":"<p>Image Resizer Converter Online \u2013 Free | File JP Image Resizer Image upload karke Custom Width aur Height (Pixels) set [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/filejp.in\/index.php\/wp-json\/wp\/v2\/pages\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/filejp.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/filejp.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/filejp.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/filejp.in\/index.php\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":3,"href":"https:\/\/filejp.in\/index.php\/wp-json\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/filejp.in\/index.php\/wp-json\/wp\/v2\/pages\/127\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/filejp.in\/index.php\/wp-json\/wp\/v2\/media?parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}