CTG & Personal Effects Calculator – For Employees | Generate Application & CertificateChief EditorOctober 19, 2026Calculators, Tools Share Please Share on Facebook Share on X (Twitter) Share on WhatsApp Share on Telegram <span class="ct-module-title">Share Please</span> <div data-color="official" data-icons-type="custom:solid"> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Frailwayniyam.com%2Fctg-personal-effects-calculator-for-employees%2F" data-network="facebook" aria-label="Facebook" style="--official-color: #557dbc" rel="noopener noreferrer nofollow"> <span class="ct-tooltip">Share on Facebook</span><span class="ct-icon-container"> <svg width="20px" height="20px" viewBox="0 0 20 20" aria-hidden="true"> <path d="M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z"/> </svg> </span> </a> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Frailwayniyam.com%2Fctg-personal-effects-calculator-for-employees%2F&text=CTG%20%26amp%3B%20Personal%20Effects%20Calculator%20%E2%80%93%20For%20Employees%20%7C%20Generate%20Application%20%26amp%3B%20Certificate" data-network="twitter" aria-label="X (Twitter)" style="--official-color: #000000" rel="noopener noreferrer nofollow"> <span class="ct-tooltip">Share on X (Twitter)</span><span class="ct-icon-container"> <svg width="20px" height="20px" viewBox="0 0 20 20" aria-hidden="true"> <path d="M2.9 0C1.3 0 0 1.3 0 2.9v14.3C0 18.7 1.3 20 2.9 20h14.3c1.6 0 2.9-1.3 2.9-2.9V2.9C20 1.3 18.7 0 17.1 0H2.9zm13.2 3.8L11.5 9l5.5 7.2h-4.3l-3.3-4.4-3.8 4.4H3.4l5-5.7-5.3-6.7h4.4l3 4 3.5-4h2.1zM14.4 15 6.8 5H5.6l7.7 10h1.1z"/> </svg> </span> </a> <a href="whatsapp://send?text=https%3A%2F%2Frailwayniyam.com%2Fctg-personal-effects-calculator-for-employees%2F" data-network="whatsapp" aria-label="WhatsApp" style="--official-color: #5bba67" rel="noopener noreferrer nofollow"> <span class="ct-tooltip">Share on WhatsApp</span><span class="ct-icon-container"> <svg width="20px" height="20px" viewBox="0 0 20 20" aria-hidden="true"> <path d="M10,0C4.5,0,0,4.5,0,10c0,1.9,0.5,3.6,1.4,5.1L0.1,20l5-1.3C6.5,19.5,8.2,20,10,20c5.5,0,10-4.5,10-10S15.5,0,10,0zM6.6,5.3c0.2,0,0.3,0,0.5,0c0.2,0,0.4,0,0.6,0.4c0.2,0.5,0.7,1.7,0.8,1.8c0.1,0.1,0.1,0.3,0,0.4C8.3,8.2,8.3,8.3,8.1,8.5C8,8.6,7.9,8.8,7.8,8.9C7.7,9,7.5,9.1,7.7,9.4c0.1,0.2,0.6,1.1,1.4,1.7c0.9,0.8,1.7,1.1,2,1.2c0.2,0.1,0.4,0.1,0.5-0.1c0.1-0.2,0.6-0.7,0.8-1c0.2-0.2,0.3-0.2,0.6-0.1c0.2,0.1,1.4,0.7,1.7,0.8s0.4,0.2,0.5,0.3c0.1,0.1,0.1,0.6-0.1,1.2c-0.2,0.6-1.2,1.1-1.7,1.2c-0.5,0-0.9,0.2-3-0.6c-2.5-1-4.1-3.6-4.2-3.7c-0.1-0.2-1-1.3-1-2.6c0-1.2,0.6-1.8,0.9-2.1C6.1,5.4,6.4,5.3,6.6,5.3z"/> </svg> </span> </a> <a href="https://t.me/share/url?url=https%3A%2F%2Frailwayniyam.com%2Fctg-personal-effects-calculator-for-employees%2F&text=CTG%20%26amp%3B%20Personal%20Effects%20Calculator%20%E2%80%93%20For%20Employees%20%7C%20Generate%20Application%20%26amp%3B%20Certificate" data-network="telegram" aria-label="Telegram" style="--official-color: #229cce" rel="noopener noreferrer nofollow"> <span class="ct-tooltip">Share on Telegram</span><span class="ct-icon-container"> <svg width="20px" height="20px" viewBox="0 0 20 20" aria-hidden="true"> <path d="M19.9,3.1l-3,14.2c-0.2,1-0.8,1.3-1.7,0.8l-4.6-3.4l-2.2,2.1c-0.2,0.2-0.5,0.5-0.9,0.5l0.3-4.7L16.4,5c0.4-0.3-0.1-0.5-0.6-0.2L5.3,11.4L0.7,10c-1-0.3-1-1,0.2-1.5l17.7-6.8C19.5,1.4,20.2,1.9,19.9,3.1z"/> </svg> </span> </a> </div> </div> <div class="author-box is-width-constrained ct-hidden-sm" data-type="type-2" > <a href="https://railwayniyam.com/author/rkniyam2026gmail-com/" class="ct-media-container"><img decoding="async" src="https://secure.gravatar.com/avatar/666327ce22688b868f1f768386591c4d2af8312a3e1eb02752bd46323865a892?s=120&d=mm&r=g" width="60" height="60" alt="Chief Editor" style="aspect-ratio: 1/1;"> <svg width="18px" height="13px" viewBox="0 0 20 15"> <polygon points="14.5,2 13.6,2.9 17.6,6.9 0,6.9 0,8.1 17.6,8.1 13.6,12.1 14.5,13 20,7.5 "/> </svg> </a> <section> <h5 class="author-box-name"> Chief Editor </h5> <div class="author-box-bio"> <p>Chief Editor of Railway Niyam. Oversees editorial standards and ensures that every article on railway rules, Railway Board orders and HRMS Guidance is accurate, clear and up to date.</p> <p>Railway Niyam is an unofficial information-sharing platform. Please verify with the original orders before acting.</p> </div> <div class="author-box-socials"><span><a href="http://railwayniyam.com" aria-label="Website icon"><svg class="ct-icon" width="12" height="12" viewBox="0 0 20 20"><path d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0zm6.9 6H14c-.4-1.8-1.4-3.6-1.4-3.6s2.8.8 4.3 3.6zM10 2s1.2 1.7 1.9 4H8.1C8.8 3.6 10 2 10 2zM2.2 12s-.6-1.8 0-4h3.4c-.3 1.8 0 4 0 4H2.2zm.9 2H6c.6 2.3 1.4 3.6 1.4 3.6C4.3 16.5 3.1 14 3.1 14zM6 6H3.1c1.6-2.8 4.3-3.6 4.3-3.6S6.4 4.2 6 6zm4 12s-1.3-1.9-1.9-4h3.8c-.6 2.1-1.9 4-1.9 4zm2.3-6H7.7s-.3-2 0-4h4.7c.3 1.8-.1 4-.1 4zm.3 5.6s1-1.8 1.4-3.6h2.9c-1.6 2.7-4.3 3.6-4.3 3.6zm1.7-5.6s.3-2.1 0-4h3.4c.6 2.2 0 4 0 4h-3.4z"/></svg></a></span></div> <a href="https://railwayniyam.com/author/rkniyam2026gmail-com/" class="ct-author-box-more">Articles: 24</a> </section> </div> <nav class="post-navigation is-width-constrained " > <a href="https://railwayniyam.com/4277-2/" class="nav-item-prev"> <div class="item-content"> <span class="item-label"> Previous <span>Post</span> </span> <span class="item-title "> CTG Calculator </span> </div> </a> <a href="https://railwayniyam.com/7th-cpc-pay-fixation-calculator/" class="nav-item-next"> <div class="item-content"> <span class="item-label"> Next <span>Post</span> </span> <span class="item-title "> 7th CPC Pay Fixation Calculator </span> </div> </a> </nav> <div class="ct-related-posts is-width-constrained " > <h3 class="ct-module-title"> Related Posts </h3> <div class="ct-related-posts-items" data-layout="grid" data-hover="zoom-in"> <article itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div id="post-4277" class="post-4277 post type-post status-publish format-standard hentry category-calculators category-tools"><h4 class="related-entry-title"><a href="https://railwayniyam.com/4277-2/" rel="bookmark">CTG Calculator</a></h4><ul class="entry-meta" data-type="simple:slash" data-id="C90sWj" ><li class="meta-date" itemprop="datePublished"><time class="ct-meta-element-date" datetime="2026-10-18T23:34:52+05:30">October 18, 2026</time></li></ul></div></article> <article itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div id="post-4273" class="post-4273 post type-post status-publish format-standard has-post-thumbnail hentry category-calculators category-tools"><a class="ct-media-container has-hover-effect" href="https://railwayniyam.com/ctg-calculator-for-dealing-clerk/" aria-label="CTG & Personal Effects Calculator for Dealing Clerk | PP | Letter | PDF | Copy tool."><img width="300" height="169" src="https://railwayniyam.com/wp-content/uploads/2026/10/All-in-One-Railway-CTG-Calculator-Banner-600x338-1-300x169.jpg" class="attachment-medium size-medium wp-post-image" alt="CTG calculator for DC" decoding="async" loading="lazy" srcset="https://railwayniyam.com/wp-content/uploads/2026/10/All-in-One-Railway-CTG-Calculator-Banner-600x338-1-300x169.jpg 300w, https://railwayniyam.com/wp-content/uploads/2026/10/All-in-One-Railway-CTG-Calculator-Banner-600x338-1.jpg 600w" sizes="auto, (max-width: 300px) 100vw, 300px" itemprop="image" style="aspect-ratio: 16/9;" /></a><h4 class="related-entry-title"><a href="https://railwayniyam.com/ctg-calculator-for-dealing-clerk/" rel="bookmark">CTG & Personal Effects Calculator for Dealing Clerk | PP | Letter | PDF | Copy tool.</a></h4><ul class="entry-meta" data-type="simple:slash" data-id="C90sWj" ><li class="meta-date" itemprop="datePublished"><time class="ct-meta-element-date" datetime="2026-10-18T21:58:54+05:30">October 18, 2026</time></li></ul></div></article> <article itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div id="post-4247" class="post-4247 post type-post status-publish format-standard has-post-thumbnail hentry category-calculators category-tools"><a class="ct-media-container has-hover-effect" href="https://railwayniyam.com/accident-free-award-calculator/" aria-label="Accident Free Award Calculator cum PP-Noting, Memo, Letter Generation Tool"><img width="300" height="169" src="https://railwayniyam.com/wp-content/uploads/2026/10/Accident-Free-Award-Calculator-Banner-836x470-1-300x169.jpg" class="attachment-medium size-medium wp-post-image" alt="Accident free award" decoding="async" loading="lazy" srcset="https://railwayniyam.com/wp-content/uploads/2026/10/Accident-Free-Award-Calculator-Banner-836x470-1-300x169.jpg 300w, https://railwayniyam.com/wp-content/uploads/2026/10/Accident-Free-Award-Calculator-Banner-836x470-1-768x432.jpg 768w, https://railwayniyam.com/wp-content/uploads/2026/10/Accident-Free-Award-Calculator-Banner-836x470-1.jpg 836w" sizes="auto, (max-width: 300px) 100vw, 300px" itemprop="image" style="aspect-ratio: 16/9;" /></a><h4 class="related-entry-title"><a href="https://railwayniyam.com/accident-free-award-calculator/" rel="bookmark">Accident Free Award Calculator cum PP-Noting, Memo, Letter Generation Tool</a></h4><ul class="entry-meta" data-type="simple:slash" data-id="C90sWj" ><li class="meta-date" itemprop="datePublished"><time class="ct-meta-element-date" datetime="2026-10-17T00:13:50+05:30">October 17, 2026</time></li></ul></div></article> </div> </div> <div class="ct-comments is-width-constrained" id="comments"> <div id="respond" class="comment-respond"> <h2 id="reply-title" class="comment-reply-title">Leave a Reply<span class="ct-cancel-reply"><a rel="nofollow" id="cancel-comment-reply-link" href="/ctg-personal-effects-calculator-for-employees/#respond" style="display:none;">Cancel Reply</a></span></h2><form action="https://railwayniyam.com/wp-comments-post.php" method="post" id="commentform" class="comment-form has-website-field has-labels-outside"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-field-input-author"> <label for="author">Name <b class="required"> *</b></label> <input id="author" name="author" type="text" value="" size="30" required='required'> </p> <p class="comment-form-field-input-email"> <label for="email">Email <b class="required"> *</b></label> <input id="email" name="email" type="text" value="" size="30" required='required'> </p> <p class="comment-form-field-input-url"> <label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30"> </p> <p class="comment-form-field-textarea"> <label for="comment">Add Comment<b class="required"> *</b></label> <textarea id="comment" name="comment" cols="45" rows="8" required="required"></textarea> </p><p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"><label for="wp-comment-cookies-consent">Save my name, email and website in this browser for the next time I comment.</label></p> <p class="gdpr-confirm-policy"> <input name="ct_has_gdprconfirm" type="hidden" value="yes"> <input id="gdprconfirm_comment" class="ct-checkbox" name="gdprconfirm" type="checkbox" required="1"><label for="gdprconfirm_comment">I accept the <a href="https://railwayniyam.com/privacy-policy/">Privacy Policy</a></label> </p> <p class="form-submit"><button type="submit" name="submit" id="submit" class="submit" value="Post Comment">Post Comment</button> <input type='hidden' name='comment_post_ID' value='4281' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="11"/><script> document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() ); </script> </p></form> </div><!-- #respond --> </div> </article> <aside class="ct-hidden-sm ct-hidden-md" data-type="type-4" id="sidebar" itemtype="https://schema.org/WPSideBar" itemscope="itemscope"><div class="ct-sidebar" data-sticky-sidebar="widgets"><div class="ct-widget is-layout-flow widget_block" id="block-1"> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <h3 class="wp-block-heading" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);">Live Search</h3> <div class="ct-search-box"> <form role="search" method="get" class="ct-search-form" data-form-controls="inside" data-taxonomy-filter="false" data-submit-button="minimal:icon" style="" action="https://railwayniyam.com/" data-live-results="thumbs"> <div class="ct-search-form-inner ct-pseudo-input" > <input type="search" placeholder="Search" value="" name="s" autocomplete="off" title="Search for..." aria-label="Search for..." role="combobox" aria-autocomplete="list" aria-controls="ct-search-results-59d" aria-describedby="ct-search-status-59d" aria-expanded="false" > <button type="submit" class="wp-element-button" aria-label="Search button"> <svg class="ct-icon ct-search-button-content" aria-hidden="true" width="15" height="15" viewBox="0 0 15 15"><path d="M14.8,13.7L12,11c0.9-1.2,1.5-2.6,1.5-4.2c0-3.7-3-6.8-6.8-6.8S0,3,0,6.8s3,6.8,6.8,6.8c1.6,0,3.1-0.6,4.2-1.5l2.8,2.8c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2C15.1,14.5,15.1,14,14.8,13.7z M1.5,6.8c0-2.9,2.4-5.2,5.2-5.2S12,3.9,12,6.8S9.6,12,6.8,12S1.5,9.6,1.5,6.8z"/></svg> <span class="ct-ajax-loader"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="10" opacity="0.2" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"/> <path d="m12,2c5.52,0,10,4.48,10,10" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"> <animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="0.6s" from="0 12 12" to="360 12 12" repeatCount="indefinite" begin="indefinite" /> </path> </svg> </span> </button> <input type="hidden" name="ct_post_type" value="post:page"> </div> <div class="screen-reader-text" id="ct-search-status-59d" aria-live="polite" role="status"> No results </div> </form> </div> </div> </div><div class="ct-widget is-layout-flow widget_block" id="block-7"> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <h3 class="wp-block-heading" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);">Posts</h3> <div data-id="b552acb2" class="wp-block-blocksy-query"><div class="ct-query-template-default is-layout-flow"><article class="wp-block-post is-layout-flow post-3665 post type-post status-publish format-standard has-post-thumbnail hentry category-railway-board-circulars category-rules tag-cadre-restructuring tag-pointsman-promotion-rules tag-pointsmen-cadre-restructuring-2026-rbe-no-39-2026-cadre-restructuring-pointsman-promotion-rules tag-railway-board-order tag-railway-circular-2026 tag-railway-rules tag-railwayniyam tag-rbe-no-39-2026"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-af158c2e wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"><a class="ct-dynamic-media wp-elements-4" aria-label="Pointsmen Cadre Restructuring 2026: Detailed Instructions & Revised Pay Levels (RBE No. 39/2026)" href="https://railwayniyam.com/pointsmen-cadre-restructuring-2026-detailed-instructions-revised-pay-levels-rbe-no-39-2026/"><img loading="lazy" decoding="async" width="150" height="150" src="https://railwayniyam.com/wp-content/uploads/2026/08/pt-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Pointsmen Cadre Restructuring 2026" style="width:100%;height:100%;object-fit: cover;aspect-ratio: 1;" /></a></div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%"><h2 style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);font-weight:500;margin-bottom:var(--wp--preset--spacing--20)" class="ct-dynamic-data wp-elements-5"><a href="https://railwayniyam.com/pointsmen-cadre-restructuring-2026-detailed-instructions-revised-pay-levels-rbe-no-39-2026/">Pointsmen Cadre Restructuring 2026: Detailed Instructions & Revised Pay Levels (RBE No. 39/2026)</a></h2> <div style="font-size:13px;margin-top:0px;margin-bottom:0px" class="ct-dynamic-data wp-elements-6"><time datetime="2026-08-08T00:14:01+05:30" itemprop="datePublished">August 8, 2026</time></div></div> </div> </article><article class="wp-block-post is-layout-flow post-3982 post type-post status-publish format-standard hentry category-hrms-help category-transfer tag-20-years-regular-service tag-eng-i-2026-tr-15 tag-hrms-transfer tag-master-circular-no-24 tag-non-gazetted-employees tag-or-transfer tag-own-request-transfer tag-priority-list tag-railway-board tag-rbe-61-2026 tag-rbe-no-61-2026 tag-transfer-policy"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-af158c2e wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%"><h2 style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);font-weight:500;margin-bottom:var(--wp--preset--spacing--20)" class="ct-dynamic-data wp-elements-8"><a href="https://railwayniyam.com/rbe-no-61-2026-priority-own-request-transfer-20-years-service/">RBE No. 61/2026: Service Based Own Request Transfer Policy for Non-Gazetted Railway Employees With More Than 20 Years of Service</a></h2> <div style="font-size:13px;margin-top:0px;margin-bottom:0px" class="ct-dynamic-data wp-elements-9"><time datetime="2026-10-06T17:23:07+05:30" itemprop="datePublished">October 6, 2026</time></div></div> </div> </article><article class="wp-block-post is-layout-flow post-3488 post type-post status-publish format-standard has-post-thumbnail hentry category-transfer category-rbe-orders"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-af158c2e wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"><a class="ct-dynamic-media wp-elements-10" aria-label="RBE No. 61/2026- Transfer Policy for prioritizing own request transfer of non-gazetted railway employees having more than 20 years of regular service" href="https://railwayniyam.com/rbe-no-61-2026-transfer-policy-for-prioritizing-own-request-transfer-of-non-gazetted-railway-employees-having-more-than-20-years-of-regular-service/"><img loading="lazy" decoding="async" width="150" height="150" src="https://railwayniyam.com/wp-content/uploads/2026/07/RBE-61-2026-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="RBE No- 61/2026" style="width:100%;height:100%;object-fit: cover;aspect-ratio: 1;" /></a></div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%"><h2 style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);font-weight:500;margin-bottom:var(--wp--preset--spacing--20)" class="ct-dynamic-data wp-elements-11"><a href="https://railwayniyam.com/rbe-no-61-2026-transfer-policy-for-prioritizing-own-request-transfer-of-non-gazetted-railway-employees-having-more-than-20-years-of-regular-service/">RBE No. 61/2026- Transfer Policy for prioritizing own request transfer of non-gazetted railway employees having more than 20 years of regular service</a></h2> <div style="font-size:13px;margin-top:0px;margin-bottom:0px" class="ct-dynamic-data wp-elements-12"><time datetime="2026-07-27T19:26:25+05:30" itemprop="datePublished">July 27, 2026</time></div></div> </div> </article><article class="wp-block-post is-layout-flow post-3508 post type-post status-publish format-standard has-post-thumbnail hentry category-rules category-railway-board-circulars category-rbe-orders"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-af158c2e wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"><a class="ct-dynamic-media wp-elements-13" aria-label="RBE No. 112/2025, Consideration of representation against ‘Adverse remarks’ recorded in the APAR of a non gazetted railway servant – clarification." href="https://railwayniyam.com/3508-2/"><img loading="lazy" decoding="async" width="150" height="150" src="https://railwayniyam.com/wp-content/uploads/2026/07/Adverse-remarks-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="RBE No. 112/2025" style="width:100%;height:100%;object-fit: cover;aspect-ratio: 1;" /></a></div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%"><h2 style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);font-weight:500;margin-bottom:var(--wp--preset--spacing--20)" class="ct-dynamic-data wp-elements-14"><a href="https://railwayniyam.com/3508-2/">RBE No. 112/2025, Consideration of representation against ‘Adverse remarks’ recorded in the APAR of a non gazetted railway servant – clarification.</a></h2> <div style="font-size:13px;margin-top:0px;margin-bottom:0px" class="ct-dynamic-data wp-elements-15"><time datetime="2026-07-29T10:54:03+05:30" itemprop="datePublished">July 29, 2026</time></div></div> </div> </article><article class="wp-block-post is-layout-flow post-4281 post type-post status-publish format-standard has-post-thumbnail hentry category-calculators category-tools"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-af158c2e wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"><a class="ct-dynamic-media wp-elements-16" aria-label="CTG & Personal Effects Calculator – For Employees | Generate Application & Certificate" href="https://railwayniyam.com/ctg-personal-effects-calculator-for-employees/"><img loading="lazy" decoding="async" width="150" height="150" src="https://railwayniyam.com/wp-content/uploads/2026/10/Railway-Niyam-CTG-Calculator-Guide-724x543-1-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="CTG calculator for employee" style="width:100%;height:100%;object-fit: cover;aspect-ratio: 1;" /></a></div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%"><h2 style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);font-weight:500;margin-bottom:var(--wp--preset--spacing--20)" class="ct-dynamic-data wp-elements-17"><a href="https://railwayniyam.com/ctg-personal-effects-calculator-for-employees/">CTG & Personal Effects Calculator – For Employees | Generate Application & Certificate</a></h2> <div style="font-size:13px;margin-top:0px;margin-bottom:0px" class="ct-dynamic-data wp-elements-18"><time datetime="2026-10-19T12:05:56+05:30" itemprop="datePublished">October 19, 2026</time></div></div> </div> </article></div></div> </div> </div><div class="ct-sticky-widgets"><div class="ct-widget is-layout-flow widget_block" id="block-8"> <div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-404be62c wp-block-group-is-layout-constrained"> <h3 class="wp-block-heading" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);">Categories</h3> <ul class="wp-block-categories-list wp-block-categories-taxonomy-category wp-block-categories"> <li class="cat-item cat-item-35"><a href="https://railwayniyam.com/category/award/">Award</a> </li> <li class="cat-item cat-item-122"><a href="https://railwayniyam.com/category/tools/calculators/">Calculators</a> </li> <li class="cat-item cat-item-111"><a href="https://railwayniyam.com/category/circulars/">Circulars & Orders</a> </li> <li class="cat-item cat-item-34"><a href="https://railwayniyam.com/category/da-rule/">D&A Rule</a> </li> <li class="cat-item cat-item-25"><a href="https://railwayniyam.com/category/hrms-help/">HRMS Help</a> </li> <li class="cat-item cat-item-31"><a href="https://railwayniyam.com/category/master-circulars/">Master Circulars</a> </li> <li class="cat-item cat-item-224"><a href="https://railwayniyam.com/category/tools/calculators/pay-fixation/">Pay Fixation</a> </li> <li class="cat-item cat-item-112"><a href="https://railwayniyam.com/category/circulars/promotion/">Promotion</a> </li> <li class="cat-item cat-item-24"><a href="https://railwayniyam.com/category/railway-board-circulars/">Railway Board Circulars</a> </li> <li class="cat-item cat-item-79"><a href="https://railwayniyam.com/category/rbe-orders/">RBE Orders</a> </li> <li class="cat-item cat-item-28"><a href="https://railwayniyam.com/category/rules/">Rules</a> </li> <li class="cat-item cat-item-174"><a href="https://railwayniyam.com/category/transfer/sbrt/">SBRT</a> </li> <li class="cat-item cat-item-120"><a href="https://railwayniyam.com/category/tools/">Tools</a> </li> <li class="cat-item cat-item-33"><a href="https://railwayniyam.com/category/transfer/">Transfer</a> </li> <li class="cat-item cat-item-1"><a href="https://railwayniyam.com/category/uncategorized/">Uncategorized</a> </li> </ul></div> </div></div></div></aside> </div> <section class="ct-trending-block "> <div class="ct-container" data-page="1"> <h3 class="ct-module-title"> Trending now<svg width="13" height="13" viewBox="0 0 13 13" fill="currentColor"><path d="M13 5.8V9c0 .4-.2.6-.5.6s-.5-.2-.5-.5V7.2l-4.3 4.2c-.2.2-.6.2-.8 0L4.6 9.1.9 12.8c-.1.1-.2.2-.4.2s-.3-.1-.4-.2c-.2-.2-.2-.6 0-.8l4.1-4.1c.2-.2.6-.2.8 0l2.3 2.3 3.8-3.8H9.2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h3.4c.2 0 .3.1.4.2v.2z"/></svg> <span class="ct-slider-arrows"> <span class="ct-arrow-prev"> <svg width="8" height="8" fill="currentColor" viewBox="0 0 8 8"> <path d="M5.05555,8L1.05555,4,5.05555,0l.58667,1.12-2.88,2.88,2.88,2.88-.58667,1.12Z"/> </svg> </span> <span class="ct-arrow-next"> <svg width="8" height="8" fill="currentColor" viewBox="0 0 8 8"> <path d="M2.35778,6.88l2.88-2.88L2.35778,1.12,2.94445,0l4,4-4,4-.58667-1.12Z"/> </svg> </span> </span> </h3> <div class="ct-trending-block-item"><a class="ct-media-container" href="https://railwayniyam.com/pointsmen-cadre-restructuring-2026-detailed-instructions-revised-pay-levels-rbe-no-39-2026/" aria-label="Pointsmen Cadre Restructuring 2026: Detailed Instructions & Revised Pay Levels (RBE No. 39/2026)"><img width="150" height="150" src="https://railwayniyam.com/wp-content/uploads/2026/08/pt-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Pointsmen Cadre Restructuring 2026" decoding="async" loading="lazy" itemprop="image" style="aspect-ratio: 1/1;" /></a><div class="ct-trending-block-item-content"><a href="https://railwayniyam.com/pointsmen-cadre-restructuring-2026-detailed-instructions-revised-pay-levels-rbe-no-39-2026/" class="ct-post-title">Pointsmen Cadre Restructuring 2026: Detailed Instructions & Revised Pay Levels (RBE No. 39/2026)</a></div></div><div class="ct-trending-block-item"><div class="ct-trending-block-item-content"><a href="https://railwayniyam.com/rbe-no-61-2026-priority-own-request-transfer-20-years-service/" class="ct-post-title">RBE No. 61/2026: Service Based Own Request Transfer Policy for Non-Gazetted Railway Employees With More Than 20 Years of Service</a></div></div><div class="ct-trending-block-item"><a class="ct-media-container" href="https://railwayniyam.com/rbe-no-61-2026-transfer-policy-for-prioritizing-own-request-transfer-of-non-gazetted-railway-employees-having-more-than-20-years-of-regular-service/" aria-label="RBE No. 61/2026- Transfer Policy for prioritizing own request transfer of non-gazetted railway employees having more than 20 years of regular service"><img width="150" height="150" src="https://railwayniyam.com/wp-content/uploads/2026/07/RBE-61-2026-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="RBE No- 61/2026" decoding="async" loading="lazy" itemprop="image" style="aspect-ratio: 1/1;" /></a><div class="ct-trending-block-item-content"><a href="https://railwayniyam.com/rbe-no-61-2026-transfer-policy-for-prioritizing-own-request-transfer-of-non-gazetted-railway-employees-having-more-than-20-years-of-regular-service/" class="ct-post-title">RBE No. 61/2026- Transfer Policy for prioritizing own request transfer of non-gazetted railway employees having more than 20 years of regular service</a></div></div><div class="ct-trending-block-item"><a class="ct-media-container" href="https://railwayniyam.com/3508-2/" aria-label="RBE No. 112/2025, Consideration of representation against ‘Adverse remarks’ recorded in the APAR of a non gazetted railway servant – clarification."><img width="150" height="150" src="https://railwayniyam.com/wp-content/uploads/2026/07/Adverse-remarks-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="RBE No. 112/2025" decoding="async" loading="lazy" itemprop="image" style="aspect-ratio: 1/1;" /></a><div class="ct-trending-block-item-content"><a href="https://railwayniyam.com/3508-2/" class="ct-post-title">RBE No. 112/2025, Consideration of representation against ‘Adverse remarks’ recorded in the APAR of a non gazetted railway servant – clarification.</a></div></div> </div> </section> </main> <footer id="footer" class="ct-footer" data-id="type-1" itemscope="" itemtype="https://schema.org/WPFooter"><div data-row="middle"><div class="ct-container"><div data-column="widget-area-1"><div class="ct-widget is-layout-flow widget_block" id="block-10"> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <h3 class="wp-block-heading" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);">Popular Posts</h3> <div data-id="ca932ab2" class="wp-block-blocksy-query"><div class="ct-query-template-default is-layout-flow"><article class="wp-block-post is-layout-flow post-4281 post type-post status-publish format-standard has-post-thumbnail hentry category-calculators category-tools"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-af158c2e wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"><a class="ct-dynamic-media wp-elements-22" aria-label="CTG & Personal Effects Calculator – For Employees | Generate Application & Certificate" href="https://railwayniyam.com/ctg-personal-effects-calculator-for-employees/"><img loading="lazy" decoding="async" width="150" height="150" src="https://railwayniyam.com/wp-content/uploads/2026/10/Railway-Niyam-CTG-Calculator-Guide-724x543-1-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="CTG calculator for employee" style="width:100%;height:100%;object-fit: cover;aspect-ratio: 1;" /></a></div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%"><h2 style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);font-weight:500;margin-bottom:var(--wp--preset--spacing--20)" class="ct-dynamic-data wp-elements-23"><a href="https://railwayniyam.com/ctg-personal-effects-calculator-for-employees/">CTG & Personal Effects Calculator – For Employees | Generate Application & Certificate</a></h2> <div style="font-size:13px;margin-top:0px;margin-bottom:0px" class="ct-dynamic-data wp-elements-24"><time datetime="2026-10-19T12:05:56+05:30" itemprop="datePublished">October 19, 2026</time></div></div> </div> </article><article class="wp-block-post is-layout-flow post-4277 post type-post status-publish format-standard hentry category-calculators category-tools"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-af158c2e wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%"><h2 style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);font-weight:500;margin-bottom:var(--wp--preset--spacing--20)" class="ct-dynamic-data wp-elements-26"><a href="https://railwayniyam.com/4277-2/">CTG Calculator</a></h2> <div style="font-size:13px;margin-top:0px;margin-bottom:0px" class="ct-dynamic-data wp-elements-27"><time datetime="2026-10-18T23:34:52+05:30" itemprop="datePublished">October 18, 2026</time></div></div> </div> </article><article class="wp-block-post is-layout-flow post-4273 post type-post status-publish format-standard has-post-thumbnail hentry category-calculators category-tools"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-af158c2e wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"><a class="ct-dynamic-media wp-elements-28" aria-label="CTG & Personal Effects Calculator for Dealing Clerk | PP | Letter | PDF | Copy tool." href="https://railwayniyam.com/ctg-calculator-for-dealing-clerk/"><img loading="lazy" decoding="async" width="150" height="150" src="https://railwayniyam.com/wp-content/uploads/2026/10/All-in-One-Railway-CTG-Calculator-Banner-600x338-1-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="CTG calculator for DC" style="width:100%;height:100%;object-fit: cover;aspect-ratio: 1;" /></a></div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%"><h2 style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);font-weight:500;margin-bottom:var(--wp--preset--spacing--20)" class="ct-dynamic-data wp-elements-29"><a href="https://railwayniyam.com/ctg-calculator-for-dealing-clerk/">CTG & Personal Effects Calculator for Dealing Clerk | PP | Letter | PDF | Copy tool.</a></h2> <div style="font-size:13px;margin-top:0px;margin-bottom:0px" class="ct-dynamic-data wp-elements-30"><time datetime="2026-10-18T21:58:54+05:30" itemprop="datePublished">October 18, 2026</time></div></div> </div> </article></div></div> </div> </div></div><div data-column="widget-area-2"><div class="ct-widget is-layout-flow widget_text" id="text-2"><h3 class="widget-title">About Us</h3> <div class="textwidget"><ul> <li><a href="https://railwayniyam.com/about-us/">About Organization</a></li> <li><a href="#">Our Clients</a></li> <li><a href="#">Our Partners</a></li> </ul> </div> </div><div class="ct-widget is-layout-flow widget_text" id="text-3"><h3 class="widget-title">Useful Information</h3> <div class="textwidget"><p><strong>Railway Niyam</strong> is a trusted platform dedicated to providing authentic, accurate, and easy-to-understand information on Railway and Government rules, regulations, circulars, and HRMS procedures.</p> </div> </div></div><div data-column="widget-area-3"><div class="ct-widget is-layout-flow widget_block" id="block-11"><div class="ct-block-wrapper"> <h3 class="wp-block-heading" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);">Contact Info</h3> <p class="has-text-align-left wp-block-paragraph">If you require personalized guidance or professional consultation, feel free to contact us. We are committed to providing reliable, practical, and timely solutions to help you make informed decisions.</p> <div class="ct-contact-info-block " style="--theme-icon-size:20px;--items-direction:column;--background-color:rgba(218, 222, 228, 0.5);--background-hover-color:rgba(218, 222, 228, 0.7);"> <ul data-icons-type="rounded:outline"> <li class=""> <span class="ct-icon-container"><svg width="18" height="18" viewBox="0 0 20 20" aria-hidden="true"><path d="M10,0C4.5,0,0,4.5,0,10s4.5,10,10,10h5v-2h-5c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8v1.5c0,0.8-0.7,1.5-1.5,1.5S15,12.3,15,11.5V10c0-2.7-2.3-5-5-5s-5,2.3-5,5s2.3,5,5,5c1.4,0,2.7-0.6,3.6-1.6c0.6,0.9,1.7,1.6,2.9,1.6c1.9,0,3.5-1.6,3.5-3.5V10C20,4.5,15.5,0,10,0zM10,7c1.7,0,3,1.3,3,3s-1.3,3-3,3s-3-1.3-3-3S8.3,7,10,7z"/></svg></span> <div class="contact-info"> <span class="contact-title"> Email: </span> <span class="contact-text"> railwayniyam@gmail.com </span> </div> </li> <li class=""> <span class="ct-icon-container"><svg width="18" height="18" viewBox="0 0 20 20" aria-hidden="true"><path d="M9.3,0C4.4,0,0.4,4,0.4,8.9s4,8.9,8.9,8.9c0.8,0,1.5-0.1,2.2-0.3v-3.9c-0.6,1.7-1.4,2.7-2.2,2.7c-0.9,0-2-1.5-2.5-3.7h4.8v-1.5h-5c-0.1-0.7-0.1-1.4-0.1-2.2c0-0.8,0.1-1.5,0.2-2.2h5.6c0.1,0.7,0.2,1.4,0.2,2.2c0,0.2,0,0.4,0,0.6c0.4-0.4,0.9-0.6,1.5-0.6c0-0.8,0-1.5-0.1-2.2h2.8c0.2,0.7,0.3,1.4,0.3,2.2c0,0.5-0.1,1-0.2,1.5l1.3,0.9c0.2-0.8,0.3-1.6,0.3-2.4C18.1,4,14.2,0,9.3,0zM9.3,1.5c0.9,0,2,1.5,2.5,3.7h-5C7.3,2.9,8.3,1.5,9.3,1.5zM6.3,2.1C5.9,2.9,5.5,4,5.2,5.2H2.8C3.6,3.8,4.9,2.7,6.3,2.1zM12.2,2.1c1.5,0.6,2.7,1.7,3.5,3.1h-2.3C13.1,4,12.7,2.9,12.2,2.1zM2.2,6.7h2.8C4.9,7.4,4.8,8.1,4.8,8.9c0,0.8,0.1,1.5,0.1,2.2H2.2C2,10.4,1.9,9.7,1.9,8.9C1.9,8.1,2,7.4,2.2,6.7z M13.7,10.4c-0.4,0-0.7,0.3-0.8,0.7c0,0,0,0.1,0,0.1v6.6c0,0.4,0.3,0.7,0.7,0.7c0.2,0,0.4-0.1,0.5-0.2l0,0l1.4-1.6l1.5,3c0.2,0.4,0.6,0.5,1,0.3c0.4-0.2,0.5-0.6,0.3-1l-1.5-3l2.2-0.4l0,0c0.3-0.1,0.5-0.4,0.5-0.7c0-0.3-0.1-0.5-0.3-0.6l0,0l-5.1-3.6C14.1,10.4,13.9,10.4,13.7,10.4zM2.9,12.6h2.3c0.3,1.2,0.7,2.3,1.1,3.1C4.9,15.1,3.7,14,2.9,12.6z"/></svg></span> <div class="contact-info"> <span class="contact-title"> Website: </span> <span class="contact-text"> www.railwayniyam.com </span> </div> </li> </ul> </div> </div></div></div></div></div><div data-row="bottom"><div class="ct-container-fluid"><div data-column="copyright"> <div class="ct-footer-copyright" data-id="copyright"> <p>Copyright © 2026 - Railway Niyam</p></div> </div><div data-column="socials"> <div class="ct-footer-socials" data-id="socials"> <div class="ct-social-box" data-color="custom" data-icon-size="custom" data-icons-type="simple" > <a href="#" data-network="facebook" aria-label="Facebook"> <span class="ct-icon-container"> <svg width="20px" height="20px" viewBox="0 0 20 20" aria-hidden="true"> <path d="M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z"/> </svg> </span> </a> <a href="#" data-network="twitter" aria-label="X (Twitter)"> <span class="ct-icon-container"> <svg width="20px" height="20px" viewBox="0 0 20 20" aria-hidden="true"> <path d="M2.9 0C1.3 0 0 1.3 0 2.9v14.3C0 18.7 1.3 20 2.9 20h14.3c1.6 0 2.9-1.3 2.9-2.9V2.9C20 1.3 18.7 0 17.1 0H2.9zm13.2 3.8L11.5 9l5.5 7.2h-4.3l-3.3-4.4-3.8 4.4H3.4l5-5.7-5.3-6.7h4.4l3 4 3.5-4h2.1zM14.4 15 6.8 5H5.6l7.7 10h1.1z"/> </svg> </span> </a> <a href="#" data-network="instagram" aria-label="Instagram"> <span class="ct-icon-container"> <svg width="20" height="20" viewBox="0 0 20 20" aria-hidden="true"> <circle cx="10" cy="10" r="3.3"/> <path d="M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z"/> </svg> </span> </a> <a href="#" data-network="youtube" aria-label="YouTube"> <span class="ct-icon-container"> <svg width="20" height="20" viewbox="0 0 20 20" aria-hidden="true"> <path d="M15,0H5C2.2,0,0,2.2,0,5v10c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5V5C20,2.2,17.8,0,15,0z M14.5,10.9l-6.8,3.8c-0.1,0.1-0.3,0.1-0.5,0.1c-0.5,0-1-0.4-1-1l0,0V6.2c0-0.5,0.4-1,1-1c0.2,0,0.3,0,0.5,0.1l6.8,3.8c0.5,0.3,0.7,0.8,0.4,1.3C14.8,10.6,14.6,10.8,14.5,10.9z"/> </svg> </span> </a> </div> </div> </div><div data-column="menu"> <nav id="footer-menu" class="footer-menu-inline menu-container " data-id="menu" itemscope="" itemtype="https://schema.org/SiteNavigationElement" aria-label="Secondary Menu"> <ul id="menu-secondary-menu" class="menu"><li id="menu-item-3342" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3342"><a href="https://railwayniyam.com/terms-and-conditions/" class="ct-menu-link">Terms and conditions</a></li> <li id="menu-item-3343" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-3343"><a rel="privacy-policy" href="https://railwayniyam.com/privacy-policy/" class="ct-menu-link">Privacy Policy</a></li> <li id="menu-item-3344" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3344"><a href="https://railwayniyam.com/disclaimer/" class="ct-menu-link">Disclaimer</a></li> </ul></nav> </div></div></div></footer></div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/blocksy/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div class="ct-drawer-canvas" data-location="end"><div class="ct-drawer-inner"> <a href="#main-container" class="ct-back-to-top ct-hidden-sm" data-shape="square" data-alignment="right" title="Go to top" aria-label="Go to top" hidden> <svg class="ct-icon" width="15" height="15" viewBox="0 0 20 20"><path d="M10,0L9.4,0.6L0.8,9.1l1.2,1.2l7.1-7.1V20h1.7V3.3l7.1,7.1l1.2-1.2l-8.5-8.5L10,0z"/></svg> </a> </div></div><script id="ct-scripts-js-extra"> var ct_localizations = {"ajax_url":"https://railwayniyam.com/wp-admin/admin-ajax.php","public_url":"https://railwayniyam.com/wp-content/themes/blocksy/static/bundle/","rest_url":"https://railwayniyam.com/wp-json/","search_url":"https://railwayniyam.com/search/QUERY_STRING/","show_more_text":"Show more","more_text":"More","search_live_results":"Search results","search_live_no_results":"No results","search_live_results_closed":"Search results closed.","search_live_no_result":"No results","search_live_one_result":"You got %s result. Please press Tab to select it.","search_live_many_results":"You got %s results. Please press Tab to select one.","search_live_stock_status_texts":{"instock":"In stock","outofstock":"Out of stock"},"clipboard_copied":"Copied!","clipboard_failed":"Failed to Copy","expand_submenu":"Expand dropdown menu","collapse_submenu":"Collapse dropdown menu","dynamic_js_chunks":[{"id":"blocksy_ext_trending","selector":".ct-trending-block [class*=\"ct-arrow\"]","url":"https://railwayniyam.com/wp-content/plugins/blocksy-companion/framework/extensions/trending/static/bundle/main.js?ver=2.1.59","trigger":"click","version":"2.1.59"},{"id":"blocksy_sticky_header","selector":"header [data-sticky]","url":"https://railwayniyam.com/wp-content/plugins/blocksy-companion/static/bundle/sticky.js?ver=2.1.59","version":"2.1.59"}],"dynamic_styles":{"lazy_load":"https://railwayniyam.com/wp-content/themes/blocksy/static/bundle/non-critical-styles.min.css?ver=2.1.58","search_lazy":"https://railwayniyam.com/wp-content/themes/blocksy/static/bundle/non-critical-search-styles.min.css?ver=2.1.58","back_to_top":"https://railwayniyam.com/wp-content/themes/blocksy/static/bundle/back-to-top.min.css?ver=2.1.58","cookie_notification":"https://railwayniyam.com/wp-content/plugins/blocksy-companion/framework/extensions/cookies-consent/static/bundle/main.min.css"},"dynamic_styles_selectors":[{"selector":".ct-header-cart, #woo-cart-panel","url":"https://railwayniyam.com/wp-content/themes/blocksy/static/bundle/cart-header-element-lazy.min.css?ver=2.1.58"},{"selector":".flexy","url":"https://railwayniyam.com/wp-content/themes/blocksy/static/bundle/flexy.min.css?ver=2.1.58"},{"selector":".ct-pagination","url":"https://railwayniyam.com/wp-content/themes/blocksy/static/bundle/pagination.min.css?ver=2.1.58"},{"selector":"#account-modal","url":"https://railwayniyam.com/wp-content/plugins/blocksy-companion/static/bundle/header-account-modal-lazy.min.css?ver=2.1.59"},{"selector":".ct-header-account","url":"https://railwayniyam.com/wp-content/plugins/blocksy-companion/static/bundle/header-account-dropdown-lazy.min.css?ver=2.1.59"}],"login_generic_error_msg":"An unexpected error occurred. Please try again later."}; //# sourceURL=ct-scripts-js-extra </script> <script id="ct-scripts-js" src="https://railwayniyam.com/wp-content/themes/blocksy/static/bundle/main.js?ver=2.1.58"></script> <script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://railwayniyam.com/wp-includes/js/comment-reply.min.js?ver=7.1.3"></script> <script id="googlesitekit-events-provider-content-events-js-before"> window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.contentEvents = {"postID":4281,"isReadableSinglePost":true,"hasVimeoEmbed":false,"wordCount":0,"estimatedReadTimeSeconds":0,"isLastPageOfMultiPagePost":true,"readTimeThresholdPercent":85,"minimumReadTimeSeconds":5}; //# sourceURL=googlesitekit-events-provider-content-events-js-before </script> <script id="googlesitekit-events-provider-content-events-js" src="https://railwayniyam.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-6b04077d00f0d606ba42.js" defer></script> <script async id="blocksy-ext-cookies-consent-scripts-js" src="https://railwayniyam.com/wp-content/plugins/blocksy-companion/framework/extensions/cookies-consent/static/bundle/main.js?ver=2.1.59"></script> <style id="rnpdf-css">/* ===== PDF Tools section ===== */ .rn-pdf-wrapper{max-width:1140px;margin:20px auto 40px auto!important;padding:0 15px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif} .rn-pdf-wrapper .rn-pdf-column{background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:14px 16px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex-direction:column} .rn-pdf-wrapper .rn-pdf-header{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:2px solid #f1f5f9;margin:0 0 10px!important} .rn-pdf-wrapper .rn-pdf-title{font-size:13.5px!important;font-weight:700;color:#0f172a!important;margin:0!important;padding:0!important;line-height:1.2} .rn-pdf-wrapper .rn-pdf-badge{margin:0!important;font-size:10.5px!important;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#16a34a} .rn-pdf-wrapper .rn-pdf-intro{margin:0 0 12px!important;font-size:12px!important;line-height:1.5;color:#64748b} .rn-pdf-wrapper .rn-pdf-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px;margin:0!important} .rn-pdf-wrapper .rn-pdf-card{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:92px;padding:12px 6px;margin:0!important;border-radius:8px;border:1px solid #e2e8f0;transition:all .25s ease} .rn-pdf-wrapper .rn-pdf-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.08)} .rn-pdf-bg-blue{background-color:#f0f7ff;border-color:#d0e3ff!important} .rn-pdf-bg-green{background-color:#f0fdf4;border-color:#d1fae5!important} .rn-pdf-bg-purple{background-color:#faf5ff;border-color:#e9d5ff!important} .rn-pdf-bg-orange{background-color:#fff7ed;border-color:#ffedd5!important} .rn-pdf-bg-pink{background-color:#fdf2f8;border-color:#fbcfe8!important} .rn-pdf-bg-teal{background-color:#f0fdfa;border-color:#ccfbf1!important} .rn-pdf-bg-red{background-color:#fef2f2;border-color:#fecaca!important} .rn-pdf-bg-indigo{background-color:#eef2ff;border-color:#c7d2fe!important} .rn-pdf-wrapper .rn-pdf-icon-box{width:32px;height:32px;border-radius:6px;display:flex!important;align-items:center;justify-content:center;margin:0 0 6px!important;padding:0} .rn-pdf-wrapper .rn-pdf-icon-box svg{width:20px;height:20px;display:block} .rn-pdf-ic-blue{color:#1a73e8}.rn-pdf-ic-green{color:#16a34a}.rn-pdf-ic-purple{color:#9333ea}.rn-pdf-ic-orange{color:#ea580c} .rn-pdf-ic-pink{color:#db2777}.rn-pdf-ic-teal{color:#0d9488}.rn-pdf-ic-red{color:#dc2626}.rn-pdf-ic-indigo{color:#4f46e5} .rn-pdf-wrapper .rn-pdf-name{margin:0!important;font-size:11.5px!important;font-weight:700;line-height:1.2;color:#1e293b} .rn-pdf-wrapper .rn-pdf-name a{color:#1e293b!important;text-decoration:none!important} .rn-pdf-wrapper .rn-pdf-name a::after{content:"";position:absolute;inset:0;border-radius:8px} @media(max-width:600px){.rn-pdf-wrapper .rn-pdf-grid{grid-template-columns:repeat(2,1fr)}} /* ===== Tool pop-up (created by the script) ===== */ body.rn-pdf-lock{overflow:hidden} .rn-pdf-overlay{display:none;position:fixed;inset:0;background:rgba(10,25,47,.6);backdrop-filter:blur(3px);z-index:99999;align-items:center;justify-content:center;padding:15px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif} .rn-pdf-overlay.active{display:flex} .rn-pdf-modal{background:#fff;border-radius:10px;width:100%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px rgba(0,0,0,.2);overflow:hidden;animation:rnPdfPop .25s ease-out} @keyframes rnPdfPop{from{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}} .rn-pdf-mhead{background:#0a192f;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between} .rn-pdf-mtitle{font-size:14px;font-weight:700;margin:0;color:#fff} .rn-pdf-x{background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 4px} .rn-pdf-mbody{padding:16px;overflow:auto;font-size:12.5px;color:#334155} .rn-pdf-desc{margin:0 0 12px;line-height:1.5;color:#475569} .rn-pdf-drop{display:block;text-align:center;border:2px dashed #b6c4d8;border-radius:8px;padding:20px 12px;cursor:pointer;background:#f8fafc;transition:all .2s} .rn-pdf-drop:hover,.rn-pdf-drop.over{border-color:#d32f2f;background:#fff5f5} .rn-pdf-drop input{display:none} .rn-pdf-drop strong{color:#d32f2f} .rn-pdf-hint{display:block;margin-top:4px;color:#94a3b8;font-size:11px} .rn-pdf-list{list-style:none;margin:10px 0 0;padding:0} .rn-pdf-item{display:flex;align-items:center;gap:8px;justify-content:space-between;border:1px solid #e2e8f0;border-radius:6px;padding:7px 10px;margin:0 0 6px;background:#fff} .rn-pdf-item.bad{border-color:#fca5a5;background:#fef2f2} .rn-pdf-finfo{min-width:0;display:flex;flex-direction:column} .rn-pdf-fname{font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rn-pdf-fmeta{font-size:11px;color:#64748b} .rn-pdf-item.bad .rn-pdf-fmeta{color:#b91c1c} .rn-pdf-fbtns{display:flex;gap:4px;flex-shrink:0} .rn-pdf-ib{width:26px;height:26px;border:1px solid #cbd5e1;background:#f8fafc;border-radius:5px;cursor:pointer;font-size:14px;line-height:1;color:#334155} .rn-pdf-ib:hover{background:#e2e8f0} .rn-pdf-opts{margin-top:10px;display:grid;gap:10px} .rn-pdf-field{display:flex;flex-direction:column;gap:4px} .rn-pdf-field span{font-weight:600;color:#334155;font-size:12px} .rn-pdf-field input,.rn-pdf-field select{width:100%;box-sizing:border-box;height:36px;padding:0 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;background:#fff;color:#0f172a} .rn-pdf-field input:focus,.rn-pdf-field select:focus{outline:2px solid rgba(211,47,47,.35);border-color:#d32f2f} .rn-pdf-check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#334155;cursor:pointer} .rn-pdf-status{margin-top:10px;font-size:12.5px;color:#475569;min-height:0} .rn-pdf-status.err{color:#b91c1c;font-weight:600;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:8px 10px} .rn-pdf-result{margin-top:10px} .rn-pdf-ok{margin:0 0 6px;font-weight:700;color:#15803d} .rn-pdf-note2{margin:0 0 10px;font-size:12px;color:#64748b;line-height:1.5} .rn-pdf-mfoot{padding:10px 16px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:flex-end;gap:8px} .rn-pdf-priv{margin-right:auto;font-size:11px;color:#64748b} .rn-pdf-btn{display:inline-block;background:#d32f2f;color:#fff!important;border:0;padding:8px 18px;border-radius:5px;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none!important;line-height:1.2} .rn-pdf-btn:hover{background:#b71c1c} .rn-pdf-btn[disabled]{opacity:.55;cursor:wait} .rn-pdf-btn.rn-pdf-ghost{background:#e2e8f0;color:#334155!important} .rn-pdf-btn.rn-pdf-ghost:hover{background:#cbd5e1} .rn-pdf-dl{background:#16a34a}.rn-pdf-dl:hover{background:#15803d} @media(max-width:500px){.rn-pdf-modal{max-height:96vh}.rn-pdf-priv{display:none}}</style> <script id="rnpdf-js" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-noptimize="1" nowprocket>(function(){ if(window.__rnPdfToolsInit)return;window.__rnPdfToolsInit=1; var CFG=window.RN_PDF_LIBS||{ pdflib:['https://cdnjs.cloudflare.com/ajax/libs/pdf-lib/1.17.1/pdf-lib.min.js','https://cdn.jsdelivr.net/npm/pdf-lib@1.17.1/dist/pdf-lib.min.js','https://unpkg.com/pdf-lib@1.17.1/dist/pdf-lib.min.js'], jszip:['https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js','https://cdn.jsdelivr.net/npm/jszip@3.10.1/dist/jszip.min.js','https://unpkg.com/jszip@3.10.1/dist/jszip.min.js'], pdfjs:['https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js','https://cdn.jsdelivr.net/npm/pdfjs-dist@3.11.174/build/pdf.min.js','https://unpkg.com/pdfjs-dist@3.11.174/build/pdf.min.js'], worker:'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js' }; var GLOBALS={pdflib:'PDFLib',jszip:'JSZip',pdfjs:'pdfjsLib'}; var loaded={}; function loadScript(urls){return new Promise(function(res,rej){var i=0;(function next(){ if(i>=urls.length)return rej(new Error('Could not load the PDF library. Please check your internet connection and try again.')); var s=document.createElement('script');s.src=urls[i++];s.onload=function(){res()};s.onerror=function(){s.remove();next()};document.head.appendChild(s);})();});} function lib(name){ if(!loaded[name]){ loaded[name]=(window[GLOBALS[name]]?Promise.resolve():loadScript(CFG[name])).then(function(){ if(name==='pdfjs'&&window.pdfjsLib&&window.pdfjsLib.GlobalWorkerOptions&&!window.pdfjsLib.GlobalWorkerOptions.workerSrc){window.pdfjsLib.GlobalWorkerOptions.workerSrc=CFG.worker;} }).catch(function(e){delete loaded[name];throw e;}); } return loaded[name]; } function $(s,r){return (r||document).querySelector(s);} function el(tag,cls,txt){var e=document.createElement(tag);if(cls)e.className=cls;if(txt!=null)e.textContent=txt;return e;} function fmt(n){return n<1024?n+' B':n<1048576?(n/1024).toFixed(1)+' KB':(n/1048576).toFixed(2)+' MB';} function baseName(n){return n.replace(/\.[^.]+$/,'');} function toBlob(cv,type,q){return new Promise(function(r){cv.toBlob(r,type,q);});} function blobBytes(b){return b.arrayBuffer().then(function(x){return new Uint8Array(x);});} function parseRanges(str,max){ var out=[];String(str||'').split(',').forEach(function(p){ p=p.trim();if(!p)return;var m=p.match(/^(\d*)\s*-\s*(\d*)$/),a,b; if(m){a=m[1]?+m[1]:1;b=m[2]?+m[2]:max;} else if(/^\d+$/.test(p)){a=b=+p;} else throw new Error('Invalid page range: "'+p+'". Use something like 1-3, 5, 8-10'); if(a<1||b>max||a>b)throw new Error('Page range "'+p+'" is outside 1 to '+max+'.'); out.push([a,b]);}); return out;} function expand(r){var s=[];r.forEach(function(x){for(var i=x[0];i<=x[1];i++)s.push(i);});return s;} function loadPdf(item){ return (item.bytes?Promise.resolve(item.bytes):item.file.arrayBuffer().then(function(b){item.bytes=new Uint8Array(b);return item.bytes;})).then(function(bytes){ return PDFLib.PDFDocument.load(bytes.slice()).catch(function(e){ if(/encrypt/i.test(e&&e.message))throw new Error('"'+item.file.name+'" is password-protected. Please remove the password first.'); throw new Error('"'+item.file.name+'" could not be read. The file may be damaged.');});}); } function loadImage(file){return new Promise(function(res,rej){ var u=URL.createObjectURL(file),im=new Image(); im.onload=function(){res({img:im,url:u});}; im.onerror=function(){URL.revokeObjectURL(u);rej(new Error('"'+file.name+'" is not a supported image.'));}; im.src=u;});} function zipBlob(entries){return lib('jszip').then(function(){var z=new JSZip();entries.forEach(function(e){z.file(e[0],e[1]);});return z.generateAsync({type:'blob',compression:'DEFLATE'});});} function newDocWith(src,idx){return PDFLib.PDFDocument.create().then(function(d){return d.copyPages(src,idx).then(function(pg){pg.forEach(function(p){d.addPage(p);});return d;});});} /* ---------- tool implementations ---------- */ async function merge(c){ var out=await PDFLib.PDFDocument.create(); for(var i=0;i<c.files.length;i++){ c.status('Merging file '+(i+1)+' of '+c.files.length+'…'); var src=await loadPdf(c.files[i]); var pages=await out.copyPages(src,src.getPageIndices()); pages.forEach(function(p){out.addPage(p);}); } c.status('Saving…'); c.done(new Blob([await out.save()],{type:'application/pdf'}),'merged.pdf'); } async function split(c){ var f=c.files[0],src=await loadPdf(f),n=src.getPageCount(),mode=c.opt('mode'),base=baseName(f.file.name),rs; if(mode==='every'){ var ent=[];for(var i=0;i<n;i++){c.status('Splitting page '+(i+1)+' of '+n+'…');var d=await newDocWith(src,[i]);ent.push([base+'-page-'+(i+1)+'.pdf',await d.save()]);} c.status('Creating ZIP…');return c.done(await zipBlob(ent),base+'-pages.zip'); } rs=parseRanges(c.opt('ranges'),n); if(!rs.length)throw new Error('Please enter the pages you want, for example 1-3, 5, 8-10.'); if(mode==='separate'){ var ent2=[];for(var k=0;k<rs.length;k++){ c.status('Creating part '+(k+1)+' of '+rs.length+'…'); var idx=expand([rs[k]]).map(function(x){return x-1;});var d2=await newDocWith(src,idx); ent2.push([base+'-'+(rs[k][0]===rs[k][1]?'page-'+rs[k][0]:'pages-'+rs[k][0]+'-'+rs[k][1])+'.pdf',await d2.save()]);} c.status('Creating ZIP…');return c.done(await zipBlob(ent2),base+'-split.zip'); } c.status('Extracting pages…'); var d3=await newDocWith(src,expand(rs).map(function(x){return x-1;})); c.done(new Blob([await d3.save()],{type:'application/pdf'}),base+'-extracted.pdf'); } async function del(c){ var f=c.files[0],src=await loadPdf(f),n=src.getPageCount(); var rs=parseRanges(c.opt('ranges'),n); if(!rs.length)throw new Error('Please enter the pages to delete, for example 2, 5-7.'); var rm={};expand(rs).forEach(function(x){rm[x]=1;}); var keep=[];for(var i=1;i<=n;i++)if(!rm[i])keep.push(i-1); if(!keep.length)throw new Error('You cannot delete all pages of the PDF.'); c.status('Removing pages…'); var d=await newDocWith(src,keep); c.done(new Blob([await d.save()],{type:'application/pdf'}),baseName(f.file.name)+'-edited.pdf',(n-keep.length)+' page(s) removed, '+keep.length+' remaining.'); } async function rotate(c){ var f=c.files[0],pdf=await loadPdf(f),n=pdf.getPageCount(),angle=parseInt(c.opt('angle'),10); var rs=parseRanges(c.opt('ranges'),n),pages=pdf.getPages(),target=rs.length?expand(rs):pages.map(function(_,i){return i+1;}); target.forEach(function(x){var p=pages[x-1];p.setRotation(PDFLib.degrees((p.getRotation().angle+angle)%360));}); c.status('Saving…'); c.done(new Blob([await pdf.save()],{type:'application/pdf'}),baseName(f.file.name)+'-rotated.pdf',target.length+' page(s) rotated.'); } async function img2pdf(c){ var out=await PDFLib.PDFDocument.create(),size=c.opt('size'),m=parseInt(c.opt('margin'),10); for(var i=0;i<c.files.length;i++){ c.status('Adding image '+(i+1)+' of '+c.files.length+'…'); var L=await loadImage(c.files[i].file),im=L.img,w=im.naturalWidth,h=im.naturalHeight,sc=Math.min(1,3500/Math.max(w,h)); var cv=document.createElement('canvas');cv.width=Math.round(w*sc);cv.height=Math.round(h*sc); var ctx=cv.getContext('2d');ctx.fillStyle='#fff';ctx.fillRect(0,0,cv.width,cv.height);ctx.drawImage(im,0,0,cv.width,cv.height); URL.revokeObjectURL(L.url); var isPng=/png/i.test(c.files[i].file.type); var bytes=await blobBytes(await toBlob(cv,isPng?'image/png':'image/jpeg',0.92)); var emb=isPng?await out.embedPng(bytes):await out.embedJpg(bytes); var pw,ph; if(size==='orig'){pw=w*0.75;ph=h*0.75;m=0;}else{pw=595.28;ph=841.89;if(w>h){var t=pw;pw=ph;ph=t;}} var s2=Math.min((pw-2*m)/w,(ph-2*m)/h),dw=w*s2,dh=h*s2; var pg=out.addPage([pw,ph]);pg.drawImage(emb,{x:(pw-dw)/2,y:(ph-dh)/2,width:dw,height:dh}); cv.width=cv.height=0; } c.status('Saving…'); c.done(new Blob([await out.save()],{type:'application/pdf'}),c.files.length===1?baseName(c.files[0].file.name)+'.pdf':'images.pdf'); } async function openPdfJs(item){ await lib('pdfjs'); var bytes=item.bytes||new Uint8Array(await item.file.arrayBuffer());item.bytes=bytes; return pdfjsLib.getDocument({data:bytes.slice()}).promise; } async function renderPage(pg,scale,gray){ var vp=pg.getViewport({scale:scale}),cv=document.createElement('canvas'); cv.width=Math.ceil(vp.width);cv.height=Math.ceil(vp.height); var ctx=cv.getContext('2d');ctx.fillStyle='#fff';ctx.fillRect(0,0,cv.width,cv.height); await pg.render({canvasContext:ctx,canvas:cv,viewport:vp}).promise; if(gray){var d=ctx.getImageData(0,0,cv.width,cv.height),a=d.data;for(var i=0;i<a.length;i+=4){var g=(a[i]*0.299+a[i+1]*0.587+a[i+2]*0.114)|0;a[i]=a[i+1]=a[i+2]=g;}ctx.putImageData(d,0,0);} return cv; } async function pdf2img(c){ var f=c.files[0],doc=await openPdfJs(f),n=doc.numPages,fmtv=c.opt('format'),scale=parseFloat(c.opt('scale')),base=baseName(f.file.name); var rs=parseRanges(c.opt('ranges'),n),pages=rs.length?expand(rs):Array.from({length:n},function(_,i){return i+1;}); var ext=fmtv==='jpg'?'jpg':'png',mime=fmtv==='jpg'?'image/jpeg':'image/png',ent=[],last; for(var i=0;i<pages.length;i++){ c.status('Converting page '+(i+1)+' of '+pages.length+'…'); var pg=await doc.getPage(pages[i]),cv=await renderPage(pg,scale,false),b=await toBlob(cv,mime,0.92); ent.push([base+'-page-'+pages[i]+'.'+ext,b]);last=b;cv.width=cv.height=0;pg.cleanup(); } if(ent.length===1)return c.done(last,ent[0][0]); c.status('Creating ZIP…'); c.done(await zipBlob(ent),base+'-images.zip',ent.length+' images in the ZIP file.'); } async function compress(c){ var f=c.files[0],doc=await openPdfJs(f),n=doc.numPages,preset=c.opt('level'),gray=c.opt('gray')==='1'; var P={light:[2,0.8],balanced:[1.5,0.6],max:[1.1,0.45]}[preset]||[1.5,0.6]; var out=await PDFLib.PDFDocument.create(); for(var i=1;i<=n;i++){ c.status('Compressing page '+i+' of '+n+'…'); var pg=await doc.getPage(i),v1=pg.getViewport({scale:1}),cv=await renderPage(pg,P[0],gray); var bytes=await blobBytes(await toBlob(cv,'image/jpeg',P[1])); var emb=await out.embedJpg(bytes),np=out.addPage([v1.width,v1.height]);np.drawImage(emb,{x:0,y:0,width:v1.width,height:v1.height}); cv.width=cv.height=0;pg.cleanup(); } c.status('Saving…'); var blob=new Blob([await out.save()],{type:'application/pdf'}),o=f.file.size,pc=Math.round((1-blob.size/o)*100); var note=pc>0?'Size reduced from '+fmt(o)+' to '+fmt(blob.size)+' (about '+pc+'% smaller).':'Compression did not help: this PDF is already small or mostly text, so the new file ('+fmt(blob.size)+') is larger than the original ('+fmt(o)+'). Keep your original file.'; c.done(blob,baseName(f.file.name)+'-compressed.pdf',note+' Note: pages become images, so text can no longer be selected.'); } async function numbers(c){ var f=c.files[0],pdf=await loadPdf(f),n=pdf.getPageCount(),font=await pdf.embedFont(PDFLib.StandardFonts.Helvetica); var pos=c.opt('pos'),style=c.opt('style'),start=parseInt(c.opt('start'),10),size=parseInt(c.opt('size'),10),skip=c.opt('skip')==='1'; if(isNaN(start))start=1;if(isNaN(size)||size<6)size=11; var total=start+n-1-(skip?1:0),pages=pdf.getPages(); pages.forEach(function(p,i){ if(skip&&i===0)return; var num=start+i-(skip?1:0),t=style==='page'?'Page '+num:style==='pageof'?'Page '+num+' of '+total:style==='slash'?num+' / '+total:String(num); var sz=p.getSize(),w=font.widthOfTextAtSize(t,size),mg=24,x,y; x=/left/.test(pos)?mg:/right/.test(pos)?sz.width-mg-w:(sz.width-w)/2; y=/top/.test(pos)?sz.height-mg-size:mg; p.drawText(t,{x:x,y:y,size:size,font:font,color:PDFLib.rgb(0.15,0.15,0.15)}); }); c.status('Saving…'); c.done(new Blob([await pdf.save()],{type:'application/pdf'}),baseName(f.file.name)+'-numbered.pdf'); } /* ---------- tool definitions ---------- */ function sel(id,label,opts){return '<label class="rn-pdf-field"><span>'+label+'</span><select id="rnpo-'+id+'">'+opts.map(function(o){return '<option value="'+o[0]+'">'+o[1]+'</option>';}).join('')+'</select></label>';} function inp(id,label,ph,val,type){return '<label class="rn-pdf-field"><span>'+label+'</span><input id="rnpo-'+id+'" type="'+(type||'text')+'" placeholder="'+(ph||'')+'" value="'+(val||'')+'"></label>';} function chk(id,label){return '<label class="rn-pdf-check"><input id="rnpo-'+id+'" type="checkbox" value="1"> <span>'+label+'</span></label>';} var PDF='application/pdf,.pdf',IMG='image/*,.jpg,.jpeg,.png,.webp,.gif,.bmp'; var TOOLS={ 'pdf-merge':{title:'Merge PDF',desc:'Combine two or more PDF files into a single PDF. Use the arrows to set the order.',multi:true,kind:'pdf',accept:PDF,min:2,btn:'Merge PDF',opts:'',run:merge}, 'pdf-split':{title:'Split PDF',desc:'Extract selected pages, or split a PDF into several files.',multi:false,kind:'pdf',accept:PDF,btn:'Split PDF', opts:sel('mode','What do you want to do?',[['one','Extract these pages into ONE PDF'],['separate','Each range as a separate PDF (ZIP)'],['every','Every page as a separate PDF (ZIP)']])+inp('ranges','Pages','e.g. 1-3, 5, 8-10',''),run:split}, 'pdf-delete':{title:'Delete Pages',desc:'Remove unwanted pages from a PDF.',multi:false,kind:'pdf',accept:PDF,btn:'Delete Pages', opts:inp('ranges','Pages to delete','e.g. 2, 5-7',''),run:del}, 'pdf-rotate':{title:'Rotate PDF',desc:'Rotate all pages, or only the pages you choose.',multi:false,kind:'pdf',accept:PDF,btn:'Rotate PDF', opts:sel('angle','Rotation',[['90','90° clockwise'],['180','180°'],['270','90° counter-clockwise']])+inp('ranges','Pages (leave empty for all pages)','e.g. 1-3, 5',''),run:rotate}, 'pdf-img2pdf':{title:'Image to PDF',desc:'Turn JPG, PNG or WEBP images into one PDF. Use the arrows to set the order.',multi:true,kind:'img',accept:IMG,min:1,btn:'Create PDF', opts:sel('size','Page size',[['a4','A4 (fit image, auto orientation)'],['orig','Same as image']])+sel('margin','Margin',[['0','No margin'],['20','Small'],['36','Normal']]),run:img2pdf}, 'pdf-pdf2img':{title:'PDF to Images',desc:'Save every page (or selected pages) of a PDF as an image.',multi:false,kind:'pdf',accept:PDF,btn:'Convert to Images', opts:sel('format','Image format',[['png','PNG (best quality)'],['jpg','JPG (smaller files)']])+sel('scale','Quality',[['2.08','Standard (150 DPI)'],['2.78','High (200 DPI)'],['1.33','Low (96 DPI)']])+inp('ranges','Pages (leave empty for all pages)','e.g. 1-3, 5',''),run:pdf2img}, 'pdf-compress':{title:'Compress PDF',desc:'Reduce the file size of a PDF, for example to meet an upload limit. Works best on scanned documents.',multi:false,kind:'pdf',accept:PDF,btn:'Compress PDF', opts:sel('level','Compression',[['balanced','Recommended'],['max','Maximum (smallest file)'],['light','Light (better quality)']])+chk('gray','Convert to black & white (grayscale) for an even smaller file'),run:compress}, 'pdf-numbers':{title:'Add Page Numbers',desc:'Print page numbers on every page of your PDF.',multi:false,kind:'pdf',accept:PDF,btn:'Add Page Numbers', opts:sel('pos','Position',[['bottom-center','Bottom centre'],['bottom-right','Bottom right'],['bottom-left','Bottom left'],['top-center','Top centre'],['top-right','Top right'],['top-left','Top left']])+sel('style','Format',[['n','1, 2, 3'],['page','Page 1, Page 2'],['pageof','Page 1 of 10'],['slash','1 / 10']])+inp('start','First number','1','1','number')+inp('size','Font size','11','11','number')+chk('skip','Do not number the first page'),run:numbers} }; /* ---------- modal UI ---------- */ var ov,S={tool:null,files:[],busy:false,url:null}; function build(){ if(ov)return; ov=el('div','rn-pdf-overlay');ov.setAttribute('role','dialog');ov.setAttribute('aria-modal','true'); ov.innerHTML='<div class="rn-pdf-modal"><div class="rn-pdf-mhead"><h3 class="rn-pdf-mtitle"></h3><button type="button" class="rn-pdf-x" aria-label="Close">×</button></div>'+ '<div class="rn-pdf-mbody"><p class="rn-pdf-desc"></p><label class="rn-pdf-drop"><input type="file" class="rn-pdf-file"><strong>Choose file</strong><span> or drag & drop here</span><small class="rn-pdf-hint"></small></label><ul class="rn-pdf-list"></ul><div class="rn-pdf-opts"></div><div class="rn-pdf-status" role="status" aria-live="polite"></div><div class="rn-pdf-result"></div></div>'+ '<div class="rn-pdf-mfoot"><span class="rn-pdf-priv">🔒 Files stay on your device</span><button type="button" class="rn-pdf-btn rn-pdf-ghost" data-act="clear">Clear</button><button type="button" class="rn-pdf-btn" data-act="run">Run</button></div></div>'; document.body.appendChild(ov); ov.addEventListener('click',function(e){ if(e.target===ov)return close(); var b=e.target.closest('button');if(!b)return; if(b.classList.contains('rn-pdf-x'))return close(); var act=b.getAttribute('data-act'); if(act==='run')return run(); if(act==='clear')return clearAll(); var i=+b.getAttribute('data-i'),a=b.getAttribute('data-a'); if(a==='rm')S.files.splice(i,1); else if(a==='up'&&i>0){var t=S.files[i];S.files[i]=S.files[i-1];S.files[i-1]=t;} else if(a==='down'&&i<S.files.length-1){var t2=S.files[i];S.files[i]=S.files[i+1];S.files[i+1]=t2;} clearResult();renderList(); }); var drop=$('.rn-pdf-drop',ov),inpf=$('.rn-pdf-file',ov); inpf.addEventListener('change',function(){addFiles(inpf.files);inpf.value='';}); ['dragenter','dragover'].forEach(function(ev){drop.addEventListener(ev,function(e){e.preventDefault();drop.classList.add('over');});}); ['dragleave','drop'].forEach(function(ev){drop.addEventListener(ev,function(e){e.preventDefault();drop.classList.remove('over');});}); drop.addEventListener('drop',function(e){addFiles(e.dataTransfer.files);}); document.addEventListener('keydown',function(e){if(e.key==='Escape'&&ov.classList.contains('active'))close();}); } function status(t,kind){var s=$('.rn-pdf-status',ov);s.textContent=t||'';s.className='rn-pdf-status'+(kind?' '+kind:'');} function clearResult(){if(!ov)return;$('.rn-pdf-result',ov).innerHTML='';status('');} function renderList(){ var ul=$('.rn-pdf-list',ov),T=TOOLS[S.tool];ul.innerHTML=''; S.files.forEach(function(it,i){ var li=el('li','rn-pdf-item'+(it.err?' bad':'')),nm=el('span','rn-pdf-fname',it.file.name),mt=el('span','rn-pdf-fmeta',it.err?it.err:fmt(it.file.size)+(it.pages?' · '+it.pages+(it.pages===1?' page':' pages'):'')); var bt=el('span','rn-pdf-fbtns'),info=el('span','rn-pdf-finfo');info.appendChild(nm);info.appendChild(mt); function mk(a,t,l){var b=el('button','rn-pdf-ib',t);b.type='button';b.setAttribute('data-a',a);b.setAttribute('data-i',i);b.setAttribute('aria-label',l);bt.appendChild(b);} if(T.multi&&S.files.length>1){mk('up','↑','Move up');mk('down','↓','Move down');} mk('rm','×','Remove'); li.appendChild(info);li.appendChild(bt);ul.appendChild(li); }); var drop=$('.rn-pdf-drop',ov);drop.style.display=(!T.multi&&S.files.length)?'none':''; $('.rn-pdf-opts',ov).style.display=S.files.length?'':'none'; $('[data-act=clear]',ov).style.display=S.files.length?'':'none'; } function okType(f,kind){ if(kind==='pdf')return f.type==='application/pdf'||/\.pdf$/i.test(f.name); return /^image\//.test(f.type)||/\.(jpe?g|png|webp|gif|bmp)$/i.test(f.name); } function addFiles(list){ var T=TOOLS[S.tool],arr=Array.prototype.slice.call(list||[]),bad=0;clearResult(); arr=arr.filter(function(f){var ok=okType(f,T.kind);if(!ok)bad++;return ok;}); if(bad)status(bad+' file(s) skipped: please choose '+(T.kind==='pdf'?'PDF':'image')+' files only.','err'); if(!arr.length)return; if(!T.multi){S.files=[];arr=arr.slice(0,1);} arr.forEach(function(f){ var it={file:f};S.files.push(it); if(T.kind==='pdf'){lib('pdflib').then(function(){return loadPdf(it);}).then(function(d){it.pages=d.getPageCount();renderList();}).catch(function(e){it.err=e.message;renderList();});} }); renderList(); } function clearAll(){S.files=[];clearResult();renderList();} function done(blob,name,note){ if(S.url)URL.revokeObjectURL(S.url);S.url=URL.createObjectURL(blob); status('');var r=$('.rn-pdf-result',ov);r.innerHTML=''; r.appendChild(el('p','rn-pdf-ok','✔ Done! '+name+' ('+fmt(blob.size)+')')); if(note)r.appendChild(el('p','rn-pdf-note2',note)); var a=el('a','rn-pdf-btn rn-pdf-dl','⬇ Download');a.href=S.url;a.download=name;r.appendChild(a); } async function run(){ if(S.busy)return;var T=TOOLS[S.tool],f=S.files;clearResult(); if(!f.length)return status('Please add a file first.','err'); if(T.min&&f.length<T.min)return status('Please add at least '+T.min+' files.','err'); if(f.some(function(x){return x.err;}))return status('Remove the file that could not be read and try again.','err'); if(f.reduce(function(s,x){return s+x.file.size;},0)>250*1048576)return status('Files are too large to process in the browser (limit 250 MB).','err'); S.busy=true;var btn=$('[data-act=run]',ov);btn.disabled=true; try{ status('Loading…');await lib('pdflib'); await T.run({files:f,status:status,done:done,opt:function(id){var e=$('#rnpo-'+id,ov);return e?(e.type==='checkbox'?(e.checked?'1':'0'):e.value):'';}}); }catch(e){status((e&&e.message)||'Something went wrong. Please try again.','err');} finally{S.busy=false;btn.disabled=false;} } function open(id){ var T=TOOLS[id];if(!T)return;build();S.tool=id;S.files=[]; $('.rn-pdf-mtitle',ov).textContent=T.title;$('.rn-pdf-desc',ov).textContent=T.desc; var inpf=$('.rn-pdf-file',ov);inpf.accept=T.accept;inpf.multiple=!!T.multi; $('.rn-pdf-hint',ov).textContent=T.kind==='pdf'?'PDF files only':'JPG, PNG, WEBP images'; $('.rn-pdf-opts',ov).innerHTML=T.opts;$('[data-act=run]',ov).textContent=T.btn; clearResult();renderList();ov.classList.add('active');document.body.classList.add('rn-pdf-lock'); try{history.replaceState(null,'','#'+id);}catch(e){} setTimeout(function(){var x=$('.rn-pdf-x',ov);if(x)x.focus();},50); lib('pdflib').catch(function(){}); } function close(){ if(!ov)return;ov.classList.remove('active');document.body.classList.remove('rn-pdf-lock'); if(S.url){URL.revokeObjectURL(S.url);S.url=null;} try{if(location.hash.indexOf('#pdf-')===0)history.replaceState(null,'',location.pathname+location.search);}catch(e){} } document.addEventListener('click',function(e){ var a=e.target.closest&&e.target.closest('a[href^="#pdf-"]');if(!a)return; var id=a.getAttribute('href').slice(1);if(TOOLS[id]){e.preventDefault();open(id);} }); function init(){var h=location.hash.slice(1);if(TOOLS[h])open(h);} if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init(); window.rnPdfOpen=open; })();</script> <style id="rnimg-css">/* ===== Image Tools section ===== */ .rn-img-wrapper{max-width:1140px;margin:20px auto 40px auto!important;padding:0 15px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif} .rn-img-wrapper .rn-img-column{background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:14px 16px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex-direction:column} .rn-img-wrapper .rn-img-header{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:2px solid #f1f5f9;margin:0 0 10px!important} .rn-img-wrapper .rn-img-title{font-size:13.5px!important;font-weight:700;color:#0f172a!important;margin:0!important;padding:0!important;line-height:1.2} .rn-img-wrapper .rn-img-badge{margin:0!important;font-size:10.5px!important;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#16a34a} .rn-img-wrapper .rn-img-intro{margin:0 0 12px!important;font-size:12px!important;line-height:1.5;color:#64748b} .rn-img-wrapper .rn-img-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px;margin:0!important} .rn-img-wrapper .rn-img-card{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:92px;padding:12px 6px;margin:0!important;border-radius:8px;border:1px solid #e2e8f0;transition:all .25s ease} .rn-img-wrapper .rn-img-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.08)} .rn-img-bg-blue{background-color:#f0f7ff;border-color:#d0e3ff!important} .rn-img-bg-green{background-color:#f0fdf4;border-color:#d1fae5!important} .rn-img-bg-purple{background-color:#faf5ff;border-color:#e9d5ff!important} .rn-img-bg-orange{background-color:#fff7ed;border-color:#ffedd5!important} .rn-img-bg-pink{background-color:#fdf2f8;border-color:#fbcfe8!important} .rn-img-bg-teal{background-color:#f0fdfa;border-color:#ccfbf1!important} .rn-img-bg-red{background-color:#fef2f2;border-color:#fecaca!important} .rn-img-bg-indigo{background-color:#eef2ff;border-color:#c7d2fe!important} .rn-img-wrapper .rn-img-icon-box{width:32px;height:32px;border-radius:6px;display:flex!important;align-items:center;justify-content:center;margin:0 0 6px!important;padding:0} .rn-img-wrapper .rn-img-icon-box svg{width:20px;height:20px;display:block} .rn-img-ic-blue{color:#1a73e8}.rn-img-ic-green{color:#16a34a}.rn-img-ic-purple{color:#9333ea}.rn-img-ic-orange{color:#ea580c} .rn-img-ic-pink{color:#db2777}.rn-img-ic-teal{color:#0d9488}.rn-img-ic-red{color:#dc2626}.rn-img-ic-indigo{color:#4f46e5} .rn-img-wrapper .rn-img-name{margin:0!important;font-size:11.5px!important;font-weight:700;line-height:1.2;color:#1e293b} .rn-img-wrapper .rn-img-name a{color:#1e293b!important;text-decoration:none!important} .rn-img-wrapper .rn-img-name a::after{content:"";position:absolute;inset:0;border-radius:8px} @media(max-width:600px){.rn-img-wrapper .rn-img-grid{grid-template-columns:repeat(2,1fr)}} /* ===== Tool pop-up (created by the script) ===== */ body.rn-img-lock{overflow:hidden} .rn-img-overlay{display:none;position:fixed;inset:0;background:rgba(10,25,47,.6);backdrop-filter:blur(3px);z-index:99999;align-items:center;justify-content:center;padding:15px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif} .rn-img-overlay.active{display:flex} .rn-img-modal{background:#fff;border-radius:10px;width:100%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px rgba(0,0,0,.2);overflow:hidden;animation:rnImgPop .25s ease-out} @keyframes rnImgPop{from{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}} .rn-img-mhead{background:#0a192f;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between} .rn-img-mtitle{font-size:14px;font-weight:700;margin:0;color:#fff} .rn-img-x{background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 4px} .rn-img-mbody{padding:16px;overflow:auto;font-size:12.5px;color:#334155} .rn-img-desc{margin:0 0 12px;line-height:1.5;color:#475569} .rn-img-drop{display:block;text-align:center;border:2px dashed #b6c4d8;border-radius:8px;padding:20px 12px;cursor:pointer;background:#f8fafc;transition:all .2s} .rn-img-drop:hover,.rn-img-drop.over{border-color:#d32f2f;background:#fff5f5} .rn-img-drop input{display:none} .rn-img-drop strong{color:#d32f2f} .rn-img-hint{display:block;margin-top:4px;color:#94a3b8;font-size:11px} .rn-img-list{list-style:none;margin:10px 0 0;padding:0} .rn-img-item{display:flex;align-items:center;gap:8px;justify-content:space-between;border:1px solid #e2e8f0;border-radius:6px;padding:7px 10px;margin:0 0 6px;background:#fff} .rn-img-item.bad{border-color:#fca5a5;background:#fef2f2} .rn-img-finfo{min-width:0;display:flex;flex-direction:column} .rn-img-fname{font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rn-img-fmeta{font-size:11px;color:#64748b} .rn-img-item.bad .rn-img-fmeta{color:#b91c1c} .rn-img-fbtns{display:flex;gap:4px;flex-shrink:0} .rn-img-ib{width:26px;height:26px;border:1px solid #cbd5e1;background:#f8fafc;border-radius:5px;cursor:pointer;font-size:14px;line-height:1;color:#334155} .rn-img-ib:hover{background:#e2e8f0} .rn-img-opts{margin-top:10px;display:grid;gap:10px} .rn-img-field{display:flex;flex-direction:column;gap:4px} .rn-img-field span{font-weight:600;color:#334155;font-size:12px} .rn-img-field input,.rn-img-field select{width:100%;box-sizing:border-box;height:36px;padding:0 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;background:#fff;color:#0f172a} .rn-img-field input:focus,.rn-img-field select:focus{outline:2px solid rgba(211,47,47,.35);border-color:#d32f2f} .rn-img-check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#334155;cursor:pointer} .rn-img-status{margin-top:10px;font-size:12.5px;color:#475569;min-height:0} .rn-img-status.err{color:#b91c1c;font-weight:600;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:8px 10px} .rn-img-result{margin-top:10px} .rn-img-ok{margin:0 0 6px;font-weight:700;color:#15803d} .rn-img-note2{margin:0 0 10px;font-size:12px;color:#64748b;line-height:1.5} .rn-img-mfoot{padding:10px 16px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:flex-end;gap:8px} .rn-img-priv{margin-right:auto;font-size:11px;color:#64748b} .rn-img-btn{display:inline-block;background:#d32f2f;color:#fff!important;border:0;padding:8px 18px;border-radius:5px;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none!important;line-height:1.2} .rn-img-btn:hover{background:#b71c1c} .rn-img-btn[disabled]{opacity:.55;cursor:wait} .rn-img-btn.rn-img-ghost{background:#e2e8f0;color:#334155!important} .rn-img-btn.rn-img-ghost:hover{background:#cbd5e1} .rn-img-dl{background:#16a34a}.rn-img-dl:hover{background:#15803d} @media(max-width:500px){.rn-img-modal{max-height:96vh}.rn-img-priv{display:none}} .rn-img-th{width:38px;height:38px;object-fit:cover;border-radius:4px;border:1px solid #e2e8f0;flex-shrink:0;background:#f1f5f9} .rn-img-item{justify-content:flex-start} .rn-img-item .rn-img-finfo{flex:1} .rn-img-cropbox{text-align:center} .rn-img-cropcv{max-width:100%;height:auto;border-radius:6px;background:#0a192f;touch-action:none;cursor:crosshair;display:block;margin:0 auto} .rn-img-croptxt{margin:6px 0 0;font-size:11.5px;color:#64748b} .rn-img-prev{display:block;max-width:100%;max-height:170px;margin:0 auto 10px;border:1px solid #e2e8f0;border-radius:6px;background:repeating-conic-gradient(#f1f5f9 0 25%,#fff 0 50%) 50%/16px 16px}</style> <script id="rnimg-js" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-noptimize="1" nowprocket>(function(){ if(window.__rnImgToolsInit)return;window.__rnImgToolsInit=1; var ZIPURLS=['https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js','https://cdn.jsdelivr.net/npm/jszip@3.10.1/dist/jszip.min.js','https://unpkg.com/jszip@3.10.1/dist/jszip.min.js']; var zipP=null; function loadZip(){ if(window.JSZip)return Promise.resolve(); if(!zipP){zipP=new Promise(function(res,rej){var i=0;(function next(){ if(i>=ZIPURLS.length){zipP=null;return rej(new Error('Could not load the ZIP library. Please check your internet connection and try again.'));} var s=document.createElement('script');s.src=ZIPURLS[i++];s.onload=function(){res();};s.onerror=function(){s.remove();next();};document.head.appendChild(s);})();});} return zipP; } function $(s,r){return (r||document).querySelector(s);} function el(tag,cls,txt){var e=document.createElement(tag);if(cls)e.className=cls;if(txt!=null)e.textContent=txt;return e;} function fmt(n){return n<1024?n+' B':n<1048576?(n/1024).toFixed(1)+' KB':(n/1048576).toFixed(2)+' MB';} function baseName(n){return n.replace(/\.[^.]+$/,'');} function num(v){var x=parseFloat(v);return isNaN(x)?0:x;} var MAXSIDE=16384; function extOf(m){return m==='image/png'?'png':m==='image/webp'?'webp':'jpg';} function mimeOf(sel,file){ if(sel==='jpg')return 'image/jpeg';if(sel==='png')return 'image/png';if(sel==='webp')return 'image/webp'; return /png/i.test(file.type)?'image/png':/webp/i.test(file.type)?'image/webp':'image/jpeg'; } function canvasOf(w,h){var c=document.createElement('canvas');c.width=Math.max(1,Math.round(w));c.height=Math.max(1,Math.round(h));return c;} function render(im,w,h,mime){ var cv=canvasOf(w,h),ctx=cv.getContext('2d'); if(mime==='image/jpeg'){ctx.fillStyle='#fff';ctx.fillRect(0,0,cv.width,cv.height);} ctx.imageSmoothingEnabled=true;ctx.imageSmoothingQuality='high';ctx.drawImage(im,0,0,cv.width,cv.height);return cv; } function encode(cv,mime,q){return new Promise(function(res,rej){cv.toBlob(function(b){b?res(b):rej(new Error('Your browser could not create this image.'));},mime,q);});} function loadImage(file){return new Promise(function(res,rej){ var u=URL.createObjectURL(file),im=new Image(); im.onload=function(){res({img:im,url:u});}; im.onerror=function(){URL.revokeObjectURL(u);rej(new Error('"'+file.name+'" could not be opened. Use a JPG, PNG or WEBP image.'));}; im.src=u;});} async function withImg(file,fn){var L=await loadImage(file);try{return await fn(L.img);}finally{URL.revokeObjectURL(L.url);}} function checkSize(w,h){ if(w<1||h<1)throw new Error('The size is too small. Please enter a larger value.'); if(w>MAXSIDE||h>MAXSIDE||w*h>120000000)throw new Error('The size is too large for the browser. Please use a smaller size.'); } async function fitToSize(cv,mime,max,allowScale){ var cur=cv,low; for(var round=0;round<12;round++){ var top=await encode(cur,mime,0.92);if(top.size<=max)return {blob:top,cv:cur}; low=await encode(cur,mime,0.05); if(low.size<=max){var lo=0.05,hi=0.92,best=low;for(var i=0;i<7;i++){var mid=(lo+hi)/2,t=await encode(cur,mime,mid);if(t.size<=max){best=t;lo=mid;}else{hi=mid;}}return {blob:best,cv:cur};} if(!allowScale)return {blob:low,cv:cur,fail:true}; var n=canvasOf(cur.width*0.85,cur.height*0.85);var nctx=n.getContext('2d');nctx.imageSmoothingQuality='high';nctx.drawImage(cur,0,0,n.width,n.height);cur=n; } return {blob:low,cv:cur,fail:true}; } function uniq(name,used){ var n=name,k=1,m=name.match(/^(.*?)(\.[^.]+)$/),b=m?m[1]:name,e=m?m[2]:''; while(used[n.toLowerCase()]){k++;n=b+'-'+k+e;}used[n.toLowerCase()]=1;return n; } async function batch(c,fn){ var res=[],n=c.files.length; for(var i=0;i<n;i++){c.status('Processing image '+(i+1)+' of '+n+'…');res.push(await fn(c.files[i],i));} if(n===1)return c.done(res[0].blob,res[0].name,res[0].note); var used={},ent=res.map(function(r){return [uniq(r.name,used),r.blob];}),tin=0,tout=0; c.files.forEach(function(f){tin+=f.file.size;});res.forEach(function(r){tout+=r.blob.size;}); c.status('Creating ZIP…');await loadZip(); var z=new JSZip();ent.forEach(function(e){z.file(e[0],e[1]);}); var blob=await z.generateAsync({type:'blob',compression:'STORE'}); c.done(blob,'images.zip',n+' images processed. Total size '+fmt(tin)+' → '+fmt(tout)+'.'); } var QUAL='<option value="0.92">High quality</option><option value="0.8">Medium</option><option value="0.6">Low (smaller file)</option>'; /* ---------- tools ---------- */ async function resize(c){ var mode=c.opt('mode'),keep=c.opt('keep')==='1',W=num(c.opt('w')),H=num(c.opt('h')),P=num(c.opt('pct')),fm=c.opt('format'),q=parseFloat(c.opt('q')); if(mode==='pct'&&P<=0)throw new Error('Enter a percentage, for example 50.'); if(mode!=='pct'&&!W&&!H)throw new Error('Enter a width, a height, or both.'); await batch(c,function(it){return withImg(it.file,async function(im){ var w0=im.naturalWidth,h0=im.naturalHeight,w,h; if(mode==='pct'){w=w0*P/100;h=h0*P/100;} else if(keep){if(W&&H){var s=Math.min(W/w0,H/h0);w=w0*s;h=h0*s;}else if(W){w=W;h=h0*W/w0;}else{h=H;w=w0*H/h0;}} else{w=W||w0;h=H||h0;} w=Math.round(w);h=Math.round(h);checkSize(w,h); var mime=mimeOf(fm,it.file),cv=render(im,w,h,mime),b=await encode(cv,mime,q);cv.width=cv.height=0; return {blob:b,name:baseName(it.file.name)+'-'+w+'x'+h+'.'+extOf(b.type),note:w0+'×'+h0+' → '+w+'×'+h+' px · '+fmt(it.file.size)+' → '+fmt(b.size)}; });}); } async function compress(c){ var fm=c.opt('format'),q=parseFloat(c.opt('q')),maxkb=num(c.opt('maxkb')),maxw=num(c.opt('maxw')),mime=fm==='webp'?'image/webp':'image/jpeg'; await batch(c,function(it){return withImg(it.file,async function(im){ var w=im.naturalWidth,h=im.naturalHeight; if(maxw&&w>maxw){h=Math.round(h*maxw/w);w=maxw;} checkSize(w,h); var cv=render(im,w,h,mime),b,note; if(maxkb>0){ var r=await fitToSize(cv,mime,maxkb*1024,true);b=r.blob; if(r.fail)throw new Error('Could not reduce "'+it.file.name+'" to '+maxkb+' KB. Try a larger limit.'); note=fmt(it.file.size)+' → '+fmt(b.size)+' (limit '+maxkb+' KB) · '+r.cv.width+'×'+r.cv.height+' px'; }else{b=await encode(cv,mime,q);note=fmt(it.file.size)+' → '+fmt(b.size);} cv.width=cv.height=0; if(b.size>=it.file.size&&maxkb<=0)note+=' (the original is already well compressed; try Medium or Low quality)'; return {blob:b,name:baseName(it.file.name)+'-compressed.'+extOf(b.type),note:note}; });}); } async function convert(c){ var fm=c.opt('format'),q=parseFloat(c.opt('q')); await batch(c,function(it){return withImg(it.file,async function(im){ var mime=mimeOf(fm,it.file),cv=render(im,im.naturalWidth,im.naturalHeight,mime),b=await encode(cv,mime,q);cv.width=cv.height=0; if(b.type!==mime)throw new Error('Your browser cannot save this format. Please choose JPG or PNG.'); return {blob:b,name:baseName(it.file.name)+'.'+extOf(b.type),note:fmt(it.file.size)+' → '+fmt(b.size)+' ('+extOf(b.type).toUpperCase()+')'}; });}); } async function rotate(c){ var act=c.opt('act'),fm=c.opt('format'); await batch(c,function(it){return withImg(it.file,async function(im){ var w=im.naturalWidth,h=im.naturalHeight,swap=act==='cw'||act==='ccw',mime=mimeOf(fm,it.file); var cv=canvasOf(swap?h:w,swap?w:h),ctx=cv.getContext('2d'); if(mime==='image/jpeg'){ctx.fillStyle='#fff';ctx.fillRect(0,0,cv.width,cv.height);} ctx.translate(cv.width/2,cv.height/2); if(act==='cw')ctx.rotate(Math.PI/2);else if(act==='ccw')ctx.rotate(-Math.PI/2);else if(act==='180')ctx.rotate(Math.PI); else if(act==='fliph')ctx.scale(-1,1);else if(act==='flipv')ctx.scale(1,-1); ctx.drawImage(im,-w/2,-h/2); var b=await encode(cv,mime,0.95),nw=cv.width,nh=cv.height;cv.width=cv.height=0; return {blob:b,name:baseName(it.file.name)+'-'+(act==='fliph'||act==='flipv'?'flipped':'rotated')+'.'+extOf(b.type),note:nw+'×'+nh+' px · '+fmt(b.size)}; });}); } async function photo(c){ var W=Math.round(num(c.opt('w'))),H=Math.round(num(c.opt('h'))),maxkb=num(c.opt('maxkb')),fit=c.opt('fit'); if(!W||!H)throw new Error('Enter the width and height in pixels.');checkSize(W,H); await batch(c,function(it){return withImg(it.file,async function(im){ var w0=im.naturalWidth,h0=im.naturalHeight,cv=canvasOf(W,H),ctx=cv.getContext('2d'); ctx.fillStyle='#fff';ctx.fillRect(0,0,W,H);ctx.imageSmoothingQuality='high'; if(fit==='stretch')ctx.drawImage(im,0,0,W,H); else{var s=fit==='contain'?Math.min(W/w0,H/h0):Math.max(W/w0,H/h0),dw=w0*s,dh=h0*s;ctx.drawImage(im,(W-dw)/2,(H-dh)/2,dw,dh);} var b,note; if(maxkb>0){var r=await fitToSize(cv,'image/jpeg',maxkb*1024,false);b=r.blob; if(r.fail)throw new Error('Could not make "'+it.file.name+'" smaller than '+maxkb+' KB at '+W+'×'+H+' px. Increase the limit or reduce the size.');} else{b=await encode(cv,'image/jpeg',0.92);} note=W+'×'+H+' px · '+fmt(b.size)+(maxkb>0?' (limit '+maxkb+' KB)':'');cv.width=cv.height=0; return {blob:b,name:baseName(it.file.name)+'-'+W+'x'+H+'.jpg',note:note}; });}); } async function watermark(c){ var text=(c.opt('text')||'').trim(),pct=parseFloat(c.opt('size')),op=parseFloat(c.opt('opacity')),pos=c.opt('pos'),color=c.opt('color'); if(!text)throw new Error('Please type the watermark text.'); await batch(c,function(it){return withImg(it.file,async function(im){ var w=im.naturalWidth,h=im.naturalHeight,mime=mimeOf('orig',it.file),cv=render(im,w,h,mime),ctx=cv.getContext('2d'); var fs=Math.max(12,Math.round(w*pct)); ctx.font='bold '+fs+'px Arial, Helvetica, sans-serif';ctx.globalAlpha=op;ctx.fillStyle=color;ctx.textBaseline='middle'; if(pos==='tile'){ ctx.save();ctx.translate(w/2,h/2);ctx.rotate(-Math.PI/6); var tw=ctx.measureText(text).width+fs*2,th=fs*3,span=Math.hypot(w,h),row=0; for(var y=-span;y<span;y+=th){for(var x=-span+(row%2?tw/2:0);x<span;x+=tw){ctx.fillText(text,x,y);}row++;} ctx.restore(); }else{ var t=ctx.measureText(text).width,m=fs*0.6,x2=/left/.test(pos)?m:/right/.test(pos)?w-m-t:(w-t)/2,y2=/top/.test(pos)?m+fs/2:/bottom/.test(pos)?h-m-fs/2:h/2; ctx.fillText(text,x2,y2); } var b=await encode(cv,mime,0.92);cv.width=cv.height=0; return {blob:b,name:baseName(it.file.name)+'-watermarked.'+extOf(b.type),note:fmt(b.size)}; });}); } async function bw(c){ var mode=c.opt('mode'),th=num(c.opt('th'))||140,fm=c.opt('format'); await batch(c,function(it){return withImg(it.file,async function(im){ var w=im.naturalWidth,h=im.naturalHeight;checkSize(w,h); var mime=mimeOf(fm,it.file),cv=render(im,w,h,mime),ctx=cv.getContext('2d'),d=ctx.getImageData(0,0,w,h),a=d.data; for(var i=0;i<a.length;i+=4){var g=(a[i]*0.299+a[i+1]*0.587+a[i+2]*0.114)|0;if(mode==='bw')g=g>=th?255:0;a[i]=a[i+1]=a[i+2]=g;} ctx.putImageData(d,0,0);var b=await encode(cv,mime,0.92);cv.width=cv.height=0; return {blob:b,name:baseName(it.file.name)+(mode==='bw'?'-bw.':'-gray.')+extOf(b.type),note:fmt(it.file.size)+' → '+fmt(b.size)}; });}); } /* ---------- crop (interactive) ---------- */ var CR={item:null,img:null,url:null,sc:1,sel:null,mode:null,off:null,start:null}; function cropSync(files){ if(!files.length){CR.item=null;CR.img=null;if(CR.url){URL.revokeObjectURL(CR.url);CR.url=null;}return;} if(CR.item===files[0])return; CR.item=files[0];if(CR.url){URL.revokeObjectURL(CR.url);} var u=URL.createObjectURL(files[0].file),im=new Image();CR.url=u; im.onload=function(){CR.img=im;cropSetup();}; im.src=u; } function ratio(){var v=$('#rnio-aspect',ov);return v&&v.value!=='free'?parseFloat(v.value):0;} function cropSetup(){ var cv=$('.rn-img-cropcv',ov);if(!cv||!CR.img)return; var nw=CR.img.naturalWidth,nh=CR.img.naturalHeight,maxW=Math.min(460,window.innerWidth-80),sc=Math.min(maxW/nw,320/nh,1); CR.sc=sc;cv.width=Math.max(10,Math.round(nw*sc));cv.height=Math.max(10,Math.round(nh*sc)); CR.sel=null;applyAspect(); if(!cv._bound){cv._bound=1;bindCrop(cv);} cropDraw(); } function applyAspect(){ var cv=$('.rn-img-cropcv',ov),r=ratio();if(!cv)return; var w,h; if(r){w=Math.min(cv.width,cv.height*r)*0.9;h=w/r;} else{w=cv.width*0.8;h=cv.height*0.8;} CR.sel={x:(cv.width-w)/2,y:(cv.height-h)/2,w:w,h:h}; } function cropDraw(){ var cv=$('.rn-img-cropcv',ov);if(!cv||!CR.img||!CR.sel)return; var ctx=cv.getContext('2d'),s=CR.sel; ctx.clearRect(0,0,cv.width,cv.height);ctx.drawImage(CR.img,0,0,cv.width,cv.height); ctx.fillStyle='rgba(0,0,0,.55)'; ctx.fillRect(0,0,cv.width,s.y);ctx.fillRect(0,s.y+s.h,cv.width,cv.height-s.y-s.h);ctx.fillRect(0,s.y,s.x,s.h);ctx.fillRect(s.x+s.w,s.y,cv.width-s.x-s.w,s.h); ctx.strokeStyle='#fff';ctx.lineWidth=2;ctx.strokeRect(s.x,s.y,s.w,s.h); ctx.fillStyle='#d32f2f';[[s.x,s.y],[s.x+s.w,s.y],[s.x,s.y+s.h],[s.x+s.w,s.y+s.h]].forEach(function(q){ctx.fillRect(q[0]-6,q[1]-6,12,12);}); var t=$('.rn-img-croptxt',ov);if(t)t.textContent='Selected area: '+Math.round(s.w/CR.sc)+' × '+Math.round(s.h/CR.sc)+' px. Drag a red corner to resize, drag inside to move, or drag outside to draw a new area.'; } function bindCrop(cv){ function pt(e){var r=cv.getBoundingClientRect();return {x:(e.clientX-r.left)*cv.width/r.width,y:(e.clientY-r.top)*cv.height/r.height};} function clamp(v,a,b){return Math.max(a,Math.min(b,v));} function rectFrom(a,p){ var dx=p.x>=a.x?1:-1,dy=p.y>=a.y?1:-1,r=ratio(); var maxW=dx>0?cv.width-a.x:a.x,maxH=dy>0?cv.height-a.y:a.y; var w=Math.min(Math.abs(p.x-a.x),maxW),h=Math.min(Math.abs(p.y-a.y),maxH); if(r){if(w/r>h){w=h*r;}else{h=w/r;}} w=Math.max(w,8);h=r?w/r:Math.max(h,8); return {x:dx>0?a.x:a.x-w,y:dy>0?a.y:a.y-h,w:w,h:h}; } cv.addEventListener('pointerdown',function(e){ if(!CR.sel)return;var p=pt(e),s=CR.sel,hit=null; var cs=[[s.x,s.y,s.x+s.w,s.y+s.h],[s.x+s.w,s.y,s.x,s.y+s.h],[s.x,s.y+s.h,s.x+s.w,s.y],[s.x+s.w,s.y+s.h,s.x,s.y]]; for(var i=0;i<4;i++){var q=cs[i];if(Math.abs(p.x-(i%2?s.x+s.w:s.x))<18&&Math.abs(p.y-(i<2?s.y:s.y+s.h))<18){hit={x:q[2],y:q[3]};break;}} if(hit){CR.mode='draw';CR.start=hit;} else if(p.x>=s.x&&p.x<=s.x+s.w&&p.y>=s.y&&p.y<=s.y+s.h){CR.mode='move';CR.off={x:p.x-s.x,y:p.y-s.y};} else{CR.mode='draw';CR.start={x:clamp(p.x,0,cv.width),y:clamp(p.y,0,cv.height)};} try{cv.setPointerCapture(e.pointerId);}catch(x){}e.preventDefault(); }); cv.addEventListener('pointermove',function(e){ if(!CR.mode)return;var p=pt(e),s=CR.sel; if(CR.mode==='move'){s.x=clamp(p.x-CR.off.x,0,cv.width-s.w);s.y=clamp(p.y-CR.off.y,0,cv.height-s.h);} else{CR.sel=rectFrom(CR.start,{x:clamp(p.x,0,cv.width),y:clamp(p.y,0,cv.height)});} cropDraw(); }); function up(){CR.mode=null;} cv.addEventListener('pointerup',up);cv.addEventListener('pointercancel',up); } async function crop(c){ if(!CR.img||!CR.sel)throw new Error('Please wait for the image to load.'); var s=CR.sel,sx=Math.round(s.x/CR.sc),sy=Math.round(s.y/CR.sc),sw=Math.round(s.w/CR.sc),sh=Math.round(s.h/CR.sc),im=CR.img; sx=Math.max(0,Math.min(sx,im.naturalWidth-1));sy=Math.max(0,Math.min(sy,im.naturalHeight-1)); sw=Math.min(sw,im.naturalWidth-sx);sh=Math.min(sh,im.naturalHeight-sy); if(sw<4||sh<4)throw new Error('The selected area is too small.'); var f=c.files[0].file,mime=mimeOf(c.opt('format'),f),cv=canvasOf(sw,sh),ctx=cv.getContext('2d'); if(mime==='image/jpeg'){ctx.fillStyle='#fff';ctx.fillRect(0,0,sw,sh);} ctx.drawImage(im,sx,sy,sw,sh,0,0,sw,sh); var b=await encode(cv,mime,0.95);cv.width=cv.height=0; c.done(b,baseName(f.name)+'-cropped.'+extOf(b.type),sw+'×'+sh+' px · '+fmt(b.size)); } /* ---------- definitions ---------- */ function sel(id,label,opts,def){return '<label class="rn-img-field"><span>'+label+'</span><select id="rnio-'+id+'">'+opts.map(function(o){return '<option value="'+o[0]+'"'+(o[0]===def?' selected':'')+'>'+o[1]+'</option>';}).join('')+'</select></label>';} function inp(id,label,ph,val,type){return '<label class="rn-img-field"><span>'+label+'</span><input id="rnio-'+id+'" type="'+(type||'text')+'" placeholder="'+(ph||'')+'" value="'+(val||'')+'"></label>';} function chk(id,label,on){return '<label class="rn-img-check"><input id="rnio-'+id+'" type="checkbox" value="1"'+(on?' checked':'')+'> <span>'+label+'</span></label>';} var FMT_SAME=[['orig','Same as original'],['jpg','JPG'],['png','PNG'],['webp','WEBP']]; var QSEL=[['0.92','High quality'],['0.8','Medium'],['0.6','Low (smaller file)']]; var IMG='image/*,.jpg,.jpeg,.png,.webp,.gif,.bmp'; var PRESETS={'413x531':[413,531],'200x230':[200,230],'160x200':[160,200],'140x60':[140,60],'200x80':[200,80]}; var TOOLS={ 'img-resize':{title:'Resize Image',desc:'Change the width and height of one or many images.',multi:true,btn:'Resize Image', opts:sel('mode','Resize by',[['px','Width / height in pixels'],['pct','Percentage']])+inp('w','Width (px)','e.g. 800','','number')+inp('h','Height (px)','e.g. 600','','number')+inp('pct','Percentage','e.g. 50','','number')+chk('keep','Keep aspect ratio (recommended)',true)+sel('format','Save as',FMT_SAME)+sel('q','Quality',QSEL),run:resize, init:function(){var m=$('#rnio-mode',ov),f=function(){var p=m.value==='pct';['w','h','keep'].forEach(function(i){var e=$('#rnio-'+i,ov);e.closest('label').style.display=p?'none':'';});$('#rnio-pct',ov).closest('label').style.display=p?'':'none';};m.onchange=f;f();}}, 'img-compress':{title:'Compress Image',desc:'Reduce the file size of photos. Enter a maximum size in KB to fit an upload limit.',multi:true,btn:'Compress Image', opts:sel('format','Save as',[['jpg','JPG (smallest)'],['webp','WEBP']])+sel('q','Quality',QSEL,'0.8')+inp('maxkb','Maximum file size in KB (optional)','e.g. 100','','number')+sel('maxw','Reduce large photos to',[['0','Keep original size'],['3000','3000 px wide'],['2000','2000 px wide'],['1600','1600 px wide'],['1200','1200 px wide'],['800','800 px wide']]),run:compress}, 'img-convert':{title:'Convert Image',desc:'Convert images between JPG, PNG and WEBP.',multi:true,btn:'Convert Image', opts:sel('format','Convert to',[['jpg','JPG'],['png','PNG'],['webp','WEBP']])+sel('q','Quality (JPG / WEBP)',QSEL),run:convert}, 'img-crop':{title:'Crop Image',desc:'Drag on the image to choose the area to keep.',multi:false,btn:'Crop Image', opts:sel('aspect','Shape',[['free','Free'],['1','Square 1:1'],['1.3333','4:3'],['0.75','3:4'],['1.7778','16:9'],['0.7778','Passport 35:45']])+'<div class="rn-img-cropbox"><canvas class="rn-img-cropcv"></canvas><p class="rn-img-croptxt"></p></div>'+sel('format','Save as',FMT_SAME),run:crop, init:function(){$('#rnio-aspect',ov).onchange=function(){applyAspect();cropDraw();};},sync:cropSync}, 'img-rotate':{title:'Rotate & Flip',desc:'Turn photos the right way up, or mirror them.',multi:true,btn:'Apply', opts:sel('act','Action',[['cw','Rotate 90° clockwise'],['ccw','Rotate 90° counter-clockwise'],['180','Rotate 180°'],['fliph','Flip horizontally'],['flipv','Flip vertically']])+sel('format','Save as',FMT_SAME),run:rotate}, 'img-photo':{title:'Photo / Signature Size',desc:'Make a photo or signature exactly the size and file size an online form asks for.',multi:true,btn:'Create Image', opts:sel('preset','Size',[['413x531','Photo 413 × 531 px (35 × 45 mm)'],['200x230','Photo 200 × 230 px'],['160x200','Photo 160 × 200 px'],['140x60','Signature 140 × 60 px'],['200x80','Signature 200 × 80 px'],['custom','Custom size']])+inp('w','Width (px)','','413','number')+inp('h','Height (px)','','531','number')+inp('maxkb','Maximum file size in KB (optional)','e.g. 50','','number')+sel('fit','How to fit',[['cover','Crop to fill (no stretching)'],['contain','Fit inside, white background'],['stretch','Stretch to exact size']]),run:photo, init:function(){var p=$('#rnio-preset',ov);p.onchange=function(){var v=PRESETS[p.value];if(v){$('#rnio-w',ov).value=v[0];$('#rnio-h',ov).value=v[1];}};['w','h'].forEach(function(i){$('#rnio-'+i,ov).oninput=function(){p.value='custom';};});}}, 'img-watermark':{title:'Add Watermark',desc:'Write your name or website on your images.',multi:true,btn:'Add Watermark', opts:inp('text','Watermark text','e.g. railwayniyam.com','railwayniyam.com')+sel('pos','Position',[['bottom-right','Bottom right'],['bottom-left','Bottom left'],['top-right','Top right'],['top-left','Top left'],['center','Centre'],['tile','Repeat across the image']])+sel('size','Text size',[['0.03','Small'],['0.05','Medium'],['0.08','Large']],'0.05')+sel('opacity','Strength',[['0.9','Strong'],['0.6','Medium'],['0.3','Light']],'0.6')+sel('color','Colour',[['#ffffff','White'],['#000000','Black'],['#d32f2f','Red'],['#1d56c4','Blue']]),run:watermark}, 'img-bw':{title:'Black & White',desc:'Turn images into grayscale, or pure black and white (good for scanned signatures).',multi:true,btn:'Convert', opts:sel('mode','Mode',[['gray','Grayscale'],['bw','Pure black & white']])+inp('th','Black & white level (0-255)','140','140','number')+sel('format','Save as',FMT_SAME),run:bw, init:function(){var m=$('#rnio-mode',ov),f=function(){$('#rnio-th',ov).closest('label').style.display=m.value==='bw'?'':'none';};m.onchange=f;f();}} }; /* ---------- modal UI ---------- */ var ov,S={tool:null,files:[],busy:false,url:null}; function build(){ if(ov)return; ov=el('div','rn-img-overlay');ov.setAttribute('role','dialog');ov.setAttribute('aria-modal','true'); ov.innerHTML='<div class="rn-img-modal"><div class="rn-img-mhead"><h3 class="rn-img-mtitle"></h3><button type="button" class="rn-img-x" aria-label="Close">×</button></div>'+ '<div class="rn-img-mbody"><p class="rn-img-desc"></p><label class="rn-img-drop"><input type="file" class="rn-img-file"><strong>Choose image</strong><span> or drag & drop here</span><small class="rn-img-hint">JPG, PNG, WEBP images</small></label><ul class="rn-img-list"></ul><div class="rn-img-opts"></div><div class="rn-img-status" role="status" aria-live="polite"></div><div class="rn-img-result"></div></div>'+ '<div class="rn-img-mfoot"><span class="rn-img-priv">🔒 Images stay on your device</span><button type="button" class="rn-img-btn rn-img-ghost" data-act="clear">Clear</button><button type="button" class="rn-img-btn" data-act="run">Run</button></div></div>'; document.body.appendChild(ov); ov.addEventListener('click',function(e){ if(e.target===ov)return close(); var b=e.target.closest('button');if(!b)return; if(b.classList.contains('rn-img-x'))return close(); var act=b.getAttribute('data-act'); if(act==='run')return run(); if(act==='clear')return clearAll(); var i=+b.getAttribute('data-i'),a=b.getAttribute('data-a'); if(a==='rm'){var r=S.files.splice(i,1)[0];if(r&&r.url)URL.revokeObjectURL(r.url);} else if(a==='up'&&i>0){var t=S.files[i];S.files[i]=S.files[i-1];S.files[i-1]=t;} else if(a==='down'&&i<S.files.length-1){var t2=S.files[i];S.files[i]=S.files[i+1];S.files[i+1]=t2;} clearResult();renderList(); }); var drop=$('.rn-img-drop',ov),inpf=$('.rn-img-file',ov); inpf.addEventListener('change',function(){addFiles(inpf.files);inpf.value='';}); ['dragenter','dragover'].forEach(function(ev){drop.addEventListener(ev,function(e){e.preventDefault();drop.classList.add('over');});}); ['dragleave','drop'].forEach(function(ev){drop.addEventListener(ev,function(e){e.preventDefault();drop.classList.remove('over');});}); drop.addEventListener('drop',function(e){addFiles(e.dataTransfer.files);}); document.addEventListener('keydown',function(e){if(e.key==='Escape'&&ov.classList.contains('active'))close();}); } function status(t,kind){var s=$('.rn-img-status',ov);s.textContent=t||'';s.className='rn-img-status'+(kind?' '+kind:'');} function clearResult(){if(!ov)return;$('.rn-img-result',ov).innerHTML='';status('');} function renderList(){ var ul=$('.rn-img-list',ov),T=TOOLS[S.tool];ul.innerHTML=''; S.files.forEach(function(it,i){ var li=el('li','rn-img-item'+(it.err?' bad':'')),th=el('img','rn-img-th');th.alt='';if(it.url)th.src=it.url; var info=el('span','rn-img-finfo'),nm=el('span','rn-img-fname',it.file.name),mt=el('span','rn-img-fmeta',it.err?it.err:fmt(it.file.size)+(it.dims?' · '+it.dims:'')); info.appendChild(nm);info.appendChild(mt);var bt=el('span','rn-img-fbtns'); function mk(a,t,l){var b=el('button','rn-img-ib',t);b.type='button';b.setAttribute('data-a',a);b.setAttribute('data-i',i);b.setAttribute('aria-label',l);bt.appendChild(b);} if(T.multi&&S.files.length>1){mk('up','↑','Move up');mk('down','↓','Move down');} mk('rm','×','Remove'); if(it.url)li.appendChild(th);li.appendChild(info);li.appendChild(bt);ul.appendChild(li); }); $('.rn-img-drop',ov).style.display=(!T.multi&&S.files.length)?'none':''; $('.rn-img-opts',ov).style.display=S.files.length?'':'none'; $('[data-act=clear]',ov).style.display=S.files.length?'':'none'; if(T.sync)T.sync(S.files); } function okType(f){return /^image\/(jpeg|png|webp|gif|bmp)/.test(f.type)||/\.(jpe?g|png|webp|gif|bmp)$/i.test(f.name);} function addFiles(list){ var T=TOOLS[S.tool],arr=Array.prototype.slice.call(list||[]),bad=0;clearResult(); arr=arr.filter(function(f){var ok=okType(f);if(!ok)bad++;return ok;}); if(bad)status(bad+' file(s) skipped: please choose JPG, PNG or WEBP images only.','err'); if(!arr.length)return; if(!T.multi){S.files.forEach(function(x){if(x.url)URL.revokeObjectURL(x.url);});S.files=[];arr=arr.slice(0,1);} arr.forEach(function(f){ var it={file:f,url:URL.createObjectURL(f)};S.files.push(it); var im=new Image();im.onload=function(){it.dims=im.naturalWidth+'×'+im.naturalHeight+' px';renderList();}; im.onerror=function(){it.err='Could not open this image. Use a JPG, PNG or WEBP file.';renderList();};im.src=it.url; }); renderList(); } function releaseUrls(){S.files.forEach(function(x){if(x.url)URL.revokeObjectURL(x.url);});} function clearAll(){releaseUrls();S.files=[];clearResult();renderList();} function done(blob,name,note){ if(S.url)URL.revokeObjectURL(S.url);S.url=URL.createObjectURL(blob); status('');var r=$('.rn-img-result',ov);r.innerHTML=''; r.appendChild(el('p','rn-img-ok','✔ Done! '+name+' ('+fmt(blob.size)+')')); if(note)r.appendChild(el('p','rn-img-note2',note)); if(blob.type.indexOf('image/')===0){var p=el('img','rn-img-prev');p.alt='Result preview';p.src=S.url;r.appendChild(p);} var a=el('a','rn-img-btn rn-img-dl','⬇ Download');a.href=S.url;a.download=name;r.appendChild(a); } async function run(){ if(S.busy)return;var T=TOOLS[S.tool],f=S.files;clearResult(); if(!f.length)return status('Please add an image first.','err'); if(f.some(function(x){return x.err;}))return status('Remove the image that could not be opened and try again.','err'); if(f.length>60)return status('Please process at most 60 images at a time.','err'); S.busy=true;var btn=$('[data-act=run]',ov);btn.disabled=true; try{ await T.run({files:f,status:status,done:done,opt:function(id){var e=$('#rnio-'+id,ov);return e?(e.type==='checkbox'?(e.checked?'1':'0'):e.value):'';}}); }catch(e){status((e&&e.message)||'Something went wrong. Please try again.','err');} finally{S.busy=false;btn.disabled=false;} } function open(id){ var T=TOOLS[id];if(!T)return;build();releaseUrls();S.tool=id;S.files=[];CR.item=null; $('.rn-img-mtitle',ov).textContent=T.title;$('.rn-img-desc',ov).textContent=T.desc; var inpf=$('.rn-img-file',ov);inpf.accept=IMG;inpf.multiple=!!T.multi; $('.rn-img-opts',ov).innerHTML=T.opts;$('[data-act=run]',ov).textContent=T.btn; if(T.init)T.init(); clearResult();renderList();ov.classList.add('active');document.body.classList.add('rn-img-lock'); try{history.replaceState(null,'','#'+id);}catch(e){} setTimeout(function(){var x=$('.rn-img-x',ov);if(x)x.focus();},50); } function close(){ if(!ov)return;ov.classList.remove('active');document.body.classList.remove('rn-img-lock'); releaseUrls();S.files=[];if(S.url){URL.revokeObjectURL(S.url);S.url=null;} try{if(location.hash.indexOf('#img-')===0)history.replaceState(null,'',location.pathname+location.search);}catch(e){} } document.addEventListener('click',function(e){ var a=e.target.closest&&e.target.closest('a[href^="#img-"]');if(!a)return; var id=a.getAttribute('href').slice(1);if(TOOLS[id]){e.preventDefault();open(id);} }); function init(){var h=location.hash.slice(1);if(TOOLS[h])open(h);} if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init(); window.rnImgOpen=open; })();</script> </body> </html> <!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-19 23:55:57 -->
